/* =============================== */
/* ========= CSS RESET =========== */
/* =============================== */
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;
}

caption, th {text-align:left;}

fieldset, img {border:0;}

a {outline:none;}

h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal; margin:0px; padding:0px;}

ol, ul {list-style:none;}

address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}

/*
q:before,q:after {content:'';}
abbr,acronym {border:0;}
*/


/* =============================== */
/* ======= Elementos HTML ======== */
/* =============================== */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#393939;
	margin:0px;
	padding:0px
}

a {color:#ff9f00; text-decoration:none;}

a:hover {text-decoration:underline;}


/* ========================================= */
/* ========= Estructura del sitio ========== */
/* ========================================= */

#main_container {position:relative; width:955px; margin:0 auto; z-index:1;}

/*header*/
#header {position:relative; background-image:url(../img/header-fondo.gif); height:157px;}
#header h1 {position:absolute; left:37px; top:50px;} #header h1 span {display:none;}
#printHeader {display:none;}

#idiomes {position:relative; float:right; margin-right:35px; background:url(../img/idiomas-fondo.gif); height:28px; width:196px; color:#ffdfdf; font-size:0.7em;}
#idiomes form {margin-left:15px;}
#idiomes select {margin:2px 0 0 10px; font-size:0.8em; width:90px;}
#idiomes img {position:absolute; right:5px; top:2px;}

#menu {position:absolute; z-index:10; top:43px; right:35px;}

/*contenido*/
#content {position:relative; width:955px; height: auto !important; min-height:200px; height:200px; font-size:0.8em; z-index:1;}
#content p {position:relative; margin-top:10px;}

#left {position:relative; width:238px; float:left; display:inline; background-image:url(../img/left-fondo.gif); background-repeat:no-repeat; background-position:top left; height:auto!important; min-height:100px; height:100px;}

#right {position:relative; width:717px; float:right; display:inline; background-image:url(../img/right-fondo.gif); background-position:top right; background-repeat:no-repeat; z-index:1;}

/*pie*/
.footerPujar {top:-10px;}
#footer {position:relative; clear:both; font-size:0.65em; height:246px; background-image:url(../img/pie-fondo.gif); background-position:bottom; background-repeat:repeat-x; color:#bc0505;}
#printFooter {display:none;}

.footMenu {position:relative; float:left; width:155px; margin:0 0 0 50px; color:#fff;}
.footMenu span {display:none;}
.footMenu ul {border-top:1px solid #948f8f;}
.footMenu ul li {padding:5px 0 5px 5px; background-image:url(../img/ratlla-foot.gif);background-position:bottom;background-repeat:repeat-x;}
.footMenu ul li a {color:#b30404;} .footMenu ul li a:hover {color:#fff; text-decoration:none;}

#footEntradilla {position:relative; float:right; width:480px; margin:0 0 0 50px;}
#footEntradilla p {position:relative; width:260px; float:left; z-index:1;}
#footEntradilla div {position:absolute; background:url(../img/pie-fondo-datos.gif) no-repeat; width:480px; height:89px; top:46px; right:0;}
#footEntradilla div p {top:47px; left:20px; width:370px; color:#393939; padding-left:50px;}
#footEntradilla div p a {color:#393939; text-decoration:none;} #footEntradilla div p a:hover {text-decoration:underline; color:#393939;}

/*=========================================*/
/*=================HOME====================*/
/*=========================================*/
#home {position:relative; float:left; width:325px; padding:20px 40px; text-align:justify; font-size:0.9em; line-height:1.3em;}
#home img {position:relative; margin-bottom:15px;}
#homeNoticia {position:relative; float:left; width:310px; z-index:1!important;}
#homeNoticia div {position:relative; clear:left; border-bottom:1px dotted #c0c0c0; padding:0 20px 17px 0; margin:10px 0; z-index:21;}
#homeNoticia div img {position:relative; float:left; margin:5px 5px 0 0; z-index:10;  border:3px solid #e1e1e1;} 
#homeNoticia div h2 {position:relative; font-size:0.85em; color:#fff; font-weight:bold; height:15px; overflow:hidden; padding-top:7px; width:190px!important;}
#homeNoticia div h2 a {color:#fff; background:#dc3e00; padding:0 2px;} #homeNoticia div h2 a:hover {text-decoration:none; background:#b30404;}
#homeNoticia div p {font-size:0.85em; margin-top:5px; height:53px; overflow:hidden;}

/* ==============AUXILIAR================= */

.clearfix {clear:both!important;}
.botoDreta {position:relative; float:right; margin-top:5px;}
.grisTopFondo {vertical-align:bottom;}
.alinearCentro, .alinearCentro2 {text-align:center;}
.alinearJustificar {text-align:justify;}
.titulo {margin:10px 0 20px 0;}
.sinBorde {border:none;}
.fotoFlotar {position:relative; float:right; margin:10px 0 10px 10px; border:3px solid #e1e1e1;}

/*========================================*/
/*================CONTENIDOS===============*/
/*========================================*/
/*.grisTop {position:relative; width:209px; margin:-10px 0 0 30px; background:#e1e1e1; top:-3px;}
.grisTop div {position:relative; background-color:#e1e1e1; padding:0 15px 15px 15px; font-size:0.85em; overflow:hidden; background-image:url(../img/gris-top-bottom.gif); background-repeat:no-repeat; background-position:bottom;} 
.grisTop div h2 {position:relative; color:#bf0505; background-color:#fff; font-weight:bold; height:1.3em; overflow:hidden;}
.grisTop div h3 {position:relative; font-weight:bold; font-size:.8em; margin-top:4px;}
.grisTop div p {position:relative; text-align:justify; height:132px; overflow:hidden;}*/


.grisTop {position:relative; width:209px; margin:-10px 0 0 30px;  top:-3px; background-image:url(../img/gris-top-bottom.gif); background-repeat:no-repeat; background-position:bottom;}
.grisTop div {position:relative; padding:0 15px 15px 15px; font-size:0.85em; background-color:#e1e1e1; margin-top:0; height:auto; clear:both; padding-top:1px; overflow:hidden;} 
.grisTop div h2 {position:relative; color:#bf0505; background-color:#fff; font-weight:bold; height:1.3em; overflow:hidden; margin-top:0px;}
.grisTop div h3 {position:relative; font-weight:bold; font-size:.8em; margin-top:4px; margin-bottom:-7px;}
.grisTop div p {position:relative; max-height:45px; overflow:hidden; line-height:11px;}


#boletin {position:relative; width:209px; margin:300px 0 -20px 45px; clear:both;}
#boletin h2 {position:relative;} #boletin h2 span {display:none;}
#boletin p {position:relative; font-size:0.85em; margin-top:5px;}
.boletinBoto {margin-top:5px;}
.boletinCamp {position:relative; font-size:0.9em; color:#333333; border:1px solid #cccccc; margin-right:2px; top:-3px;}

#boletinGris {position:relative; margin:-3px 0 0 30px; width:179px; padding:15px; z-index:10; background:#e1e1e1;}
#boletinGris form {position:relative;}
#boletinGris h2 {position:relative;} #boletinGris h2 span {display:none;}
#boletinGris p {position:relative; font-size:0.85em; margin-top:5px;}
.grisTop {position:relative; background-image:url(../img/gris-bottom-top.gif); width:209px; height:19px; margin:0 15px 0 30px; }
.grisBottom {position:relative; background-color:#e1e1e1; background-image:url(../img/gris-top-bottom.gif); width:209px; height:19px; margin:0 15px 0 30px; z-index:0;}
.boletinInput {position:relative; font-size:0.9em; color:#333333; border:1px solid #cccccc; margin:0 2px 2px 0; height:1.3em; width:9.5em;}

#relacionados {position:relative; background:#e1e1e1; margin:-3px 0 0 30px; padding:15px; font-size:0.85em; width:179px;}
#relacionados h2 span {display:none;} #relacionados p {margin-top:5px;}
#relacionados ul {position:relative; margin:5px 0 0 15px;}
#relacionados ul li {list-style:url(../img/llista-gris.gif); line-height:1.5em;}
#relacionados ul li a {color:#393939; text-decoration:underline;} #relacionados ul li a:hover {text-decoration:none;}


#principal {position:relative; float:left; padding:0 40px 20px 40px; text-align:justify; font-size:0.9em; line-height:1.3em; height:auto!important; min-height:320px; height:100px;}
#principal .leyenda {position:relative; font-size:0.95em; margin-bottom:25px; }
#principal .leyenda a {color:#393939;}
#principal .leyenda span a {color:#737373; font-weight:bold; text-decoration:none;} #principal .leyenda span a:hover {text-decoration:underline;}

#principal ul {position:relative; margin:0 0 15px 30px;}
#principal ul li {position:relative; margin:20px 0 -10px 0; font-size:1em;} #principal ul li a {position:relative; color:#fff;  padding:0 3px; background-color:#dc3e00; text-decoration:none;} #principal ul li a:hover {background-color:#bf0505;}
#principal ul p {position:relative; font-size:1em!important;}
#principal ul ul {position:relative; font-size:1em; margin-top:5px;} #principal ul ul li {margin:0!important; line-height:1.5em;} 
#principal ul ul li a {color:#393939; background:none;} #principal ul ul li a:hover {background:none; text-decoration:underline;}

.leyendaElegido {text-decoration:underline;}
.ancho {width:630px;}

.titulin {position:relative; color:#b20404; font-weight:bold; margin:20px 0 -5px 0;}

/*==================PRODUCTOS=======================*/

.listaProductos  {position:relative; clear:left; border-bottom:1px dotted #c0c0c0; padding:0 20px 17px 0; margin:10px 0;}
.listaProductos img {position:relative; float:left; margin:5px 5px 0 0; z-index:10;  border:3px solid #e1e1e1;} 
.listaProductos h2 {position:relative; font-size:0.95em; color:#fff; font-weight:bold; height:15px; overflow:hidden; padding-top:7px;}
.listaProductos h2 a {color:#fff; background:#dc3e00; padding:0 2px;} .listaProductos h2 a:hover {text-decoration:none; background:#b30404;}
.listaProductos p {position:relative; font-size:0.95em; top:-5px; height:60px; overflow:hidden;}
.listaProductos h3 {position:relative; height:10px; margin-top:-5px;}
.listaProductos h3 a img {position:relative; float:right; border:none!important;}

#menuProductes {position:relative; width:209px; margin:80px 0 20px 30px; border-top:1px dotted #c0c0c0;}
#menuProductes ul {position:relative; text-align:right;}
#menuProductes ul li {position:relative; color:#393939; font-size:0.82em; border-bottom:1px dotted #c0c0c0; padding:4px 0; text-transform:uppercase;}
#menuProductes ul li a {color:#393939; width:199px; padding:0 5px;} #menuProductes a:hover {background:#dc3600; text-decoration:none; color:#fff; width:209px!important;}
#menuProductes ul ul {position:relative; background:none!important;  border-bottom:1px dotted #c0c0c0;}
#menuProductes ul ul li {position:relative; color:#747474; font-size:0.87em; border:none; padding:4px 0; text-transform:none!important;}
#menuProductes ul ul li a {color:#747474; background:none!important;} #menuProductes ul ul li a:hover {color:#bf0505; text-decoration:none;}

.menuMarcat {position:relative; background:#dc3600; color:#fff!important; width:200px;}
.submenuMarcat {color:#bf0505!important;}
.noPresente {display:none;}

/*===============================================*/
/*===============FICHA PRODUCTOS=================*/
/*===============================================*/

#ficha {position:relative; z-index:1;}
#ficha .foto {position:relative; width:300px; height:200px; border:3px solid #e1e1e1; float:left; margin:5px 10px 20px 0;}
#ficha h2 {position:relative; float:left; background-color:#dc3e00; color:#fff; font-weight:bold; margin-top:10px; padding:0 3px; max-width:300px; overflow:hidden;}
#ficha p {position:relative; float:left; width:320px; margin:40px 0 15px 0; max-height:105px; overflow:hidden;}
#ficha div, #trabajoDetalle div {position:relative; display:inline; border-bottom:3px solid #e1e1e1; padding-bottom:2px; float:right; margin:0 7px;}
#ficha div img, #trabajoDetalle div img {margin-right:3px;} 
#ficha div a, #trabajoDetalle div a {color:#363636; font-weight:bold; font-size:0.95em;}
#ficha div a:hover, #trabajoDetalle div a:hover {text-decoration:none;}

#fichaCaract {position:relative;}
#fichaCaract h3 {position:relative; background:#b20404; clear:both; color:#fff; padding:1px 3px; margin:40px 0 20px 0; font-weight:bold;}
.fichaFotos {position:relative; width:640px; overflow:hidden;} .fichaFotos img {position:relative; float:left; margin:5px; max-height:90px!important;}

#seccion {width:590px; /*overflow:hidden;*/}
#seccion img {margin:5px;}

/*===================================================*/
/*================TRABAJOS REALIZADOS================*/
/*===================================================*/
.listaTrabajo {position:relative; width:250px; float:left; margin:0 40px 20px 20px; border-bottom:1px dotted #c0c0c0;}
.listaTrabajo img {position:relative; border:4px solid #e1e1e1; margin-bottom:10px;}
.listaTrabajo h2 {position:relative; color:#fff; font-weight:bold; height:15px; overflow:hidden;}
.listaTrabajo h2 a {color:#fff; padding:0 2px; background-color:#dc3e00; width:250px;} .listaTrabajo h2 a:hover {text-decoration:none; background-color:#b30404; width:250px;}
.listaTrabajo p {position:relative; font-size:0.95em; top:-5px; height:76px; overflow:hidden;}
.listaTrabajo h3 {text-align:right; font-weight:100;} .listaTrabajo h3 a img {border:none!important;}

#trabajoDetalle {position:relative;}
#trabajoDetalle .foto {position:relative; width:300px; height:200px; border:3px solid #e1e1e1; float:left; margin:5px 10px 20px 0;}
#trabajoDetalle h2 {position:relative; height:15px; overflow:hidden;} 
#trabajoDetalle h2 a {background-color:#dc3e00; color:#fff; font-weight:bold;} #trabajoDetalle a:hover {text-decoration:none;}
#trabajoDetalle h3 {position:relative; font-size:0.9em; font-weight:bold; height:15px; overflow:hidden; margin-bottom:30px;}
#trabajoDetalle p {position:relative; clear:right;}
#trabajoDetalle div {margin-bottom:15px;}
#trabajoFotos {position:relative; margin-top:25px!important; border:none!important; width:650px; }
#trabajoFotos img {position:relative; float:left; margin:5px; width:117px; height:88px;}

.volver {position:relative; text-align:right; clear:both!important; width:300px; border:none!important; height:50px; top:30px;}
.volver a {position:relative; color:#343434; text-decoration:underline; font-weight:100!important;}

/*==================CONTACTO======================*/

.formulari {position:relative; margin-left:60px;}
.formulari span {font-size:0.95em; text-align:right; font-weight:bold; vertical-align:top; line-height:24px; width:180px; padding-right:2px; display:table-cell;}
.formulari fieldset textarea, .formulari fieldset input, .formulari fieldset select {vertical-align:top; font-size:0.95em; font-family:Verdana, Arial, Helvetica, sans-serif;}
.formulari fieldset {border:none;}
.formulari fieldset textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.95em; border:1px solid #c0c0c0; }
.form {border:1px solid #c0c0c0; font-size:1em; line-height:13px; padding:2px;}

.checkPosiciona {position:relative; margin:-5px 0 15px 0;}
.checkPuja {margin:5px 0 0 -3px;}
.checkPujaExplorer {margin:5px 0 0 -3px;}

.unoPuja {position:relative; top:-7px!important; left:-3px;}
.campPuja {position:relative; top:7px!important; left:-3px;}

#uno {position:relative; width:250px; float:left; margin-left:-50px;}
#uno span {position:relative; width:0; padding-top:-15px!important; font-weight:100;}

.formDoble {position:relative; line-height:1em!important; text-align:left!important; margin-top:10px!important;}
#uno p, #dos p {font-size:1em; margin-bottom:15px;}
#dos {position:relative; width:300px; float:left; border:1px solid #e1e1e1; padding:0 0 0 15px; margin-left:40px;}
#dos input {position:relative; border:1px solid #c0c0c0; font-size:1em; line-height:13px; padding:2px; margin-left:185px!important; top:-15px!important;}
#dos span {position:relative; line-height:0.8em;}

.botoFinal {position:relative; border-top:1px dotted #c0c0c0; text-align:center; clear:both!important; width:620px!important; margin-left:-60px; padding-top:10px;}

/*===================NOTICIAS======================*/
.listaNoticias {position:relative; width:100%; border-bottom:1px dotted #c0c0c0; font-size:0.9em; margin:10px 0; padding-bottom:5px;}
.listaNoticias h2 {position:relative; font-weight:bold; font-size:1.1em; height:1.5em; overflow:hidden;} 
.listaNoticias h2 a {color:#bf0505; text-decoration:underline;} .listaNoticias h2 a:hover {text-decoration:none;}
.listaNoticias h3 {font-size:0.95em; font-weight:bold;}
.listaNoticias p {font-size:1.1em; top:-5px; height:30px; overflow:hidden;}

#noticiaDetalle {position:relative; margin-bottom:40px;}
#noticiaDetalle h2 {position:relative; font-weight:bold; color:#ba0505;}
#noticiaDetalle h3 {position:relative; font-size:0.9em; font-weight:bold;}
#noticiaDetalle img {position:relative; float:left; border:3px solid #e1e1e1; margin:10px 10px 10px 0; max-height:200px; max-width:300px;}
#noticiaDetalle h4 {position:relative; text-align:right; padding:20px 0 40px 0; font-size:0.95em;} 
#noticiaDetalle h4 a {color:#343434!important; text-decoration:underline;} #noticiaDetalle h4 a:hover {text-decoration:none;}

/****************************************************/
/***********************POPS*************************/
/****************************************************/

#popUp {position:relative; margin:0 auto; width:600px; background:#fff; font-size:0.7em; color:#393939;}
#popUp h1 {display:none;}

#popPeu {position:relative; width:620px; height:85px; background:url(../img/pop-peu.gif) no-repeat;}
#popPeu p {position:absolute; background:#e1e1e1; color:#393939; top:60px; left:125px; width:350px; text-align:center;} #popPeu a {color:#393939;}
#popGeneral {position:relative; padding:20px 50px; text-align:justify;}
#popGeneral h2 {position:relative; padding-bottom:10px;} #popGeneral h2 span {display:none;}
#popGeneral h3 {position:relative; color:#b20404; padding:15px 0 7px 0; font-weight:bold;}
#popGeneral p {padding:5px 0;}
#popGeneral a {color:#b20404; text-decoration:underline;} #popGeneral a:hover {text-decoration:none;}

.botoPop {position:relative; text-align:center; margin:10px 0 0 45px;}
.formPop {margin-left:0!important;}

#icoAcces a {position:relative; clear:left; top:20px;padding:10px;}


/*===================PAGINACIÓN===================*/

.paginacio {position:relative; font-size:0.9em; margin-top:30px; text-align:right;}
.paginacio ul {position:relative; list-style:none;}
.paginacio ul li {position:relative; display:inline; margin-right:-8px!important; height:15px; padding:4px 5px;}
.paginacio ul li a {position:relative; color:#fff; text-decoration:none; padding:4px 5px!important; background-color:#949494!important;} 
.paginacio ul li a:hover {background:#dc3e00!important; padding:4px 5px!important; text-decoration:none;}
.paginaSeleccio {position:relative; background-color:#dd8f13; padding:4px 5px; color:#fff;}
.paginaNoSeleccio {position:relative; background-color:#949494; padding:4px 5px; color:#fff;}

a.linkNormal {color:#bf0505; } a:hover.linkNormal {color:#393939;text-decoration:underline;}


.listaSi {position:relative; }
.listaSi ul {list-style:outside!important; list-style-image:url(../img/lista-vermell.gif)!important; }