@charset "UTF-8";
body  {
	margin: 0; 
	padding: 0;
	background: #111213 url(imgs/bground.gif) top left repeat-x;
	text-align: center;
	font: 12px/16px Geneva, Arial, Helvetica, sans-serif;
	color: #D0D0DB;
}

#container { 
	width: 920px;
	margin: 0 auto;
	text-align: left; 
	position:relative;
} 

/************* HEADER N MENU *************/

#header { 
	padding: 10px 0 0 0;
} 
#header h1 { display:none;} 
#header .brand {
	margin: 0 0 0 20px;
	padding: 0;
	background: url(imgs/logo.gif) top left no-repeat;
	width:300px; height:60px; z-index:1;
	
}
#header .brand a { text-decoration:none; position:absolute; top:20px;left:20px; display:block;width:290px; height:60px; margin:0; padding:0; }
#header .brand a:hover { text-decoration:none;}

#header .slogan{position: absolute; top:30px; left:480px; width:250px; height:25px;} /* background: url(imgs/sloganb.gif) top left no-repeat; */
#header .slogan h2 { font:22px light 'Lucida Sans Unicode','Lucida Grande', Arial, Helvetica, sans-serif; font-style:italic; color:#444; margin:0;padding:0;} /* display:none; */

#header ul{
     list-style: none;  
     position: relative;  
     margin: 15px 0 13px 0;  
     padding: 0; 
	width:920px; height:45px;	
	background: url(imgs/menubg.gif) top left repeat-x;
}
#header ul li { 
    display: block;  
   /* overflow: hidden;  */
    padding: 0;  
    cursor: pointer;  
	float: left;
	width: 125px;
	height: 45px;
	margin-right: 0px;
	background-image:url(imgs/menu.gif);
	background-repeat:no-repeat;
}
#header ul li a{
	display:block;
	height:45px;
	text-indent:-9999px;
	outline:none;
}
#menu1 { background-position:0px 0px;}
#menu2 { background-position:-125px 0px;}
#menu3 { background-position:-250px 0px;}
#menu4 { background-position:-375px 0px;}
#menu5 { background-position:-500px 0px;}

#menu1.active, #menu1:hover { background-position: 0 bottom;}
#menu2.active, #menu2:hover { background-position: -125px bottom;}
#menu3.active, #menu3:hover { background-position: -250px bottom;}
#menu4.active, #menu4:hover { background-position: -375px bottom;}
#menu5.active, #menu5:hover { background-position: -500px bottom;}

#menu1 a{
	background-image:url(imgs/menuend.gif);
	background-repeat:no-repeat;
	background-position: left 0px;
}
#menu1 a:hover{
	background-position: left -45px;
}

/************* SIDEBAR N BOXES *************/

#sidebar1 {
	float: right;
	width: 250px;
	padding:0 0 0 10px;
	margin:0;
}
#promo a {
	width: 250px;
	height:75px;
	display:block;
	background: url(imgs/btnpromo.gif) 0 0 no-repeat;
}
#promo a:hover { background: url(imgs/btnpromo.gif) 0 -75px no-repeat;}
#press {margin-top:10px;}
#press a {
	width: 250px;
	height:75px;
	display:block;
	background: url(imgs/btnpress.gif) 0 0 no-repeat;
}
#press a:hover { background: url(imgs/btnpress.gif) 0 -75px no-repeat;}

#gallery { margin-top:25px; width:250px; background: url(imgs/gallerybtm.gif) bottom left no-repeat; display:table;} /* height:248px;*/
#gallery h2 {text-indent:-9999em; background:url(imgs/obresup.gif) no-repeat top left; height:42px;}
#gallery ul {background:#2d2e2f url(imgs/gallerybg.gif) bottom left repeat-x; border-left:1px solid #787879; border-right:1px solid #787879; width:248px; margin:-15px 0 -2px 0; padding:8px 0 0 0; text-align:center; display:inline-table;}  /*  width:248px;   */
#gallery li {display: inline; padding:0;}
#gallery li a img {padding:0; margin: 4px; border: 1px solid #8c8c8c;}
#gallery li a:hover img {border: 1px solid #ccc;}


/************* MAINCONTENT *************/

#mainContent { 
	margin: 0 260px 0 0;
} 
#mainContent #wrapper {
	padding: 0 20px 20px 0;
}
.headerimg {width:660px; height:160px;}

