/* 
CSS Document 
Sitio: www.sorolla.cat
Autor: Felipe Saal (www.quierotreintaytres.com.ar) para SAETA (www.saeta.net)
*/

html,body { margin:0; padding:0;}
body { background: #FFF url(img/fondo.gif) repeat-x top; font: 0.8em/1.5em Arial, Helvetica, sans-serif; }
#container { width:774px; margin:15px auto 0 auto; padding-bottom:15px; background: #FFF url(img/border_center.gif) repeat-y left;}

h1,h2,h3,h4,h5,h6 {margin:0;}
ul { margin:0; padding:0; list-style:none; }
hr {display:none;}

a {color:#002547;}
a:hover { color:#C63;}

.clearer { clear:both; }


/* ___________________________________ ENCABEZADOS ___________________________________ */

h2 {font-size: 14px;font-weight:bold;text-transform:uppercase;color: #c60;}
h3 {font-size: 14px;font-weight:bold; color: #000;}
h4 {font-size: 12px;font-weight:bold; color: #C30;}




/* ___________________________________ HEADER ___________________________________ */

#header {
	background: url(img/border_top.gif) no-repeat left top;
	padding: 15px 15px 0 15px;
	overflow:hidden;
}

#header h1 { display:inline; float:left; width:196px; height:52px; background:url(img/logo.gif); text-indent:-9999px;}
#header h2 { display:none;}

#header ul { width:453px; float:right;}
#header ul li {
	display:inline; 
	float:left; 
	height:54px; 
	margin-left: 5px;
	text-align:center; 
	background:#ebf0f3 url(img/menu_izq.gif) no-repeat left top;
}
#header ul li a {
	display:block;
	background: url(img/menu_der.gif) no-repeat right top;
	padding-top: 20px;
	height:34px;
	color:#8ea8b9;
	font-weight:bold;
	text-decoration:none;
}
#header ul li a:hover { color:#c60;}
#header ul li.actual { background-image:url(img/menu_actual_izq.gif);}
#header ul li.actual strong { display:block; height:100%; background: transparent url(img/menu_actual_der.gif) no-repeat right top;}
#header ul li.actual a { background: transparent url(img/menu_actual_center.gif) repeat-x top; margin:0 2px;}
#header ul li.inici { width:52px;}
#header ul li.instal { width:107px;}
#header ul li.quisom { width:69px;}
#header ul li.llista { width:122px;}
#header ul li.contacta { width:78px;}



/* ___________________________________ NOVEDADES ___________________________________ */

#novedades { clear:both; margin: 15px; background: #bbd5e6 url(img/cap-portada.jpg) no-repeat; height:192px; position:relative;}
#novedades h2 {display:none;}
#novedades div#avisos { position:absolute; top:40px; left:280px; width:242px;}
#novedades div#carrito { position:absolute; top:40px; right:10px; width:185px;}
#novedades div ul li { background: url(img/novedades_vineta.gif) no-repeat left top; padding-left:15px; margin-top:7px;color:#3d7694;}
#novedades div ul li a {color:#3d7694; line-height:1.2em;}
#novedades div ul li a:hover {color:#C63; }
#novedades div ul li.mas { background:none; font-weight:bold;}




/* ___________________________________ SUBMENU ___________________________________ */

#submenu { background: #bdd4e4 url(img/submenu.gif) no-repeat; margin: 15px 15px 0 15px;  padding:7px; height:30px; width:730px;}
#submenu ul { width:660px; margin:0 auto;}
#submenu ul li { display:inline; float:left; border-right:1px solid #acbfcd; border-left:1px solid #FFF; padding:5px 30px;}
#submenu ul li.top {border-left: none;}
#submenu ul li.last {border-right: none;}
#submenu ul li a { color:#18415d; font-weight:bold;}
#submenu ul li a:hover{ color:#c60;}



/* _________________________________ CONTENIDO _________________________________ */

#contenido { padding:15px 15px; position:relative; }
#contenido h2{ font-size:18px; margin-bottom:15px; border-bottom:1px solid #ece8d7; padding-bottom:4px; letter-spacing:0em;}
#contenido div.fotografias { display:inline; float:right; width:177px; margin-left:15px;}
#contenido div.fotografias img {  margin-bottom: 15px; border-color: #00CC33;}
#contenido .foto { float:right; margin: 0 15px; }
#contenido p.msg { display: block; background-color: #ff8800; padding:5px; margin: 10px 0; color:#FFF; font-weight:bold; }

#contenido form fieldset { border:none;}
#contenido form label { display:inline; float:left; width:150px; font-weight:bold; }
#contenido form input, #contenido form textarea { width:200px; border:1px solid #cec4ac; margin-bottom:10px; }
#contenido form label.checkbox { width:auto; margin-left:150px; float:none; display:block; }
#contenido form label.checkbox input { width:auto; border:none; margin:0}
#contenido button { display:block; border:2px solid #ded6c4; background-color:#efe9da; margin-left:150px;}

#contenido ul.contacta { margin-bottom:25px; margin-left:23px; width:290px; }
#contenido ul.contacta li { background:url(img/lista_vineta.gif) no-repeat 0 8px; padding-left:10px; }
#contenido h3.contacta_1 { background:url(img/icono_verd.png) no-repeat left center; padding-left:23px; height: 20px;}
#contenido h3.contacta_2 { background:url(img/icono_blau.png) no-repeat left center; padding-left:23px; height: 20px;}
#contenido h3.contacta_3 { background:url(img/icono_roig.png) no-repeat left center; padding-left:23px; height: 20px;}
#contenido h3.contacta_form { margin-top:50px; border-top:1px solid #ded6c4; padding-top:15px; margin-bottom:20px;}
#contenido form.contacta input,#contenido form.contacta textarea { width:450px;}
#contenido form.contacta input.error,
#contenido form.contacta textarea.error { background-color:#FFCCCC; }
#contenido form.contacta label.error { color:#F00;}
#contenido form.contacta p.error { color:#F00; font-size:11px; font-weight:bold; margin:-7px 0 10px 0; /*padding-left:150px;*/display: inline; vertical-align: top; }
#contenido #googlemap { position:absolute; top:55px; right:25px;}
#contenido #googlemap #map { clear:both; width:420px; height:340px; margin: 0; padding: 0; font-size: 0.8em;}
#contenido .finaldeclaracio { text-align: center;}

#contenido form.llista input,#contenido form.llista textarea { width:450px;}
#contenido form.llista input.error,
#contenido form.llista textarea.error { background-color:#FFCCCC; }
#contenido form.llista label.error { color:#F00;}
#contenido form.llista p.error { color:#F00; font-size:11px; font-weight:bold; margin:-7px 0 10px 0; /*padding-left:150px;*/display: inline; vertical-align: top; }

#contenido form.form_fi input.error,
#contenido form.form_fi textarea.error { background-color:#FFCCCC; }
#contenido form.form_fi label.error { color:#F00;}
#contenido form.form_fi em.error { color:#F00; font-size:11px; font-weight:bold; padding-left:15px; }

#contenido ul.menu { float:left; width:175px; }
#contenido ul.menu li { border-bottom: 1px solid #E6E6E6; padding:5px; }
#contenido .productos ul.menu { margin-bottom:20px; }
#contenido .productos ul.menu li { border-bottom: none; }
#contenido ul.menu li a { color:#000; font-weight:bold;}
#contenido ul.menu ul { float:none; width:175px; padding:0; }
#contenido ul.menu ul li { background:url(img/vineta.gif) no-repeat 0 9px; border: none; padding:2px 5px 2px 8px; }
#contenido ul.menu ul li a { color:#000; font-weight:normal;}
#contenido div.maincontent { float:right; width:540px; border-left: 1px solid #E6E6E6; padding-left:15px;}

#contenido .item { clear:both; margin-bottom:10px; padding-bottom:10px; overflow:hidden;border-bottom: 1px solid #E6E6E6; }
#contenido .item h3 { margin-bottom:5px;}
#contenido .item h4 { clear:both; margin:10px 0;}
#contenido .item div { margin:0;}
#contenido .item a {display:block; text-align:right; }
#contenido .item .fotini_listado { display:inline; float: left; line-height:0; margin:5px 10px 0 0;}
#contenido .item .fotini_listado img { border-color: #D8E8F1; border-width:4px;}
#contenido .item a.enviar { font-weight:bold; background:url(img/enviar.gif) no-repeat left center; padding-left:20px; text-align:left;}
#contenido .item a.imprimir { font-weight:bold; background:url(img/imprimir.gif) no-repeat left center; padding-left:20px; text-align:left; margin-top:20px; margin-bottom:10px; clear:both;}
#contenido .item a.volver { font-weight:bold; background:url(img/volver.gif) no-repeat left center; padding-left:20px; text-align:left; margin-top:10px; margin-bottom:10px;}

#contenido div.agregar_item {display: block; padding:4px 23px 4px 0;  background: url(img/aferir.gif) no-repeat right 6px; overflow:hidden; margin-top:10px;}
#contenido div.agregar_item.nocarrito { background:none; }
#contenido div.agregar_item a.veure { display:inline; float:left;}
#contenido div.agregar_item a.agregar,#contenido div.agregar_item a.borrar { font-weight:bold; display:inline; float:right; margin-left:7px;}
#contenido div.agregar_item em { display:inline; float:right; font-weight:normal; color:#666; font-style:normal; margin:0 0 0 5px;}
#contenido div.agregar_item fieldset { margin:0; padding:0; }
#contenido input.cantidad { width:30px; border:1px solid #ccc; display:inline; float:right; }

#contenido .form_agregar { margin:0; padding:0;}

#contenido div.agregar_big {padding-bottom:20px; margin-top:20px; height:1px; background: url(img/aferir.gif) no-repeat left center; padding-left:23px;}
#contenido div.agregar_big a.agregar,#contenido div.agregar_big a.borrar { font-weight:bold; display:inline; float:left; }
#contenido div.agregar_big em { display:inline; float:left;  font-weight:normal; color:#666;font-style:normal; margin:0 5px 0 0;}
#contenido div.agregar_big input { float:left; margin-right:7px; }

#contenido table { width:100%; border-collapse:collapse; border-spacing:0;}
#contenido table th,#contenido table td { border-bottom:1px solid #e6e6e6; padding:10px 5px;}
#contenido .form_pedido input { width:25px; margin-top:8px;}
#contenido table th { text-align:left;}
#contenido table td.total { text-align:right;}
#contenido table td img { vertical-align:middle; margin-right:5px; border-color: #D8E8F1; border-width:3px;}
#contenido button { margin:10px 0 20px 10px; float:right;}

ul.datospersonales { float:left; margin:15px 0; width:100%; }
ul.datospersonales li { padding:8px 0; border-bottom:1px solid #e6e6e6; float:left; width:100%;}
ul.datospersonales li strong { float:left; width:125px; }
#contenido form ul.datospersonales li input { margin:0; width:450px; }
#contenido form ul.datospersonales li input.radio { border:none; margin:0; width:auto; }
#contenido form.form_fi textarea { width:450px; }

#contenido form ul.datospersonales li label { float:none; font-weight:normal; margin-right:25px; width:auto; }

#contenido .formata { margin-bottom:10px;}
#contenido .formata { display:inline; float:left; width:42%; margin-right:20px; border:1px solid #e6e6e6; padding:10px;}
#contenido .formata button { width:100%; float:none; margin-left:0; margin-bottom:0; font-size:11px;}

#contenido .form_fer li { clear:both;}
#contenido .form_fer li strong{ display:inline; float:left; width:130px;}
#contenido .form_fer input { margin:0;}
#contenido .form_fer button { float:none; margin:15px auto;}


/* ___________________________________ CARTA ___________________________________ */

#carta {
	margin:0 0 15px 0;
	padding:7px 10px;
	width:724px;
	height:182px;
	background: #ebf0f3 url(img/carta_fondo.gif) no-repeat;
}

#carta h2 { margin-left: 60px; margin-bottom:7px; font-size: 14px; padding-bottom:0; border:none;}

#carta ul li { 
	display: inline; 
	float:left; 
	width:153px; 
	height:128px;
	background: url(img/carta_cuadros.gif) no-repeat;
	margin-right:10px;
	padding:10px;
	font-size: 0.95em;
}
#carta ul li.bacalla { margin-right:0;}

#carta ul li a {
	display:block; 
	padding-top:106px; 
	font-size: 0.82em; 
	font-weight:bold; 
	text-transform:uppercase;
	color:#002547;
	background: no-repeat left top;
}
#carta ul li a:hover { color:#C63;}
#carta ul li.entrants a { background-image:url(img/carta_entrants.jpg);}
#carta ul li.primers a { background-image:url(img/carta_primers.jpg);}
#carta ul li.segons a { background-image:url(img/carta_segons.jpg);}
#carta ul li.bacalla a { background-image:url(img/carta_bacalla.jpg);}




/* ________________________________ LLISTA DE CORREU ________________________________ */

#llista {
	margin: 0 15px 15px 0;
	display:inline;
	float:left;
	width:264px;
	height:104px;
	background: #ebf0f3 url(img/llista_fondo.jpg) no-repeat;
	padding-left: 100px;
	color:#002241;
}
#contenido #llista h2 { border:none; margin:8px 0 0 0; font-size: 14px; padding-bottom:0; }
#contenido #llista p { line-height:normal; margin:5px 10px 5px 0;}
#contenido #llista form, #llista fieldset {margin:0; padding:0; border:none;}
#contenido #llista label {display:none;}
#contenido #llista input { font-size:12px; border:1px solid #e3e4e6; width:140px; margin:0; padding:2px; vertical-align:middle; }
#contenido #llista input.submit { width:auto; border:none; margin-top:2px; }



