* {margin: 0; padding: 0;}
body { text-align: center;background-color:#fa7008;color:fff;}
#container {color: #ffebc6; margin: 20px auto; width: 760px; text-align:center;}
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 0 35px 20px;}
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 5px 5px 40px; 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 5px 5px 0px; padding:1em; float:none ;font-size: medium ; line-height: 20pt;font-weight:bold;text-align:justify;}
.llMG {font-weight:bold; font-size: large}
.fotos {margin: 1em;}
.sep {margin-bottom:10px;margin-top:15px;width:70%;}

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