html {margin:0;padding:0;}
body {
	font-size: 90%;	
	font-family: arial, verdana, sans-serif;
	padding:0.5em 0 0;
	margin:0;
	color:#333;
	/*background-color: #5a5f61;*/
	background-image: url(../imagenes/bkgBody.gif);
	background-color: #fafcfc;
	/*background-repeat: repeat-x;*/
	text-align:center;
	line-height:1.2em;
}


p, a, ul, table, h1, h2, h3, h4, h5, h6, form, div, option, select, input  {
	font-size: 100%;
}

a:hover, a:visited:hover {color:red}

p.justi {text-align:justify}

p.mensajeIni {padding: 0; color:#333;line-height:1.6em}

.conaire {line-height:1.7em}


h2 {
	/*color: #333;
	padding: 2px 5px 0 0;
  margin:0 0 1em;
  font-size:1.3em;
  font-weight:normal;
  letter-spacing:-1px;
  background-color:inherit;*/
margin:0 0 .75em;
font:normal normal 86% Arial, sans-serif;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:#346287;
}

.alerta {background-color:yellow;color:red;border:1px solid green;}
.destaca {color:red;}

abbr {border-width:0;cursor: help;}
img {border-width:0;margin:0}
.imgBorde {border:1px solid #e6ddc6;margin:3px}
.imgDer {float:right;margin: 0 0 0 2em;padding:3px;}
.imgDerBorde {float:right;margin: 0 0 0 2em;padding:3px;border:1px solid #e6ddc6}
.imgIzq {float:left;margin-right: 2em;padding:3px;}
.imgIzqBorde {float:left;margin-right: 2em;padding:3px;border:1px solid #e6ddc6}
.imgCen {margin: 1em auto;}
.imgCenBlock {margin: 1em auto;display:block}
.imgMid {vertical-align:middle;}
.imgCab {margin: 0;padding:0}

.izq {float:left;}

ul {padding: 0 0 0 2em;margin:0}
ul li {
	list-style-type : none;
	list-style-position : outside;
	list-style-image : url(../imagenes/rayaLi.gif);
	padding: 0.1em 0;
}
ul.botones li {
	list-style-type : none;
	list-style-position : outside;
	list-style-image : url(../imagenes/listados.gif);
	padding: 0.1em 0;
}
ol li {padding: 0.3em 0;}
ol.alfabetico li {	list-style-type : lower-alpha;}
ul li ul {
	padding: 0.3em 0 0.3em 1.5em;
}
ul li ul li {
	list-style-type : none;
	list-style-position : outside;
	list-style-image : url(../imagenes/puntoLi.gif);
	padding: 0.1em 0;
}
ul.noType li {list-style-type : none;list-style-image : none;}




ul.documentos li {list-style-type : none;list-style-image : none;padding: 0.5em 0}

.documentos .docuMedio {display:block;letter-spacing:.2em;padding-left:2em;color:#888}
.documentos .docuFecha {padding-left:2em;color:#333;font-size:.9em}

/*-------------------------------------------------------------*/

.columna1-2 {margin:0;padding: 0 0.5em 0 0;float:left;width:45%}
.contColumna1-2 {margin:0;padding: 0 1em 0 3em;}

/*-------- Estilos para un ul li horizontal ------*/
.listaHoriz {margin: 0;}
ul.listaHoriz  li {display:inline;}


/*-------- Estilos para un ul li horizontal ------*/
.listaIconos {margin: 1em 0;}
ul.listaIconos  li {list-style-type : none;list-style-image : none;}


/*-------- Estilos para un ul li horizontal ------*/
.paginarDoc {margin: 0;text-align:center;margin:1em auto}
 ul.paginarDoc li {display:inline;}


/*----------LI back y forward-------------*/
.linkBack {background:url(/imagenes/bkgLinkBack.gif) no-repeat 0% 50%;padding: 0 10px 0 17px;}
.linkFwd {background:url(/imagenes/bkgLinkFwd.gif) no-repeat 100% 50%;padding: 0 17px 0 10px;text-align:right}



/*-----------Menus horizontales grises-----------*/
.franjaMenu {margin: 0 0 0 2em;padding:0;text-align:center;}
.franjaMenu ul {margin:0;padding:0.1em 0 0.1em;}
.franjaMenu ul li {display:inline;padding:0.2em 1em;}
.franjaMenu ul li a {text-decoration:none;}
.franjaMenu a {text-decoration:none;}
.franjaMenu a:link {color:#666}
.franjaMenu a:visited {color:#666}
.franjaMenu a:hover {color:red;text-decoration:underline;}

/*--- Listados bloque para los subíndices------*/

.menuSubIndex ul li {
	list-style-type : none;
	list-style-position : outside;
	list-style-image : none;
	min-height:2em;
	padding:0.2em 0;
}
ul.noSangrado {margin-left:0}

div.subTit {font-weight:bold;border-top:1px dotted #aaa}
div.subCaja {border:1px dotted #aaa; padding: 0 0.5em 1em;background:#fff url('/imagenes/bkgSubTit.gif') repeat-x;margin-bottom:2em}
div.subCaja ul {padding: 0 1em;}
li.liSubIndex ul {margin:0.5em 0 0;}

	


/*-------------------------------------------------------------*/
.oculto{display:none;margin:0;}
.fuera{left:-9999px;position:absolute;overflow:hidden;}
.nbsp {white-space: nowrap;}
div.clear {display:block;clear:both; margin:0.1em 0;}
.mayus {text-transform:uppercase;}
.subr {text-decoration:underline;}
.negrita {font-weight: bold;}
.grande {font-size:1.5em}
.centro {text-align:center}
p.sangrado {margin-left:5em}
.espacio { clear:both; }/* Tras bloques anteriormente flotados */

span.inicio {display:block;padding-left:20px}

div.sangrado {border:0px solid red;padding:1em 0.5em;margin:0.5em 0;}
div.div2Columnas {float:left;padding:1em 0.5em;margin:0.5em 0;width:20em}
.sangrado table {margin:0 auto;background-color:#fff;}


table, tr, td {margin:0;padding:0;}
table {border-collapse: collapse;border-spacing: 0;}
th {border:1px solid #bbb;background:url(/imagenes/bkgTh1.gif) repeat top left;font-weight:bold;color:#333; font-size:0.9em}
th.thTd {border:1px solid #A0B0C0;background:none;font-weight:bold;color:#333;text-align:left}
td, th {border:1px solid #A0B0C0;padding:0.2em 0.4em}
caption {font-size:1.1em;text-align:center;font-weight:normal;padding: 0.1em 0.4em 0.6em 0.4em}



/*-------------Layout general--------------*/
div#contenedor{margin: 0 auto;padding:0;width:750px;height:100%}
div#contenedor{
	background-color: #fff;
	color:#333;
	text-align:left;
}


div#cuerpo {margin: 3px 0 0 0; padding: 1em 0;}

div#pie {
	color:#999;
	font-size:0.8em;
	margin: 0;
	padding: 5px 0 40px 40px;
	/*background-image: url(../imagenes/barandilla_OK.gif);
	background-repeat: repeat-x;
	background-position: 0% 0%;*/
	background-color:#fff5cb;
	letter-spacing:0.2em;
	clear:both;
  background-image: url(../imagenes/barandilla_OK.gif);
	background-repeat: repeat-x;
	background-position: 0% 0%;
	padding-top:94px;
height:25px
}
/*#bkgConcha {
  background-image: url(../imagenes/barandilla_OK.gif);
	background-repeat: repeat-x;
	background-position: 0% 100%;
	padding-bottom:94px;
}*/

.titPie {color:#333;
text-transform:uppercase;margin:0;padding:0;}


div#unaColumna {margin:0;padding:0 5em;clear:both;}
div#dosColumnas {margin:0;padding:0;clear:both;}
div#dosColumnas #col-1 {
	margin:0;
	padding:0;
	float:left;
	width:23%;
	text-align:center;
}
div#dosColumnas #col-1 img {margin:0 auto;padding:0;}
div#dosColumnas #col-2 {
	margin:0;
	padding:0 0.5em 0 1.5em;
	float:left;
	width:68%;
}

ul, ol, dl {
              position: relative;  }



/*-------------menú lateral izq----------------*/

.contMenu {
	border:1px solid #f2f2f2;
	background-color:#fafafa;
	padding:1em 0.5em 0 0;
	textx-align:left;
}

.menu {
	margin:0 1em 1em;
	padding:0 0 2em 0;
}


div.menu {border-bottom: 1px solid #e6ddc6;}@media print /*cambia elementos al imprimir*/
{
div.titMenu {border:1px solid #333;}
}



.menu p.titMenu, .menu p.titMenu2{
	font-size:1.1em;
	margin:0;
	padding: 0.2em 0.3em;
	text-align:center;
}

.menu ul {
	margin: 0;
	padding:0;
	list-style-type : none;
	list-style-position : inside;
	list-style-image : none;
	width:100%;
}
.menu ul li {
	font-weight:normal;
	padding:3px 3px 3px 20px;
	list-style-position:outside;
	list-style-image:none;text-align:left;
}
.menu ul li ul {
	border-width:0px;
	padding:0.5em 0 0 0;
	margin:0
}
.menu ul li ul li {
	padding:3px 3px 3px 18px;
}
.menu a {text-decoration:none;font-weight:normal}
.menu a:link {color:#346287}
.menu a:visited {color:#346287}
.menu a:hover {color:#346287;text-decoration:underline;}

.menu ul li.current {
	color: #333;
	font-weight:normal;
	background-image: url(../imagenes/bkgCurrent.gif);
	background-repeat:no-repeat;
	background-position: 0% 0%;
	
}
/*---------------migas-----------------*/
#migas {
	color: #666;
	background-color: transparent;
	font-size: 0.8em;
	margin: 0;
	padding: 0.5em 0.5em 0.5em 1em;
	font-weight:normal;
	clear:both;
	/*display:none*/
}
#migas a {
	text-decoration: none;text-decoration:underline
}
#migas a:link {
	color: #346287;text-decoration:underline
}
#migas a:visited {
	color: fuchsia;
	text-decoration: underline;
}
#migas a:hover {
	color: red;
}

/*----------pools------------*/

#pool {
	background-repeat:repeat-x;
	background-position: 0% 0%;
	height:50px;
	display:block;
	margin:0;
	padding:0;
}

.pool_inicio {
	background-image: url(../imagenes/bkg_inicio.jpg);
}
.pool_a_medida {
	background-image: url(../imagenes/bkg_a_medida.gif);
}
.pool_trabajos_especiales {
	background-image: url(../imagenes/bkg_trabajos_especiales.gif);
}
.pool_tamborrada {
	background-image: url(../imagenes/bkg_tamborrada.gif);
}
.pool_donde_estamos {
	background-image: url(../imagenes/bkg_donde_estamos.gif);
}
.pool_documentos {
	background-image: url(../imagenes/bkg_documentos.gif);
}
.pool_contacte {
	background-image: url(../imagenes/bkg_contacte.gif);
}
.pool_complementos {
	background-image: url(../imagenes/bkg_complementos.gif);
}


/*-------------formularios---------*/

option, textarea, input {
	font-size: 0.9em;
	font-family: arial, sans-serif;
	color: #666;
	border:1px solid #666;
}
input.boton {
	color: #fff;
	font-size:0.8em;
	background-color: #ad0808;
	font-weight: normal;
	border-width: 1px;
	border-style: solid;
	border-color: #888 #333 #333 #888;
	padding: 1px;
	margin: 1px;
	vertical-align: middle;
	/*background-image: url(imagenes/bkgBoton.gif);
	background-repeat : repeat-x;
	background-position : 0 50%;*/
	cursor: pointer;
  text-transform:uppercase;
  letter-spacing:.2em;
}
.etiquetaDer {width:10em; text-align:right;vertical-align: top;}

.formuFieldset {
	margin: 1em;
	padding: 1em;
	border: 1px solid #aaa
}
.formuLegend {
	margin: 0;
	padding: 1em;
  letter-spacing:.2em;
  color:#346287;
}
.formuFieldset label {
	width:12em;
	display:block;
	float:left;
	padding: 0 0.5em 0 0;
	color:#888;
}

.galeria {
	padding: 1em;
	text-align:center;
	margin:1em;
	border:1px solid #f2f2f2;
	background-color:#fafafa;
}
.galeriaV {
	padding: 2px;
	text-align:center;
	margin:1em;
	width:200px;
	float:right;
	border:1px solid #bbbbbb;
	background-color:#fafafa;
}
p.ampliar {
	font-size:0.8em;
	color:#666;
	margin:0;
	background-image: url(../imagenes/ampliar.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding:2px 2px 2px 20px;
	text-align:left;
}
.galeriaV img {
	border: 1px solid #aaa;
	vertical-align: top;
	margin: 3px;
}
.galeria img {
	height:100px;
	border:1px solid #aaa;
	vertical-align:top;
	margin:3px;
}