#wrapper h1 { font:24px Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, Geneva, Arial, sans-serif; letter-spacing:1px; padding-top:20px; font-weight:bolder; } /* Geneva, 'Trebuchet MS', 'Lucida Sans Unicode', sans-serif */
#wrapper h2 { font:14px normal 'Trebuchet MS', 'Lucida Sans Unicode', Helvetica, sans-serif; letter-spacing:1px; }
#wrapper h2.title {color:#5BC6FF;}
#wrapper h3 { font:12px Geneva, Arial, Helvetica, sans-serif; letter-spacing:1px;font-weight:bold; }

#wrapper p{margin:10px 0; padding:0; line-height:18px;}

#post {margin:10px 0;}
#post ul { border-top:1px dotted #444; }
#post li { margin:8px 0;padding-left:10px; list-style:none; background:transparent url(imgs/li.gif) 0 2px no-repeat; border-bottom:1px dotted #444; display:block; } 
#post ul li ul { border-top:none; }
#post li ul li{ width:98%; border-bottom:none; } /*margin:8px 0; */
#post p { padding:0 0 10px 0;margin:0;} /* padding-bottom:10px; margin:-8px 0 0 0; */

#prod {width:660px; background:url(imgs/prodbtm2.gif) bottom left no-repeat; margin:12px 0 20px 0; display:table;} /* height:158px; */
#prod h2 {text-indent:-9999em; background:url(imgs/produp2.gif) no-repeat top left; height:42px;}
#prod ul{ background:#121414 url(imgs/prodbg.gif) top left repeat-x; border-left:1px solid #787879; border-right:1px solid #787879; width:100%x; margin:-15px 0 8px 0; padding:8px 0 0 0; display:inline-table; } /* height:100px;*/
#prod li {display:inline; padding:5px 0 5px 20px; width:190px; float:left;} /*display:inline; */

#film { width:660px; display:table; margin-left:-40px;}
/* #film ul{ width:100%; display:inline-table;} */
#film li { width:200px; display:inline; margin:0; padding:0; }
#film li a img {padding:0; margin: 6px; border: 1px solid #8c8c8c;}
#film li a:hover img {border: 1px solid #ccc;}


a {color:#EA801F; text-decoration:none;}
a:hover{text-decoration:underline;color:#E97002;}
a.more{ text-transform:uppercase; float:right; font-size:smaller; font-weight:bold; letter-spacing:1px; padding: 0 10px 5px 0; margin-top:-10px;}

#places {width:200px; padding:5px;}
#places h3{font-size:14px; text-transform:uppercase; color:#5BC6FF;}


/************* FOOTER *************/
#footer { 
	padding: 0 10px 0 20px; border-top:1px solid #4D4E4E;
} 

#footer p {
	margin: 0;
	padding: 10px 0;
	color:#b2b2b2; 
}

/************* FORMS *************/
form {padding: 15px 0;}
form label{ display:block;}

form input, form textarea{
	width:90%;
	border:1px #E0E0E0 solid;
	color:#333;
	padding:4px 5px;
	font:12px Arial,san-serif;
	background-color: #DFDFDF;
}

form input:hover, form textarea:hover{border:1px #ff6600 solid; }

form input:focus, form textarea:focus{
	border:1px #ff6600 solid;
	color:#333;
}

form input.button{
	width:14%;
	margin-right:8px;
	padding:5px 15px;
	font:12px Verdana,Arial,san-serif;
	border:1px solid #AAA;
}
form input.button:hover{
	border:1px solid #ff6600;
}

* html form input,
* html form textarea{
	border-color: #CCC;
	color:#333;
}


/************* CLASSES *************/

.fltrt { float: right; margin-left: 16px; }

.fltlft { float: left; margin-right: 16px; }

.promo {margin:35px;}
.promo img{float:left;}
.promo h3 { font-size:14px; text-transform:uppercase; color:#5BC6FF; margin: 0 0 18px 150px;}

.clearfixes {  /* clearfix crashes with same class on lightbox.css */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.subtitle { padding-left:15px; color:#5BC6FF;} /* color:#FF9A3D;*/
.peufoto{font-size:small; color:#5BC6FF; margin:5px 7px 14px 0;}