/*top,right,bottom,left*/
/*
azul oscuro #0092CE (h1, lineas ) idem fondo logo coressa
azul claro #E8F1F8
gris fondo 1 #F5F5F5
gris fondo 2 #FCFCFC
columnas #E8F1F8 --> #C2DFF2
fondo centro #F5F5F5 --> #DDEBF6 idem pdf
*/
/****** GENERAL ****************************************/

/** titulares **/
h1 { font-size: 15px; color:white; font-weight: bold; 
margin: 0px 0px 10px 0px; padding: 6px 0px 6px 25px;
background:#0092CE;}
h2 { font-size: 14px; font-weight: bold; 
margin: 0px 10px 5px 25px; padding: 2px 0px 2px 2px;
border-bottom: 1px solid #0092CE;}
h3 { font-size: 13px; font-weight: bold; 
margin: 0px 10px 2px 25px; padding: 2px 0px 2px 2px;}


/** titulales del organigrama **/
h2.org { font-size: 13px; font-weight:bold; 
margin: 0px 100px 0px 25px; padding: 8px 8px 8px 8px;
background:#FCFCFC; 
border: 1px solid #0092CE;
}
/*top,right,bottom,left*/
h2.sitemap {  font-size: 13px; font-weight: bold; 
margin: 0px 5px 0px 5px; padding: 2px 0px 2px 2px;
border-bottom: 1px solid #0092CE;}
h3.org { font-size: 12px; font-weight: bold; 
margin: 5px 100px 0px 100px; padding: 5px 5px 5px 5px;
border: 1px solid #0092CE;
}
h3.org_qualitat { font-size: 12px; font-weight: bold; 
margin: 5px 100px 0px 25px; padding: 5px 5px 5px 5px;
border: 1px solid #0092CE;
}
h4.org { font-size: 11px; font-weight:normal; 
margin: 0px 100px 0px 125px; padding: 5px 5px 5px 5px;
background:#FCFCFC; border-bottom:none; border-left: 1px solid #0092CE;border-right: 1px solid #0092CE;
}

/** texto cuerpo **/
body { font: normal 12px "Verdana", "Arial", "Tahoma", "Lucida Sans";  color: black;	margin:0 auto; background:#E8F1F8; }
p {  text-align: justify; margin: 0px 25px 2px 25px; padding: 5px 0px 5px 0px; }

/** contacto més informacio + horaris **/
h4 { font-size: 13px; margin: 10px 75px 2px 50px; padding: 2px 2px 2px 2px; 
border-bottom: 1px solid #0092CE; 
}
address { text-align: justify;  background: #FCFCFC;
margin: 0px 75px 10px 50px; padding: 5px 0px 5px 2px; font-style:normal;
}


/** imagenes **/
img {border:0px; vertical-align:middle;}
img.foto{ border: 2px solid #DCDCDC; margin: 5px 15px 5px 5px;text-align:center; display: block; margin: auto;}
img.foto2{ border: 2px solid #DCDCDC; margin: 5px 15px 5px 5px;
display: inline; text-align:center; margin: auto;}
img.centro{ border: none; margin: 5px 15px 5px 5px;text-align:center; display: block; margin: auto;}
img.top { vertical-align:top; }

/** Listas **/
ul {margin-top: 5px;}
ul li {margin: 0px 0px 5px 20px;}
/* anidades a premis,concursos,sitemap*/

/****** GENERAL ****************************************/

/****** LINKS ****************************************/
a{text-decoration:none; color: #0067CA;}
a:link {}
a:hover {text-decoration: underline;}
a:visited {}
.tablanoticia td a:visited {color: #00386E;}
a.flecha{background: url("img/ico_flecha_derecha_azul.gif") left no-repeat; padding-left:12px;}
a.email{background: url("img/ico_email.gif") left no-repeat; padding-left:18px;}
a.web{background: url("img/ico_link.gif") left no-repeat; padding-left:18px; text-decoration:underline;}
/*top,right,bottom,left*/
a.pdf{background: url("img/ico_pdf.gif") left no-repeat; padding:2px 0px 2px 18px; text-decoration:underline;}
a.xls{background: url("img/ico_xls.png") left no-repeat; padding:2px 0px 2px 18px; text-decoration:underline;}
a.database{background: url("images/ico_database.png") left no-repeat;
 padding:2px 0px 2px 18px; text-decoration:none;}
a.mdb{background: url("images/ico_mdb.gif") left no-repeat;
 padding:2px 0px 2px 18px; text-decoration:none;}
a.doc{background: url("img/ico_doc.png") left no-repeat; padding:2px 0px 2px 18px; text-decoration:underline;}
a.zip{background: url("img/ico_zip.gif") left no-repeat; padding:2px 0px 2px 18px; text-decoration:underline;}
a.volver{background: url("img/ico_volver.gif") left no-repeat; padding-left:18px; text-decoration:underline;}
a.formulario{background: url("img/ico_application.png") left no-repeat; padding-left:18px; font-weight:bolder; text-decoration:underline;}
a.map{background: url("img/ico_map_go.gif") left no-repeat; padding-left:18px; font-weight:bolder;text-decoration:underline; }
a.calendar{background: url("img/ico_calendar.png") left no-repeat; padding-left:18px; font-weight:bolder;text-decoration:underline; }
a.bullet{background: url("img/ico_bullet_go.gif") left no-repeat; padding-left:18px; margin: 10px 0px 0px 25px; }
a.under{text-decoration:underline; }
/****** LINKS ****************************************/


/* SPANs GENERICOS */
span.derecha{text-align: right;display:block;
margin-bottom: 5px; margin-top: 5px;  margin-right: 25px;}
span.centro{text-align:center;display:block;margin-bottom: 5px; margin-top: 5px;}
span.espacio2{display:block;margin-top: 2px;}
span.espacio5{display:block;margin-top: 5px;}
span.espacio10{display:block;margin-top: 10px;}
span.espacio20{display:block;margin-top: 20px;}
span.margen5{display:block;margin-left: 5px;}
span.margen10{display:block;margin-left: 10px;}
span.margen15{display:block;margin-left: 15px;}
span.margen20{display:block;margin-left: 20px;}
span.margen30{display:block;margin-left: 30px;}
span.margen50{display:block;margin-left: 50px;}
span.ocultar{/*display:none !important; */ position: absolute; top:-550px;left:-550px;height:0em; width:0em; overflow: hidden;}
span.visualizar{display:inline;}
span.verd{color:green; }
span.taronja{color:orange; }
span.vermell{color:red; }
span.gris{color:gray; }
/* SPANs GENERICOS */

/****** TABLAS ****************************************/
/* enlaces , vivero */
table { margin: 0px 25px 0px 25px; font-size: 12px; }
/* PERSONAS - OFERTAS - CURSOS */
.tablaverde {background: #F5F5F5; margin: 0px 25px 0px 25px; }
.tablaverde a:visited { color: #97CCFF; }/*color: #97CCFF;*/
.tablaverde td,th {padding: 3px;}
.tablaverde tbody tr td {border-bottom: 1px solid ActiveBorder;}
.tablaverde th {background:#89BF5E; color:white;  font-weight: normal;}
.tablaverde tr:hover {background: #FCFCFC;}

/* ACTUALIDAD - NOTICIAS */
.tablaroja {background: #F5F5F5; margin: 0px 25px 0px 25px; }
.tablaroja td,th {padding: 3px;}
.tablaroja tbody tr td {border-bottom: 1px solid ActiveBorder;}
.tablaroja th {background:#F15A4B; color:white;  font-weight: normal;}
.tablaroja tr:hover {background: #FCFCFC;}
.tabladestacado {margin: 0px 0px 0px 15px;}
.tabladestacadointerior {margin: 0px 0px 0px 0px; font-size: 14px;  text-align: left;  }



/****** PASTILLAS ****************************************/
.pastillaopcion {font-size:0.95em; width:auto; padding: 5px 0px 5px 5px;  text-align: left; }
.pastillaopcion a { color:black;}

.pastillaazul { width:auto; background:#0092CE; padding: 5px 0px 5px 5px; text-align: left; color:white; font-weight:normal;}
.pastillanegra {font-size:0.95em; width:auto; background:black; padding: 5px 0px 5px 0px;  text-align: center; color:white; border: 1px solid black; }
.pastillanegra a{color:white;}
.pastilladestacado1 a {display:block;	padding: 15px 10px 15px 15px; margin:1px 0px 0px 0px; background: #F15A4B; color:white;}
.pastilladestacado1 a:hover {	background:#F2A8A2; color:#F15A4B;}
.pastilladestacado2 a {display:block;	padding: 15px 10px 15px 15px; margin:1px 0px 0px 0px;  background: #89BF5E; color:white;}
.pastilladestacado2 a:hover {	background:#C3F3C3; color:#89BF5E;}
.pastilladestacado3 a {display:block;	padding: 15px 10px 15px 15px; margin:1px 0px 0px 0px;  background: #00ade5; color:white;}
.pastilladestacado3 a:hover {	background:#E8F1F8; color:#00ade5;}
/****** PASTILLAS ****************************************/


/****** ESTRUCTURA DIVS ************************************/
#cabecera{ height: 1px; background: gray; }
#pie{ clear: left; width: 100%; background: black; color: white; text-align: center; padding: 4px 0; font-size:11px; z-index:4}
#pie a { color: white;}
#contentwrapper{background:#E8F1F8;float:left; width:100%;} /* fondo de todas */
#contentcolumn{ margin: 0px 19% 0px 19%;} /* central */
#menudcha{ background: #C2DFF2; float: right; width: 19%;/* capa dcha*/  margin-left: -19%;}
#menuizda{ background:#C2DFF2; float: left; width: 19%;/* capa izda*/  margin-left: -100%; z-index:2}

/* Margenes laterales y superiores de cada caja */
.menuizdacontenido{ margin: 0px;  margin-top: 0px; }
.menudchacontenido{ margin: 0px;  margin-top: 0px; }
.cabeceracontenido{ margin: 0px;  margin-top: 0px; }
.centralcontenido{ margin: 0px; margin-top: 0px; }
/****** ESTRUCTURA DIVS ************************************/

/****** MENU DESPLEGABLE *****/
.m2 a {display:block;	background: #F5F5F5; padding:5px 10px;	
margin:1px 15px 0px 25px;	}
.m2 a:hover {background: #FCFCFC; }
.m2_contenido {padding: 5px 0px 5px 15px;
margin:1px 15px 0 25px;	 background: #FCFCFC; }
/****** MENU DESPLEGABLE *****/

/****** COLUMNAS *****/
#col_contenedor{ /* contendor 2 cos izda */
float:left;
margin-left: 25px;
margin-bottom: 10px;
}
#col_duplo{ /* dos cols */
float:left;
width:270px;
}
#col_duplo ul {
list-style: none;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#col_duplo li {
font-size: 11px;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}
/****** COLUMNAS *****/
#volver{ /* div de volver */
float: right ;margin-bottom: 5px; margin-top: 5px;  margin-right: 25px;
}

/* FORMULARIOS ESPECIAL WEB */
h2.f { font-size: 14px; color: #018CCA;font-weight: bold;  margin:5px 0px 5px 0px;}
i.f { font-size: 12px;  color: #89BF5E;}
select {font: normal 12px "Verdana", "Arial", "Tahoma", "Lucida Sans"; width:75%;} 
select.fgran {font: normal 12px "Verdana", "Arial", "Tahoma", "Lucida Sans"; width:100%;} 
select.fmig {font: normal 12px "Verdana", "Arial", "Tahoma", "Lucida Sans"; width:50%;} 
select.fmini {font: normal 12px "Verdana", "Arial", "Tahoma", "Lucida Sans"; width:30%;} 
select.fsino {font: normal 12px "Verdana", "Arial", "Tahoma", "Lucida Sans"; width:15%;} 
textarea {height:50px; width:100%;}
textarea.fgran {width:95%;}

input.boto {width: 300px; font-weight: bold; }
/* FORMULARIOS ESPECIAL WEB */


/* FORMULARIOS GENERICO */
/* el asterisco obligatorio */
em.ob { color: red; margin: 0px 3px 0px 3px;}
em.obmsg { font-weight:normal; color: red; font-size:11px; 	margin: margin: 0px 3px 0px 3px; float:right;}
p.llei { font: normal 10px "Verdana", "Arial", "Tahoma", "Lucida Sans"; color:gray}
/* FORMULARIOS GENERICO */



/****** PRUEBAS ************************************/

/****** PRUEBAS ************************************/








