/* CSS Document */


/*ESTRUCTURA EXTERNA */
#wrapperOuter { width: 80em; margin: 0 auto; background: #FFFFFF url(../images/bgfonsmid.gif) repeat-y right; }
#wrapTop { background: url(../images/bgfonstop.gif) no-repeat right top; height: 0.4em; }
#wrapMid { margin: 0 0 0 0.2em; width: 79em; }
#wrapBtm { background: url(../images/bgfonsbtm-c.gif) repeat-x bottom; height: 1em; }
#wrapBtmR { background: url(../images/bgfonsbtm-r.gif) no-repeat right bottom; height: 1em; }
#wrapBtmL { background: url(../images/bgfonsbtm-l.gif) no-repeat left bottom; height: 1em; }


/* TAGS */
a{ color: #1e679c; text-decoration: none; }
a:hover{ text-decoration: underline; }
h3{ color: #e38b06; font-size: 1.1em; padding: 0.5em 0; margin: 0 0.5em 0 1em; }
h3.titulo{ margin: 1em 0em 0.5em 0em; }
p{ padding: 0; margin: 0 0 .3em 0; }
ul{ list-style: none; padding: 1em 0 0.8em 0; margin: 0 0 0 2em; }
li{ background: url(../images/bullets.gif) no-repeat 0em 0.5em; padding: 0 0 0 1em; margin: 0 0 0.2em 0; }


/* ELEMENTOS COMUNES */
html {font-size:100%}
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; color: #404040; background-color: #efeeea; margin: 0.4em auto; }
.oculta { display: none; }
.izquierda { float: left; }
.derecha { float: right; }

/*Clearfix*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-table}
/* \*/
* html .clearfix {height:1%}
.clearfix {display:block}

.clearleft { clear: left}
.clearright { clear:right}
.clearboth {height:.1em;clear:both;font-size:.1em;line-height:.1em}

/* CABECERA */
#cabecera { }
#tools { font-size: 0.85em; text-align: center; }
.listaH{ padding: 0 0 0.8em 0; margin: 0; list-style: none; }
.listaH LI{ display: inline; border-right: 2px solid #1e679c; padding: 0 1.2em; background: none; }
.listaH LI.last{ border-right: none; padding: 0 0.8em 0 1.2em; }
/*.listaH A:hover{ color: #eeb74b; }*/
#pastilla { clear: both; display: block; position: relative; width:948px; margin: auto;  background: url(../images/pasti-index-01.jpg) no-repeat center top; }
#pastilla H1{ height: 111px; margin: 0; padding: 0 0 0 0;/* position: relative; z-index:4*/ }
#pastilla H1 a{ position: relative; z-index: 4; border: 0 }
#pastilla #formbg{ position: absolute; width: 768px; height: 131px; background: url(../images/homenets.gif) no-repeat center top; top: 0; left: 0; z-index: 5; }
/*inicio formulario buskeda */
#pastilla FORM{ text-align: right; position: relative; top: 60%; }
#pastilla FORM div{ color: #FFFFFF; font-weight: bold; text-align: left;}
#pastilla input{ width: 12em; height: 16px; background-color: #ffffff; border: #206ba1 1px solid; padding: 0 0.1em; margin: 0; }
#pastilla input.boto{ width: 60px; height: 16px; background: transparent url(../images/botobg.gif) no-repeat; text-align: center; border: 0; margin: 0 5px 0 5px; font-weight: bold; color: #004c91; font-size: 0.9em; border: 0; }
#idiomas{ /*text-align: right; */display: block; clear: both; margin: .5em 0 1em 0; font-size: 0.95em; }
#idiomas .listaH{ text-align: right; }
#idiomas .bread strong{ color: #01665e; margin: 0 .5em 0 1em; }
#idiomas .bread { font-weight: bold }
#idiomas .bread a{ font-weight: normal; }
#idiomas .bread img{ margin: 0 0.5em; }

/* FOOTER */
#peu{ background: url(../images/bgpeu.gif) repeat-x 0px 17px; margin: 1em 0; }
#copy{ background: url(../images/homenet-peu.gif) no-repeat 19px 0px; height: 2em; padding: 2.7em 0 0 4em; font-size: 0.85em; }
#legal{ float: right; list-style: none; margin: 0; padding: 2.3em 0 0 0; font-size: 0.85em; }
#legal A{ color: #404040; text-decoration: none; }
#legal A:hover{ text-decoration: underline; }
#legal LI{ display: inline; padding: 0 1.2em; background: none; }
#legal IMG{ vertical-align: middle; }
#legal LI.first{ border-right: 2px solid #e38b06; }


/* COLUMNAS */
.columnas2 .columna-izquierda{ float: left; margin-left: 1em; width: 60em; }
.columnas2 .columna-derecha{ float: right; width: 15.4em; padding-right: 1em; }
.columnas1{ padding:0 .8em 0 1.5em}

.columna-izquierda h2{ background: #206ba1 url(../images/bgcentralh1.gif) repeat-x; color: #FFFFFF; font-size: 1em; margin: 0; }
.columna-izquierda h2 em{ background: url(../images/bgcentralh1em.gif) repeat-x; border-right: 0.2em solid #FFFFFF; padding: 0 0.5em; margin: 0 0.5em 0 0; }

.intro{ margin: 0 0 0 210px; font-size: .9em;}
.introB{ margin: 0 0 0 220px; font-size: .9em;}
.intro3{ margin: 0 210px 0 0px; font-size: .9em;}
.masTexto{ padding: 1em 0 0 0; font-size: .9em;}
.soloTexto{ padding: 0; font-size: .9em;}

.intro3{ margin: 0 210px 0 0px; font-size: .9em;}
.intro3 p{ margin: 0 0 1em 0;}

.seccio{ margin: 0 0 0 19.5em/*210px*/; font-size: .9em;}
.piefoto{ width: 18em; }
.seccio p { margin: 0 0 1em 0;}
.daurat{ font-size: .9em; color:#e38b06}


.dualTop{ margin: 0 0 1.5em 0; padding: 1.5em 0 1em 0; } 
.dual{ margin: 0; padding: 0; }
.mod1{ border-top: #aec5d5 8px solid; width: 47%; margin: 0 0 2em 0; font-size:.9em; }
.mod1 P{ margin: 0 0 0 1em}
ul.opcions li.mas{ margin: 0 0 0 0; }
.llistat li{ padding-bottom: .5em; }
li.mas{ font-size: 0.9em; background: url(../images/bullet-masinfo.gif) no-repeat right center; padding: 0 15px 0 0; margin: 2em 0 0 0; text-align: right; }
div.mas{ font-size: .9em; font-weight: bold; background: url(../images/bullet-masinfo.gif) no-repeat right 0.7em; padding: 0.5em 1.2em 1em 0; margin: 1em 0 0 0; text-align: right; border-top: #aec5d5 1px dotted; }
a.mas{ font-size: .9em; font-weight: bold; background: url(../images/bullet-masinfo.gif) no-repeat right 0.7em; padding: 0.5em 1.2em 1em 0; margin: 1em 0 0 1em;}

.mod2{ border-top: #aec5d5 8px solid; width: 100%; margin: 0 0 2em 0; font-size:.9em; }
.mod2 H3{ margin: 0 0 0 110px }
.mod2 P{ margin: 0 0 0 110px }

.mod3a{ border: #4d89b4 1px solid; display: block; margin: 2em 0 0 0; font-size:.9em; background: url(../images/bgmod3.gif) no-repeat left top;}
.mod3a .btm{ margin: 1em 0 0 1em; background: url(../images/bgmod3.gif) no-repeat right bottom; padding: 0 0 1em 0 }
.mod3b{ border: #aec5d5 1px solid; display: block; margin: 2em 0 0 0; font-size:.9em; background: url(../images/bgmod4.gif) no-repeat left top;}
.mod3b .btm{ margin: 1em 0 0 1em; background: url(../images/bgmod4.gif) no-repeat right bottom; padding: 0 0 1em 0 }
.mod3 { margin: 0 1em 0 0 }
.mod3 h3 { margin: 0;}
.mod4 { border: #4d89b4 1px solid; border-top-width: 5px; font-size: .9em; padding: 0 0 1em 0; width: 19em}
.mod4 img{ margin: 2px .5em 1em .5em; text-align: center !important }
.mod4 p { margin-left:1em;}


/*plantilla tipo 2*/
.paginacion{ padding:0.5em 1.5em 0.5em 1.5em; text-align:center; font-size: .9em }
.paginacion a{ font-weight: bold }

.agenda{ border-bottom: 1px dashed #aec5d5;}
.mes{ border-top:5px solid  #aec5d5;}

.mod5{ border-bottom: 1px dashed #aec5d5; margin:0 0 0 1.3em; padding: 1em 0 1em 0; font-size:.85em; }
.last{ border-bottom:0;}
.activityLeft h3{ margin:0; padding:0;}
.activityLeft img{ margin:0 1em 0 0; padding:0; }
.activityRight{ margin:0; padding:0 2em 0 2em; width:46em; border-left:1px solid #aec5d5;}

/*adaptacion tipo 2a */
.agenda2a .activityRight{ margin:0; padding:0 2em 0 2em; width:24em; border-left:1px solid #aec5d5;}


/*plantilla tipo 3*/
.seccion3{ margin:1em 0 0 0}
.seccion3 .mod1 .imagen { margin: 1em 0 0 0; float: left}
.seccion3 .mod1 .txt { margin-left: 110px; padding-top:.8em}
.seccion3 .mod1 .imagen{ }


/*galeria*/
.galeriaCentral { border-bottom: #aec5d5 5px solid; border-top: #aec5d5 5px solid; padding: .5em 0; }
.galeriaCentral .mod5{ border-bottom: 1px dashed #aec5d5; margin:0; padding: 1em 0; font-size:.85em; }
.galeriaCentral .last{ border-bottom: 0; }

.fotoBox { width: 16em; }
.galeriaCentral .sinMargen { margin-right: 0; }
.galeriaCentral .conMargen { margin-right: 2.8em; }
.galeriaCentral .conMargen2 { margin-right: 1.8em; }
.fotoBox h3{ font-size: 0.9em; color: #757575; padding: 1em 0 0 0.5em; margin: 0; }
.fotoBox h3 IMG{ float: right; margin: 0 1em 0 0; }
.fotoBox .imagen{ text-align: center; margin: 1em auto }
.fotoBox .pase{ font-size: 0.9em; text-align: left; margin: 1em }


/* IMPRIMIR & DESCARGAR PDF */
.tools{ background: none; width: 50%; margin: 0 0 1.5em 0;}
.tools li{ background: none; float: left; width: 45%; font-size: .9em}
.tools li.print{ float: left}
.tools li.pdf{ float: right; text-align: right;}
.tools li.print a{ background: url(../images/ico-print.gif) no-repeat left center; padding: .4em 0 .4em 20px }
.tools li.pdf a{ background: url(../images/ico-pdf.gif) no-repeat left center; padding: .4em 0 .4em 20px }



/* COLUMNA DERECHA (COMUNES) */
.columna-derecha .banner{ text-align: right; margin-bottom: 2em; }

/*cajas de la derecha*/
.anara form{ margin: 0 0 2em 0; padding: 0; }
.anara select{ font-family: Arial, Helvetica, sans-serif; font-size:1em; width: 11em; color:#333333; margin: 0 !important; padding:0 !important; height: 1.4em; border: 1px solid #1e679c}
.anara input{ font-family: Arial, Helvetica, sans-serif; font-size:1em; width: 5em; color:#FFF !important; margin: 0 !important; background-color:#1e679c; padding: 0 !important; height: 1.6em; border: 1px solid #1e679c }
.anara label{ display: none }

.nothoperdis{ border: #c8c1ae 1px solid; margin-bottom: 2em; background: #f6f4ee url(../images/bgnothoperdis.gif) no-repeat right top; }
.nothoperdis h2{ font-size: 1em; color: #757575; padding: 0; margin: 0.5em 0 0 0.5em; }
.nothoperdis ul{ font-size: 0.9em; list-style: none; padding: 0; margin: 2em 0.5em 2em 2em; }
.nothoperdis li{ margin: 0 0 0.5em 0; }
.nothoperdis a{ font-weight: normal; color: #404040; text-decoration: none; }
.nothoperdis a:hover{ text-decoration: underline; }

.ames{ border: #eeb74b 1px solid; border-top: #eeb74b 4px solid; margin-bottom: 2em; }
.ames h2{ font-size: 1em; color: #eeb74b; padding: 0.5em 0 0 0.5em; margin: 0; border-bottom: #eeb74b 1px solid; }
.ames ul{ font-size: 0.9em; list-style: none; padding: 0; margin: 2em 0.5em 2em 2em; }
.ames li{ margin: 0 0 0.5em 0; }
.ames li a{ font-weight: normal; /*color: #404040;*/ text-decoration: none; }
.ames li a:hover{ text-decoration: underline; }


.ames p.variacio80{ font-size: 0.9em; list-style: none; padding: 0; margin: 1em 0.5em 0em 1em; }
.ames ul.variacio80{ font-size: 0.9em; list-style: none; padding: 0; margin: 1em 0.5em 2em 1em; }
.ames .variacio80 li{ margin: 0 0 1em 0; line-height:1.2em }

.galeria { border: #d5d0be 1px solid; border-top: #d5d0be 4px solid; margin-bottom: 2em; }
.galeria h2{ font-size: 1em; color: #757575; padding: 0.5em 0 0 0.5em; margin: 0; border-bottom: #d5d0be 1px solid; }
.galeria h3{ font-size: 0.9em; color: #757575; padding: 1em 0 0 0.5em; margin: 0; }
.galeria h3 IMG{ float: right; margin: 0 1em 0 0; }
.galeria .imagen{ text-align: center; margin: 1em auto }
.galeria .pase{ font-size: 0.9em; text-align: center; margin: 1em }
.galeria .vermas{ background-color: #f3f2ed; border-top: #d5d0be 1px solid; text-align: right; padding: 0.3em 1em; font-size: 0.8em; }
.galeria .vermas a{ color: #1e679c; }

.infoDcha { border: #d5d0be 1px solid; border-top: #d5d0be 4px solid; margin-bottom: 2em; padding-bottom: 1em }
.infoDcha h3{ font-size: 0.9em; color: #757575; padding: 1em 0 0 0.5em; margin: 0; }
.infoDcha p{ font-size: 0.9em; margin: 1em auto 0 auto; padding: 0 .5em}
.infoDcha .pase{ font-size: 0.9em; text-align: center; margin: 1em }
.infoDcha .vermas{ background-color: #f3f2ed; border-top: #d5d0be 1px solid; text-align: right; padding: 0.3em 1em; font-size: 0.8em; }
.infoDcha .vermas a{ color: #1e679c; }


/* CALENDARIO */
.calendarBox{ border:1px solid #336699; border-top:5px solid #336699; padding:0}
.margenInferior{ margin-bottom: 2em }
.calendarBox h2{ font-size: 1em; color: #336699; padding: 0.5em 0 0 0.5em; margin: 0; border-bottom: #336699 1px solid; }
.calendario{ border:2px solid #336699; padding:0; margin:0.5em; font-size:0.8em; }
.calendario ul{ margin:0; padding:0; list-style-type:none; background-color:#aec5d5; border-bottom:1px solid #336699}
.calendario li{ margin:0; padding:0.2em; background-image:none; text-align:left; position:relative }
.calendario li.titulo{ float: left; font-weight: bold; padding-top: .2em; font-size:.9em; text-align: center; width: 14em}
.calendario .izq{ border-right:1px solid #336699; float: left; font-size:1.1em; }
.calendario .der{ border-left:1px solid #336699; float: right; font-size:1.1em;}
/*desplegable*/
.calendario li ul { display: none; border:1px solid #336699; position: absolute; top: 100%; left: 0; padding: .2em }
.calendario li>ul { top: auto; left: auto }
.calendario li:hover ul, .calendario li.over ul { display: block }
/*tabla*/
.calendario table { text-align:center; }
.calendario table caption{ display: none }
.calendario table th{ color: #336699; }
.calendario table td{ padding: .4em .1em }
.calendario table td.link{ background-color:#aec5d5;}
.calendario table td.finde{ font-weight: bold;}

.calendario table a{ text-decoration: underline;}
.calendario  table td.actual{ border:1px solid #336699;}

.cercador{ background-color:#e9f0f5; border-left:#AEC5D5 1px solid; border-right:#AEC5D5 1px solid; border-bottom:#AEC5D5 1px solid;}

/*FORMULARIOS CUERPO CENTRAL*/
#content FORM{ font-size:.85em; padding: 1em 0 0 0; }
#content LABEL{ display: block; padding-top:.5em}
#content FORM UL{ padding:0; margin:0;}
#content FORM LI{display: display: block; background:none; margin: 0; padding:0}
#content FORM LEGEND{ color:#e38b06;  font-weight:bold; font-size:1.20em; padding-bottom:5px;}
#content FORM FIELDSET{padding: 10px; margin-bottom:10px;border:none;}
#content FORM TEXTAREA{ width: 100%; height: 5em; font-family: Arial, Helvetica, sans-serif; font-size:1.1em; color:#333333; padding:.25em}
#content FORM SELECT{ font-family: Arial, Helvetica, sans-serif; font-size:1.1em; color:#333333; padding:.25em}
#content FORM INPUT{ font-family: Arial, Helvetica, sans-serif; font-size:1.1em; color:#333333; padding:.25em}
#content FORM P{ padding: .5em 0em}
#content FORM .break{ border-top: dashed 1px #CCCCCC; padding:.5em 0 0 0; margin:1em 0 0 0;}
#content FORM .separate{  border-top: #aec5d5 8px solid;  margin: 0 0 2em 0; padding-top:1em }
#content FORM .box{ width: 20em; margin-bottom: .2em}
#content FORM .halfbox{ width: 10em; margin-bottom: .2em}
#content FORM .minibox{ width: 4em; margin-bottom: .2em}
#content FORM .marcos{ border: #1e679c 1px solid;}
#content FORM .secForm{ margin: 1em 0 0 0; padding: 1em 0 0 0; border-top: dashed 1px #CCCCCC; }
#content FORM .aparta{ margin: 1em 0 0 0; padding: 1em 0; border-bottom: dashed 1px #CCCCCC; }

#content FORM .boton{ background-color: #1e679c; width: 10em; color: #FFFFFF; text-align: center; margin-right: 2em; border: none }


#content FORM .fs3{ width:10em; line-height: 2em}
#content FORM .fs3margin{ margin-left:10em}
#content FORM .fs33{ width: 5em; line-height: 2em;}
#content FORM .fs33margin{ margin-left:5em}
#content FORM .minimargin{ margin-left:.5em}

#content FORM .fs4{ width:13em; line-height: 2em}
#content FORM .fs4margin{ margin-left:13em}
#content FORM .fs4margin p{ font-size: .9em; font-style: italic}

#content FORM .fs5{ width:18em; line-height: 2em}
#content FORM .fs5margin{ margin-left:18em}

/*ORGANIGRAMA*/

.organigrama { 
	margin: 1em 0 1em 1em;
	padding: 0;
	font-size: 1.2em;
	width: 35em;
	min-height: 15em
}
*html .organigrama { 
	height: 15em
}
.nivel0 { 
	margin-left: 0em;
}
.indent { 
	margin-left: 3em;
	font-size: .9em
}
.noimage { 
	padding-left: 19px;
	margin-left: 1.5em;
}
.bordesLeft { 
	border-left: #999999 1px solid;
}
.bordes { 
	border-bottom: #999999 1px solid;
	border-left: #999999 1px solid;
}
.bordeInicio { 
	border-bottom: #999999 1px solid;
	width: 3em;
	display: inline;
	background-color: #CCCCCC
}
.nivel { 
	padding-left: 3em;
	height: 2em;
}
.nivel .posiciona { position: relative; top: 1.5em; margin-left: -1em; background-color: #ffffff; padding-left: .5em; width: 37em } 
.organigrama div img{ margin-right: 10px }


/*************
PLANTILLA 3D
*************/


.col1{ width: 30%; margin: 0 3.2em 0 0; font-size:.9em  }
.col3{ width: 30%; margin: 0 ;font-size:.9em }
.mod6{ border-top: #aec5d5 8px solid; width: 100%; margin: 0 0 2em 0; }

 


/******* DESPLEGABLES ***/
.expanded {
	visibility: visible;
	display: block;
}
.collapsed {
	visibility: hidden;
	display: none;
}

.diguens{ position:absolute; top:-1em; left: 57em; width:200px; z-index:10;}