* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}

 
#container { 
 margin: 0 auto;
 width: 1022px;
 background-image:url(background.gif)
}
#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 10px;
 border: none;
 height: 180px;
 margin: 30px 0px 0px 32px;
 background-image: url(headerCSE.gif);
 background-repeat: no-repeat;
 
}
html>body #header
{margin: 30px 0px 0px 50px;
}
#leftcolumn { 
 color: #333;
 border-right-style:ridge;
 border-top-style:ridge;
 background-image:none;
 background-repeat:repeat-y;
 margin: 5px 5px 5px 30px;
 padding: 10px;
 height: 1600px;
 width: 195px;
 float: left;
 display:  block;
 list-style-type:none;
}
html>body #leftcolumn
{margin: 5px 5px 5px 50px;
}
/*ovo sve dole je lista*/
#navcontainer
{
 /*#f0e7d7*/
background:none;
width: 90%;
margin: 0 auto;
padding: 2px;
font-family: century gothic, georgia, serif;
font-size: 13px;
text-align: center;

}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 55%;
}
html>body #navlist {
width: 70%;
}
ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #000000;
text-decoration: none;
background: #db7e82; /*f7f2ea*/
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #f0e7d7;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #800000;
background: #3aaee1;
border-color: #aaab9c #fff #fff #ccc;
}
/*lista je skroz do tu*/
#content { 
 float: left;
 color: #333;
 border-right-style:ridge;
 border-top-style:ridge;
 background-colour:white;
 background-repeat:repeat-y;
 margin: 5px 5px 5px 0px;
 padding: 10px;
 height: 1600px;
 width: 456px;
 
}
#rightpicture {
background-image:url(header1_1.gif);
margin: 0px 0px 5px 0px;
height: 60px;
width: 215px;
float: left;
background-repeat: no-repeat;
}


#rightcolumn { 
 color: #333;
 border-right-style:ridge;
 border-top-style:ridge;
 background-image:none;
 background-repeat:repeat-y;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 1400px;
 width: 195px;
 float: left;
}
#footer { 
 width: 922px;
 clear: both;
 color: #333;
 border-right-style:ridge;
 border-top-style:ridge;
 background-image:none;
 background-repeat:repeat-y;
 margin: 0px 0px 5px 60px;
 padding: 0px;
 }
 html>body #footer{
 margin: 5px 0px 5px 50px;
 }
 #film 
 { margin: 10px auto;
   width: 400px;
    }
	
 #thumbs
 { width:150px;
   border-width:2px 5px 5px 2px;
   border-style:solid;
   padding:5px;  
   margin: 0px 10px 10px 35px;
   float: left;
   text-align: center;
   color: #d5d3d3;
   font-family: Arial Black;
   font-size:medium;
   }
 
 #box
 { width: 406px;
    height 200px;
	margin: 20px auto;
    text-align:left;
    padding: 5px;
    background-color: #cccccc;
  	border: 1px solid #333333;
    border-right: 3px solid #333333;
	border-bottom: 3px solid #333333;
 	}
	
 #boxpicture
 {  width: 100px;
    float: left;
    margin: 5px;
    padding: 3px;
    border: 1px solid #333333;
	}
	
	 #boxpicture-manja
 {  width: 140px;
    float: left;
    margin: 5px;
    padding: 3px;
    border: 1px solid #333333;
	}
	
	#boxpicture-velika
 {  width: 182px;
    float: left;
    margin: 5px;
    padding: 3px;
    border: 1px solid #333333;
	}
	
	#box-white
 { width: 406px;
    height 200px;
	margin: 20px auto;
    text-align:left;
    padding: 5px;
    background-color: white;
    border: 1px solid #333333;
    border-right: 3px solid #333333;
	border-bottom: 3px solid #333333;
 	}