/* ________________________________ TENS UNA BOTIGA ________________________________ */

#botiga {
	display:inline;
	float:left;
	padding:8px;
	width:348px;
	height:88px;
	background: #ebf0f3 url(img/botiga_fondo.gif) no-repeat;
}
#botiga h2 {font-size: 14px; padding-bottom:0; border:none;}
#botiga img {float:left; margin: 5px 20px 5px 5px;}
#botiga p {margin:5px 0; line-height:normal;}
#botiga a {color:#002241;}

/* ________________________________ DESCARREGUES ________________________________ */
#contenido ul.llistatarxius{
	margin: 10px 40px 10px 40px;
}
#contenido ul.llistatarxius li{
	margin: 15px 0 20px 0;
	padding-bottom: 10px; 
	border-bottom:1px solid #E6E6E6;	
}
#contenido ul.llistatarxius li a{
	padding-left:25px; 
	margin: 7px 0 0 270px; 
	background:transparent url(img/pdf16x16.png) no-repeat scroll left top;
	display: block;
}
#contenido ul.llistatarxius li h3{
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}
#contenido ul.llistatarxius li p{
	padding: 0 0 0 20px;
	margin: 0;
}
/* ________________________________ FOOTER ________________________________ */

#footer { 
	clear:both; 
	background: #ebf0f3 url(img/footer_logo.gif) no-repeat 15px 15px; 
	border-top:1px solid #a0bcd1; 
	margin:15px 15px 0 15px; 
	height:50px; 
	color:#486273;
	padding-left:80px;
	padding-top:10px;
}
#footer strong { font-weight:normal;}
#footer p { display:inline; float:left; margin: 0 50px 0 0; line-height:normal;}
#footer p.last {margin-right:0;}



/* ________________________________ SUBFOOTER ________________________________ */


#subfooter {width:724px; margin:0 auto; background: #FFF url(img/border_bottom.gif) no-repeat left top; padding: 25px;}
#subfooter p { float:right; margin:-4px 0 0 0;}
#subfooter p a {color:#0f4372; font-weight:bold;}

#subfooter ul {}
#subfooter ul li { display:inline; float:left; margin-right:10px;}
#subfooter ul li a { display:block; width:80px; height:15px; background: no-repeat; text-indent:-9999px;}
#subfooter ul li.css a { background-image:url(img/footer_css.gif);}
#subfooter ul li.xhtml a { background-image:url(img/footer_xhtml.gif);}
#subfooter ul li.wai a { background-image:url(img/footer_wai.gif);}




/* ________________________________ ENVIAR ________________________________ */

.enviaraunamigo { margin:15px;}
.enviaraunamigo fieldset { border:none; padding:15px 0 0 0;}
.enviaraunamigo label { display:block;}
.enviaraunamigo input,
.enviaraunamigo textarea { display:block; width:100%;}