* {margin: 0; padding: 0;}
body { text-align: center;background-color:#000;color:fff; height:100%; font-size:14px; font-family:Verdana, Geneva, sans-serif;}
#container {margin:auto; width:1024px; background:#fa7008; min-height: 950px; height:100%}
#container_index { background:url(fons_esquerra.png) repeat-y;margin:auto; width:1024px; min-height: 950px; height:100%}
#blq_esquerra {width:220px; float:left; height:100%; margin: 0;}
#slidebar { background:#666;margin: 160px 0 50px 0;float:left; width:210px;padding: 5px; height: 100%; line-height: 20pt; border-top: 1px solid #000;}
.contenidor {color: #ffebc6; margin: auto; width: 760px; text-align:center; height:100%}
.contenidor_index {background-color:#fa7008;color: #ffebc6; margin-left: 220px; width: 804px; text-align:center; height:100%}
div#capcal {text-indent: -9999px; text-decoration: none;}
div#capcal h1 {height: 130px; background: transparent url(logo.jpg) top center no-repeat;}
/*#capcal span {display: none;} Faig servir el text-indent, aixi als navegadors mobils es mostra*/
img {border: 0;}

/* Navegacio1 */
div#navegacioU {height: 65px; width: 550px; padding: 0; border: 0; background: #fa7008; color: #fff; margin: 20px auto}
div#navegacioU ul#menuU {height: 65px; width: 500px; background: transparent url(nav.jpg) top left no-repeat; margin: 0; padding: 0; position: relative;}
div#navegacioU ul#menuU li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
ul#menuU li, ul#menuU a { height: 65px; display: block;}
div#navegacioU ul#menuU li a { text-indent: -9999px; text-decoration: none;}
#Empresa {left: 0; width: 155px;}
#Producto {left: 150px; width: 170px;}
#Situacion {left: 320px; width: 176px;}
#Empresa a:hover {background: transparent url(nav.jpg) 0 -68px no-repeat;}
#Producto a:hover {background: transparent url(nav.jpg) -153px -68px no-repeat;}
#Situacion a:hover {background: transparent url(nav.jpg) -324px -67px no-repeat;}


/* Cos */
.co {color: #000000;}
.text1 {width:450px;height: 338px; margin:5px auto; padding:1em; float:none ;background: transparent url(cuina_carabassa_450.jpg) top left no-repeat;}
#text1A {position: relative; margin-top:80px;margin-left:40%;}
#text1A p {font-size: medium ; line-height: 20pt;font-weight:bold;}
.text2 {width:550px; margin:5px auto; padding:1em; float:none ;line-height: 20pt;font-weight:bold;text-align:justify;}
.llMG {font-weight:bold; font-size: large}
.fotos {margin: 1em;}
.sep {width:70%; margin: 15px auto;}

.spu {height: 65px; width: 650px; padding: 0; border: 0; background: #fa7008; color: #fff; margin: 20px 0 35px 20px;}

.spu ul.spuC {height: 55px; width: 650px; background: transparent url(composicio_botons_cuina.jpg) top left no-repeat; margin: 0; padding: 0; position: relative;}
.spu ul.spuC li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
ul.spuC li, ul.spuC a { height: 55px; display: block;}
.spu ul.spuC li a { text-indent: -9999px; text-decoration: none;}
#cocinas {left: 0; width: 500px;}
#cocinas a:hover {background: transparent url(composicio_botons_cuina.jpg) 0 -81px no-repeat;}

.spu ul.spuE {height: 55px; width: 650px; background: transparent url(composicio_botons_equipaments.jpg) top left no-repeat; margin: 0; padding: 0; position: relative;}
.spu ul.spuE li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
ul.spuE li, ul.spuE a { height: 55px; display: block;}
.spu ul.spuE li a { text-indent: -9999px; text-decoration: none;}
#equipamientos {left: 0; width: 650px;}
#equipamientos a:hover {background: transparent url(composicio_botons_equipaments.jpg) 0 -81px no-repeat;}

.spu ul.spuB {height: 55px; width: 650px; background: transparent url(composicio_botons_bany.jpg) top left no-repeat; margin: 0; padding: 0; position: relative;}
.spu ul.spuB li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
ul.spuB li, ul.spuB a { height: 55px; display: block;}
.spu ul.spuB li a { text-indent: -9999px; text-decoration: none;}
#banyos {left: 0; width: 650px;}
#banyos a:hover {background: transparent url(composicio_botons_bany.jpg) 0 -81px no-repeat;}

.spu ul.spuP {height: 55px; width: 650px; background: transparent url(composicio_botons_promocions.jpg) top left no-repeat; margin: 0; padding: 0; position: relative;}
.spu ul.spuP li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
ul.spuP li, ul.spuP a { height: 55px; display: block;}
.spu ul.spuP li a { text-indent: -9999px; text-decoration: none;}
#promociones {left: 0; width: 650px;}
#promociones a:hover {background: transparent url(composicio_botons_promocions.jpg) 0 -81px no-repeat;}

/* Peu */
#peu span {text-indent: -9999px; text-decoration: none;}
div#peu { clear: both; height: 70px; width: 760px; position: relative; margin: 20px auto;background:url(logo_mini.jpg) no-repeat top center #fa7008; margin: 20px auto; text-align:center;}
div#peu p{ letter-spacing: 2px; font-size: 11px; margin: 0; padding: 30px 0 0 10px;text-align:center; }


/*Registros */
.registros_titulo {margin-top: 50px;color: #000; text-transform:uppercase; padding-left:5px; font-weight:bold; font-size:10px;}
.registros_titulo:hover { background:#333; color:#FFF;}
.registros_fecha {color: #000; text-transform:uppercase; padding-left:5px; font-size:9px;}
.registros_contenido {color: #FFF; height: 130px; overflow:hidden; text-align:justify; font-size:9px;}
.registros_contenido a {color: #FFF; text-decoration:underline;}
.registros_ver_mas {font-size:11px;color:#FFF; display:block; background: #999; text-align:center;}

/* Estilo_Mod */
.producto_mod{padding: 5px; width: 750px; min-height:300px; margin: auto auto 30px auto; border: 1px solid #000; border-radius: 7px;}
.titulo_mod {padding: 5px 0; width: 100%;float:left; background:#000; color: #F90; text-align:center; font-weight:bold;}
.titulo_mod a:link{color: #FFF;}
.titulo_mod a:visited{color: #FFF;}
.titulo_mod a:hover{color: #FFF;}
.titulo_mod a:focus{color: #FFF;}
.contenido_mod{padding: 5px; width: 100%; float:left; text-align:justify;}
.contenido_mod_admin{padding: 5px; width: 100%; height:100px; overflow:hidden; float:left; text-align:justify; color:#000;}
.data_mod{width: 100%; float:right; text-align:right; color:#000; font-size:9px;}

a:link {color: #000;text-decoration: underline; }
a:visited {	color: #333;text-decoration: underline;}
a:hover, a:active, a:focus {text-decoration: none;}
a img { border: none;}