#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: 800px;
    height:auto;
    margin:auto;
    float: top;
    padding-top: 20px;
     color: #999999;
}

#centarl
{
    float:left;
    width:250px;
    height: auto;
    padding-left: 100px;
    
}

#centarr
{
  
     float:right;
    width:350px;
    height: auto;
     padding-left: 50px;
     font-size: 20px;
}

#centarr strong
{
    padding-left: 35px;
}

.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_2.png) no-repeat; 
background-size: 230px 35px;
padding-left: 10px;
} 

.output { 
width: 282px; 
height: 180px; 
background: url(../images/text_1.png) no-repeat; 
background-size: 250px 180px;
padding-left: 10px;
} 


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


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

textarea {
    resize: none;
    }

text:focus, input:focus{
    outline: 0;
}

#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;
} 

h2
{
    color: #cc63d1;
    text-shadow: 3px 3px 3px #262626;
}

#image
{
    box-shadow: 0px 0px 8px #262626;

}