/* © 2009, David Parcerisa */ 
/* Codi CSS (http://www.davidparcerisa.es) */

/* reseteando el browser */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content: ""; }
abbr,acronym { border:0; }

* { margin: 0; }
/* fijando el tamaño de la letra a 10px */
html {font-size: 62.5%;}

/* tamaños de letra estandar */
p, a { font: normal normal 1em/1.5em Arial, Helvetica, sans-serif; text-decoration:none;}
a { color: #000000; border: 0; }
a:hover { text-decoration: underline;}
h1 {font-size: 2em;}
h3 {font-size: 1.2em;}

/* handlers utiles */
.left {float: left;}
.right {float: right;}
img .left { border:2px solid #aaaaaa; margin: 0 10px 0 0;}
img .right { border:2px solid #aaaaaa; margin: 0 0 0 10px; padding: 1px;}

/* Acordeon */
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }

/* inicio especificos */
html, body { height: 100%; background-color: #d3d0bd; }


/*div#fondo-fondo {  width: 1424px; margin: 0 auto -500px; min-height: 100%; height: auto !important; height: 100%; background: transparent url('../images/bg/fondo.jpg') repeat-y; float: both; z-index: 0; }*/
div#contenidor {  width: 1080px; margin: -1px auto -210px; min-height: 100%; height: auto; }
div#contenidor {  background: transparent url('../images/bg/fondo.jpg') repeat-y ;
background-position: -38px;
 }

div#header { padding-left: 27px; width: 100%; padding-top: 0px; /*background: transparent url('../images/h/header.png') no-repeat;*/ }

div#menu { padding-left: 100px; padding-top: 82px;}
div#footer { width: 1080px; margin: 0 auto; height: 210px; background: transparent url('../images/f/footer.jpg') no-repeat; background-position: -38px;}
div#push { margin-left: 27px; width: 944px; height: 210px;  }
div#enlace_pie { margin-left: 27px; background: transparent url('../images/f/enlace.jpg') no-repeat; height: 11px; margin-top: 0px; *margin-top: -14px;}


div#coverFlow { /*padding-left: 85px; margin-top: -80px; padding-bottom: 10px;*/ }

/*ACORDEON*/
div.acordeon { margin-left: 27px; width: 944px; background-color: #971f1e; border-bottom: 1px solid #d4d4d4; margin-top: 0px; *margin-top: -15px; margin-bottom: 0; *margin-bottom: 14px; }
h3.title { padding-left: 55px; padding-top: 6px; padding-bottom: 0 !important; padding-bottom: 6px;  font: normal normal 14px/1.5em Arial, Helvetica, sans-serif; color:#fff; }
h3.title { background-color: #b32624; border-top: 1px solid #d4d4d4; height: 30px; }
h3.title a { font: normal normal 16px/1.5em Arial, Helvetica, sans-serif; color:#fff; }
h3.title a:hover { text-decoration: none;}

h3.header { padding-left: 55px; padding-top: 3px; padding-bottom: 2px !important; padding-bottom: 3px; font: normal normal 16px/1.5em Arial, Helvetica, sans-serif; color:#fff; }
h3.header { background-color: #000000; border-top: 1px solid #000; height: 25px;    }

div.contenidoAcordeon { padding-bottom: 20px; }
table { }
td.productos {  vertical-align: top !important;  width: 480px !important; width: 500px; padding-top: 20px; }
td.descripcion { vertical-align: top;  padding-left: 82px; font: normal normal .8em/1.5em Arial, Helvetica, sans-serif; color:#fff; width: 280px; padding-top: 20px; padding-right: 30px; }

td.productos ul li { zoom:1;  display: inline-block !important; display: inline; vertical-align: top; font: normal normal 12px/1.5em Arial, Helvetica, sans-serif; color:#fff; padding-left: 10px !important;  padding-left: 5px; width: 145px; height: 201px; text-align: left;   }

ul.externas li a{ font-weight: bold; text-decoration: none; color: #888; }

ul.externas li a:hover{ text-decoration: none; color: #000; }

ul.externas { padding-left: 74px; padding-top: 30px; }
ul.externas li {  display: inline-block; zoom:1; *display: inline; vertical-align: top !important; font: bold normal 12px/1.5em Arial, Helvetica, sans-serif; color:#fff; padding-left: 10px !important;  padding-left: 5px; width: 145px; height: 201px; text-align: left;    }

/*FOOTER*/
div.f_direccion { margin-left: 20px; _margin-left: 40px; width: 580px; _width: 580px; padding-top: 90px; padding-left: 70px; _padding-left: 0px; float: left; }
div.f_direccion p { font: normal normal 10px/1em Arial, Helvetica, sans-serif; }
div.f_menu{  width: 180px; padding-top: 40px; float: left;  }

/*LIGHTBOX*/
div.lightboxFondo {  display: none; position: absolute; top: 0; left: 0; background-color: black;  z-index: 100; width: 100%; height: 100%; } 
div#showItem {   display: none; background: transparent url('../images/bg/lbox.jpg') no-repeat; height: 377px; width: 751px; position: absolute; top: 0; left: 0; z-index: 110; padding: 8px; }

div#showItemText { margin-top: -10px; float: right; width: 380px; }
div#showItemText p{ font: normal normal 12px/1.4em Arial, Helvetica, sans-serif; color:#000; width: 350px; padding-bottom: 20px; }
div#showItemText h1{ padding-top: -10px; padding-bottom: 10px; font: bold normal 22px/1.5em Arial, Helvetica, sans-serif; color:#000; width: 300px;}
div#showItemText h4{ color: #91262c; padding-top: 10px; font: normal normal 12px/1.5em Arial, Helvetica, sans-serif; font-style: italic; width: 310px;}

div#showItem h3 { margin-top: 4px; margin-right: 20px; text-align: right; padding-bottom: 15px; font: bold normal 13px/1.5em Arial, Helvetica, sans-serif; color:#000; }
div#showItem h3 a:hover { text-decoration: none;}

div#showItemImage { /*border: 1px solid red;*/ margin-top: -21px; margin-left: 11px;}

/*CORPORATIVA*/
div.corporativa { position:absolute; top: 260px; *top: 260px; margin: 0 auto; padding-left: 110px; *padding-left: 90px; }
div.corporativa h3 { font: bold italic 16px/1.5em Arial, Helvetica, sans-serif; color:#560b0b; }
div.corporativa table tr td p { width: 370px; font: normal normal 16px/1.5em Times, serif; color:#000; padding-top: 15px;  }

div.corporativa table tr td { padding-right: 35px; vertical-align: top;}

/*CONTACTO*/
div.onsom { padding-top: 20px; font: normal normal 13px/1.5em Times, serif; width: 200px; float: left;}
div.onsom b { color: #333; }
div.onsom strong{ color: #333;}
div.onsom a { font: normal normal 13px/1.5em Times, serif; text-decoration : none; }
div.onsom a:hover { text-decoration : underline; }

div.formulari_contacte { float:right; margin-top: 5px;margin-right: 70px; width: 500px; padding: 20px; height: 260px; }
div.formulari_contacte form { }
div.formulari_contacte h3 { margin-top: -20px; font: bold italic 13px/1.5em Arial, Helvetica, sans-serif; color:#560b0b; }
div.formulari_contacte form textarea 	{  border: 1px solid #666; padding: 2px; width: 380px; }
div.formulari_contacte form input.holder 		{  border: 1px solid #666; padding: 2px; width: 380px; }
div.formulari_contacte form label 		{  width: 350px; padding-top: 5px; display: block; float: left; text-align:left; color: #000; font: normal normal 12px/1.5em Times, serif;
										   }
div.formulari_contacte form a { text-decoration : none; }
div.formulari_contacte form a:hover { color: #d1cdb0; }