@import url("gReset.css"); 

html{margin:0px;}
body{ background:url(grafics/bgr.jpg) repeat-x #003E3D; font-size:12px; color:#333; font-family:Arial, Helvetica, sans-serif; text-align:center;}
a {color:333;}
hr{color:#FF6600; width:80%; height:1px;}
/*a:hover{background-color:#FF6600; color:#fff;}*/

/* ---Estructura gral   */
/*#contenidor{ width:963px; min-height:500px; margin:0 auto; display:block; background:url(images/sombra.jpg) repeat-y right; position:relative;  }
#contingut{ width:963px; min-height:310px; display:block; background:url(../images/fonscontenido.png) no-repeat top left; clear:both;  }
*/
#tot{width:990px; display:block; border:1px solid #ffffff; background:url(images/sombra.jpg) repeat-y right; background-color:#ffffff; position:relative; clear:both; margin:0 auto; text-align:left;}
#head{ background-color: #003E3D; height:107px;}
#feed{background:#fff; float:right; width:336px; height:90px; margin:7px 5px 0px 0px;}
#newsletter{background:#ED8B00; float:right; width: 230px; height:80px; margin:5px; }
#newsletter input {font-size:18px;  color:#666;}

#contingut{float:left; width:683px; margin:6px 0px 0px 0px; /*border:1px solid #666;*/ padding:0px 5px 0px 5px; display:block;}
#contingut h3{font-size:16px; margin:8px 0px 8px 0px; font-weight:bold;}
#contingut p{text-align:justify; line-height:18px;  margin:8px 0px 8px 0px;}
#contingut img{margin:3px; border:3px solid #999; vertical-align:middle;}
#contingut input{vertical-align:middle; font-size:16px;  color:#333; border:1px solid #666;}
#contingut textarea{vertical-align:middle; font-size:16px; font-weight:bold; color:#333; border:1px solid #666;}
#contingut select{vertical-align:middle; font-size:16px;  color:#333; border:1px solid #666;}


#latE{width:150px; float:left; padding:6px; display:block;}
#latE ul{border:1px solid #666; padding:2px; background:#F3F3F3; margin-bottom:10px;}
#latE li{margin-bottom:8px; line-height:20px;}
#latE li h2{ font-size:18px; color:#FFFFFF; background-color:#003E3D; text-align:center; padding:2px;}
#latE li h2 a{color:fff; text-decoration:none;}
a.fletxa{background:url(grf_index/fletxa.gif) no-repeat left top; padding:5px 0px 5px 15px;  text-decoration:none; font-size:14px;}
a.fletxa:hover{background-color:#FF6600; color:#fff;}
/*#latE li a{}*/

#bread{position:relative; float:right; color:#FF6600;}
#bread a{color:#FF6600; font-size:1.2em;}

#latD{width:150px; float:left; padding:6px; display:block;}
#latD ul{border:1px solid #666; padding:2px; background:#F3F3F3; margin-bottom:10px;}
#latD li{margin-bottom:8px; line-height:20px;}
#latD li h2{ font-size:18px; color:#FFFFFF; background-color:#003E3D; text-align:center; padding:2px;}
#latD li h2 a{color:fff; text-decoration:none;}
#latD li h4{font-size:1.6em;}

#content{clear:both; border:1px solid #666; padding:5px; width:100%; background-color:#F3F3F3;}
#content h1{font-size:24px; text-align:center; padding:5px; margin:0px;}
#content h2{font-size:18px; margin:8px 0px 8px 0px;}


/* detall */
#preu{float:right; width:150px; margin:0px 5px 0px 0px; text-align:center; }
#preu .oferta{text-decoration:line-through; font-size:16px; padding:5px;}
#preu ul{border:1px solid #666; padding:2px; background:#FFFFFF; }
#preu li h2{font-size:18px; color:#FFFFFF; background-color:#003E3D; padding:2px; margin:5px;}
#preu li h4{font-size:24px; padding:5px;}

.small{font-size:11px;}
.tatxat{text-decoration:line-through;}

#otrasFotos{clear:both;}

#ProductosRel {clear:both; display: table;}
#ProductosRel ul{width:155px; border:1px solid #666; padding:2px; background:#F3F3F3; float:left; margin:4px; text-align:center;}
#ProductosRel li h2{ font-size:18px; color:#FFFFFF; background-color:#003E3D; text-align:center; padding:2px; margin:0px;}
#ProductosRel li h2 a{color:fff; text-decoration:none;}

#list fieldset {padding-left:120px;}
#list fieldset p {padding:5px 0px 5px 0px; font-size:14px; font-family:Arial; color:#333333;}
#list fieldset p textarea {background-color:#CCCCCC; font-size:14px; font-family:Arial; color:#333333; width:400px;}
#list fieldset p input {background-color:#CCCCCC; font-size:14px; font-family:Arial; color:#333333;}
#list fieldset p select {background-color:#CCCCCC; font-size:14px; font-family:Arial; color:#333333;}
#list fieldset .radio{background-color:#F3F3F3; border:none; width:auto;}

#oferta {float:left; clear:none; width:150px; margin:5px; padding:0px; text-align:center;}
#oferta ul li h2{ background-color:#ED8B00; padding:3px; margin:0px; font-size:16px;}
#oferta li h4{font-size:24px;}
#oferta .img{padding:0px; margin:0px;}

#box ul{ width:100%; padding:5px; float:left; margin-bottom:8px; border:1px solid #666; background:#F3F3F3;}
#box li h2{font-size:18px; color:#FFFFFF; background-color:#ED8B00; padding:2px 2px 2px 10px; margin:0px 0px 6px 0px;}

#list{float:left; width:100%; padding:0px; margin:0px;}
#list ul{float:left; width:100%; margin-bottom:10px; border:1px solid #666; background:#F3F3F3; padding:5px; clear:both;}
#list li h2{font-size:18px; color:#FFFFFF; background-color:#003E3D; padding:2px 0px 2px 10px; margin:0px 0px 5px 0px;}
#list li h2 a{color:fff; text-decoration:none;}
#list p{padding:0px 10px; }
#list ul .list{	border:none; vertical-align: middle; list-style-position: inside; position: relative; list-style-type: disc; padding:3px 3px 3px 10px;}

#listNone{float:left; width:148px; padding:0px; margin:5px; clear:none;}
#listNone ul{float:left; width:148px; margin-bottom:10px; border:1px solid #666; background:#F3F3F3; padding:5px; clear:none;}
#listNone li h2{font-size:18px; color:#FFFFFF; background-color:#003E3D; padding:2px 0px 2px 10px; margin:0px 0px 5px 0px;}
#listNone li h2 a{color:fff; text-decoration:none;}
#listNone ul img {margin:0px; padding:0px; border: 1px solid #666666; text-align:center;}

#meitat{float:left; clear:none; width:49%; margin-left:3px;}
#ruta{float:left; clear:none; width:60%; text-align:center; margin-left:5px;}
#eventos{float:left; clear:none; width:35%; margin-left:5px; text-align:center;}
#adsense{margin-top:10px; text-align:center;}

#foot{clear:both; width:990px; text-align:center; padding-top:20px;}

#back{text-align:center; margin:10px; font-size:16px;  color:#666; clear:both; ;}
#back input{background:#EAEAEA; border:1px solid #999}