#body
{
    width: 100%;
    height: auto;
    background-color: white;
    font-family: "Trebuchet MS", Helvetica, sans-serif; 
    
}


#header
{
    margin-top: -5px;
    width:1000px;
    height:100px;
    margin-left: auto;
    margin-right: auto;

}

#header-down
{
    width: 800px;
    float: right;
    height: 50px;
}

#header-up
{
    width: 750px;
    float: right;
    height: 50px;
    color: #cc63d1;
    font-size: 14px;
}

#header-uplogin
{
    float: right;
    width: 180px;
    text-align: right;

    }

#logo
{
    float: left;
    position:absolute;
    z-index: 7;
    padding-left: -15px;
    
}
#brand
{
    float: left;
    position:relative;
    list-style-type:none;   
    text-align:center;
    display:table-cell;
    width: 450px;
    height:45px;
    box-shadow: 0px 2px 5px gray;
    
}

img{
    border: 0
}


#centar
{
    width: 900px;
    height:auto;
    margin:auto;
    float: top;
    padding-top: 20px;
     color: #999999;
}


.more {
	display: none;
 }
a.showLink, a.hideLink {
	text-decoration: none;
	color: #36f;
	padding-left: 8px;
	background: transparent url('down.gif') no-repeat left; }
a.hideLink {
	background: transparent url('up.gif') no-repeat left; }
a.showLink:hover, a.hideLink:hover {
	border-bottom: 1px dashed #36f;
	}

.red 
{
width: 900px;
height:auto;
}

#stupac1, #stupac2, #stupac3
{
    text-align: center;
    width: 300px;
    float: left;
    color: #999999;
    padding-bottom: 20px;
   
    
}

#stupac11, #stupac22, #stupac33
{
    text-align: center;
    width: 240px;
    padding-left: 30px;
    float: left;
    color: #999999;
    font-size: 14px;
}

#imgred
{
    margin-left: 20px;
    width:260px;
       box-shadow: 2px 2px 3px gray;
       margin-bottom: 10px;
}



.input { 
width: 282px; 
height: 50px; 
background: url(../images/text.png) no-repeat; 
background-size: 230px 35px;
float: left;
padding-left: 10px;
} 


.text { width: 170px; 
height: 22px; 
background: none; 
border: none; 
color: #000000; 
margin-top: 5px; 
margin-left: 5px;
outline: none;
}


#input11
{
	background-image: url(../images/submit.png);
	background-repeat: no-repeat;
	width: 120px;
	height: 50px;
	border: none;
	color: #000000;
	margin-top:10px;
}

input#input1
{
	background-image: url(../images/submit1.png);
	background-repeat: no-repeat;
	width: 120px;
	height: 50px;
	border: none;
	color: #000000;
	background-color: transparent;
	cursor:pointer;
} 



#example-hide
{
    color: black;
}

#example-show
{
    color: black;
}

#placeholder
{
	width: 579px;
	height: 369px;
	box-shadow: 5px 5px 5px gray;
        margin-left: 160px;
}


#milena
{

    box-shadow: 5px 5px 5px gray;
    width: 200px;
    margin-left: 20px;
}

a:link    { color: #999999;
text-decoration: none;}   
a:visited { color: #999999 }   
a:hover   { color: #C45795 } 
a:active  { color: #999999 }  

#box2 {
	width: 110px;
	height: auto;
	float: left;
}

#box3 {
	width: 770px;
	height: auto;
	float: right;
}

#image
{
    box-shadow: -2px 6px 8px #cccccc;

}