html, body{color:#000; font-size:11px; font-family: Arial, Trebuchet MS, Verdana; background:#484848 url("/public/static/images/bg_container.jpg") repeat-x;}

/******************* ESTRUCTURAS GENERALES **************************/
#container{width:900px; margin:0 auto;}
#container.prehome {width:550px;}
#animacion{width:550px; height:400px; margin-top:30px;}

#header {height: 58px; width:900px; float:left;}
#header #logo {width:176px; height: 58px; float:left;}
#header #header-content {width:724px; height: 58px; float:left;}
#header #header-content #links {height:21px; width:724px;}
#header #header-content #links li{float:right; width:77px; height:21px; background-color: #3B3B3B; text-align: center;}
#header #header-content #links a{color:#FFF; font-size:11px; text-decoration: none; line-height: 21px;}
#header #header-content #links a:hover{color:#F0A200;}
#header #header-content #navBar {width:718px; height:29px; padding-left:6px; padding-top:8px;}
#header #header-content #navBar li{float:left; margin-left:25px; height:29px;}
#header #header-content #navBar a{color:#FFF; font-size:11px; text-decoration: none; height:29px;}
#header #header-content #navBar a:hover{border-bottom:5px solid #F0A200; color:#F0A200; padding-bottom:3px;}
#header #header-content #navBar .active a{border-bottom:5px solid #F0A200; color:#F0A200; padding-bottom:3px;}

#banner {border-bottom:3px solid #FFF; float:left;}
#visor_imagenes {height: 230px; width:900px;float:left;}

#content {width:898px; border:1px solid #FFF; border-top:3px; border-bottom:0px; float:left; position: relative; }
#situacion { padding: 10px 0 0 60px; width: 104px; height: 38px; position: absolute; right: 10px; top: 5px; background: url("/public/static/images/bg_situacion.gif") no-repeat;}
#situacion a { color: #FFF; font-weight: bold; text-decoration: none; }
#situacion a:hover { color: #F0A200; font-weight: bold; }
	
#foot {height: 59px; width:886px; background-color:#FFF; padding-left:14px; padding-top:12px; float:left;}
#foot #menu_pie{height: 18px; width:872px;}
#foot #menu_pie li{float:left; padding: 0 5px 0 5px; border-left:1px solid #E2E2E2; font-size:11px;}
#foot #menu_pie li a {color:#818181; text-decoration: none;}
#foot #menu_pie li a:hover {color:#F0A200;}
#foot #menu_pie .borderright {border-right: 1px solid #E2E2E2; padding-right: 5px;}
#foot #direccion{margin-top:6px; height: 15px; width:866px; padding:5px 0 5px 10px; color:#FFF; background-color:#484848;}
#foot #direccion a{color:#FFF; text-decoration: none;}
#foot #direccion a:hover{color:#FFF; text-decoration: underline;}

/** Pagina home admin **/
#adminHome{padding: 0 0 20px 0;}
#adminHome p{padding:20px; color:#FFF; font-size: 12px;}
#copyAdmin{width:696px; float: left; border-left:1px solid #FFF; margin-left:-1px; position: relative;}
#copyAdmin .close{width:140px; position: absolute; text-align: right; top:2px; right:1px; padding: 4px 10px; background:#3B3B3B url("/public/static/images/key.gif") no-repeat 100px 9px; }
#copyAdmin .close a{color:#FFF; text-decoration: none;}
#navBarAdmin{width:200px; float: left; border-right:1px solid #FFF;}
#navBarAdmin .titulo{color:#FFF; font-size: 18px;  padding: 20px 0 10px 20px;}
#adminHome p{padding:20px; color:#fff; font-size: 12px;}
#copyAdmin{width:696px; float: left; border-left:1px solid #fff; margin-left:-1px; position: relative; }
#copyAdmin .close{width:140px; position: absolute; text-align: right; top:2px; right:1px; padding: 4px 10px; background:#3b3b3b url("/public/static/images/key.gif") no-repeat 100px 9px; }
#copyAdmin .close a{color:#fff; text-decoration: none;}
#navBarAdmin{width:200px; float: left; border-right:1px solid #fff;}
#navBarAdmin .titulo{color:#fff; font-size: 18px;  padding: 20px 0 10px 20px;}
#navBarAdmin ul{width:180px; overflow: hidden;  margin: 5px; padding-bottom: 20px;}
#navBarAdmin ul li{width:180px; overflow: hidden; border-bottom: 1px solid #FFF; padding: 5px 0 5px 10px; margin:0 9px; background: url("/public/static/images/vineta-flecha.gif") no-repeat left;}
#navBarAdmin ul li.first{border-top: 1px solid #FFF;}
#navBarAdmin ul li a{color:#F0A100; text-decoration: none; font-size: 12px;}
#navBarAdmin ul li a:hover{color:#FFF;}
.grids{padding:20px;}


