/*
-----------------------------------------------
FES Styles Elastic Design
Author:   Punto y Pixel
Version:  Mayo 2008
----------------------------------------------- */
                 
/* Estructura de la página
----------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	text-align: center;
}
.clear:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.contenedor {
	max-width: 70em;
	margin: 0 auto;
	text-align: left;
}
#lateral {
	width:30%;
	float: left;
	text-align: left;	
}
#contenido {
	float:right;
	width:67%;
	margin: 1% 1%;
	text-align: justify;
}
/*----- Cabecera -----*/
#barra-T{
	width: 100%;
	border-bottom: 4px solid #000F20;
	background-color: #3C464C;
}
#barra-T .contenedor{
	height: 2em;
	background:  #3C464C url(../media/bg_cabecera_barra.png) no-repeat right;
}
#barra-T .fecha {
	width:65%;
	float: left;
	text-align: left;
	font-size: 0.85em;
	color: #FFF;
	line-height: 2.1em;
	margin: 0;
	padding: 0;
}
#barra-T ul {
	float:right;
	width:30%;
	font: bold 1.3em Arial, sans-serif;
	text-align: right;
	margin: 0;
	padding: 0.2em;
}
#barra-T ul li{
	display:inline;
	background: url("../media/bg_barra-T_men_sep.png") no-repeat left center;
	padding: 0 0.15em 0 0.4em;
}
#barra-T ul li.first{background:none;}
#barra-T ul li a{color: #FFF;text-decoration: none;}
#barra-T ul li a:hover{color: #FFFFFF;text-decoration: none;}

#cabecera{
	width: 100%;
}
#cabecera .contenedor {
	background: #FFF url("../media/logo.png") no-repeat;
	height: 10.5em;
}
h1{
	font: bold 2.2em Arial, sans-serif;
	color: #003E7E;
	text-align: left;
	margin: 0 0 0.7em 6em;
	padding: 0.5em 0 0 0;
}
h1 span{
	font: bold 0.65em Arial, sans-serif;
	color: #23282C;
	text-transform: none;
	display: block;
	letter-spacing: 0.3em;
}
#cabecera ul{	
	float: right;
	margin: 0;
	padding: 0;
	font: bold 1.1em Arial, sans-serif;
	border-bottom: 1px solid #BFBFBF;
}
#cabecera ul li{
	list-style: none;
	float: left;
	margin: 0 0.15em;
	padding:0;
	color: #1E2327;	
}
#cabecera ul li.first{background:none;}
#cabecera ul li a{
	color: #1E2327;
	text-decoration: none;
	display: block;
	padding: 0.25em 0 0.25em 0.3em;
	margin-bottom: 0.2em;
}
#cabecera ul li a span{	padding: 0.3em 0.3em 0.3em 0em;}
#cabecera ul li a:hover,#cabecera ul li.aqui a{color: #FFF;background:  url("../media/bg_cabecera_menu_left.png") no-repeat left;}
#cabecera ul li a:hover span,#cabecera ul li.aqui span{	background: #003E7E url("../media/bg_cabecera_menu_right.png") no-repeat right;}
/*----- Pie -----*/
#pie{
	clear: both;
	width: 100%;
	height: 8.5em;
	background: #3C464C url("../media/bg_pie.jpg") repeat-x;
	margin-top: 2em;
}
.columna{
	float: left;
	font-size: 0.85em;
	color: #FFF;
	text-align: left;
	margin: 0 0 0 0.3em;
	padding: 0 0.3em;
	xheight: 11em;
	background: url("../media/bg_columna_sep.png") no-repeat top right;
}
.C1{width:20%; margin-left:3%;}
.C2{width:30%;margin-left:3%;background:none;}
.C3{width:30%;margin-left:3%;background:none;}

.columna h2{
	font: bold 1.3em Arial, sans-serif;
	text-align: left;
	margin: 0.5em 0;
}
.columna h2 a:link,.columna h2 a:visited{	color: #FE9A16;}
.columna h2 a:hover{	color: #FFFFFF;text-decoration:none;}
.columna p, .columna img{
	margin: 0.5em 0 0.5em 1em;
}
#barra-B{
	clear: both;
	width: 100%;
	background-color: #23282C;
}
#barra-B .contenedor{
	height: 2em;
	text-align: left;
}
#barra-B ul{	
	margin: 0;
	padding:0 0.5em;
	display:inline;
	line-height:2em;
	font-size: 0.85em;
}
#barra-B ul li{
	display:inline;
	padding:0 0.5em;
	color: #FFFFFF;	
	background: url("../media/bg_barra-B_men_sep.png") no-repeat left center;
	padding:0.8em 0.5em 0.8em 0.8em;
}
#barra-B ul li.first{background:none;}
#barra-B ul li a{color: #FFFFFF;}
#barra-B ul li a:hover{text-decoration: underline;}

/*----- Lateral -----*/
ul#menu{
	margin:0;
	padding: 0 0.8em;
	list-style:none;
}
ul#menu li{
	margin: 0;
	padding: 0;
	font: bold 1.3em Arial, sans-serif;
	text-align: right;
	color: #FFFFFF;
	background: url("../media/bg_tit_gris_left.png") no-repeat;
}
ul#menu li span{
	height: 28px;
	padding: 0 10px 0 0;
	line-height: 28px;
	display: block;
	background: url("../media/bg_tit_gris_right.png") no-repeat right;
}
ul#menu li.especial{
	background: url("../media/bg_tit_azul_left.png") no-repeat; text-align: center;
}
ul#menu li.especial a{
	height: 28px;
	padding: 0;
	line-height: 28px;
	display:block;
	background: url("../media/bg_tit_azul_right.png") no-repeat right; text-align: center;
}
ul#menu li.especial a:link,ul#menu li.especial a:visited{ color: #FFFFFF;}
ul#menu li.especial a:hover{ color: #FFFFFF;text-decoration:none;}
ul#menu ul{
	margin: 0.7em;
	padding: 0;
	border-right: 1px solid #BFBFBF;
	list-style:none;
}
ul#menu ul li{
	font-size: 0.8em;
	background: none;
	text-align: right;
	margin: 0;
	padding:0.2em 0.3em 0.2em 1em;
}
ul#menu ul li.sep{	
	padding-bottom: 1em;
}
ul#menu ul li.aqui a{	
	color:#003E7E;
}
ul#menu ul li a{color:#333333;}
ul#menu ul li a:hover{color:#003E7E;text-decoration: none;}

ul#menu span.subtitulo{
	color:#23282C;
	background: none;
	text-transform: uppercase;
}
ul#menu ul ul {
	margin-top: 0;
	border-right: 0;
}
#lateral p{	
	margin: 0.7em;
	margin-right: 1.6em;
	padding:0.2em 0.3em 0.2em 1.2em;
	border-right: 1px solid #BFBFBF;
	line-height: 1.7em;
}
/* Subemenus contenido
----------------------------------------------------*/
/*----- Block -----*/

#contenido ul.submenu-B li {
	padding: 0.5em;
	list-style: none;
}

#contenido ul.submenu-B a{
	text-decoration: none;
	font-weight: bold;
}
#contenido ul.submenu-B a:link,#contenido ul.submenu-B a:visited { color: #9a0034; }
#contenido ul.submenu-B a:hover{color:#CD5C5C;}
/*----- Inline, no se usa -----*/
ul.submenu-I {
	font-size: 0.85em;
}
ul.submenu-I li{
	margin: 0;
	padding: 0.3em;
	list-style: none;
	display: inline;
}
ul.submenu-I a{
	text-decoration: none;
	font-weight: bold;
}
ul.submenu-I a:link { color: #666666 }
ul.submenu-I a:visited{ color: #999999 }
ul.submenu-I a:hover{color: #FF8C00;}

/*----- Paginación -----*/
.prev-next{
	clear: both;
	width: 100%;
}
p.prev-next{	clear: both; text-align:right;padding: 0.3em;border-bottom: 1px solid #23282C;border-top: 1px solid #23282C;}
.prevnext ul{
	text-align: right;
	margin: 0;
	padding: 0.3em;
	color: #3A474C;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.prevnext li{
	list-style: none;
	display: inline;
	padding: 0 0.3em;
}
.prevnext li.prev {
	border-right: 1px solid Gray;
}
.prevnext a{text-decoration: none;	font-weight: bold;}
.prevnext a:link{	color: #333;}
.prevnext a:visited{	color: #666666;}
.prevnext a:hover{color: #50A7D9;}

/*----- ABC -----*/
.abc ul {margin:0; padding:0.5em;clear:both}
#contenido .abc li {
	float: left;
	list-style:none;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 0.1em;
}
#contenido .abc a  {
	display:block;
	padding: 0.1em 0.3em;
	text-decoration: none; 
	background-color: #3C464C;
}
#contenido .abc li a:link,#contenido .abc li a:visited{	color: #FFF;}
#contenido .abc li a:hover{
	color: #FE9A16;
	background-color: #003E7E;
}
/* Generales, titulos, enlaces
----------------------------------------------------*/
body{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
a { text-decoration: none; }
a:link { color :#003E7E; }
a:visited { color :#001B35; }
a:hover { text-decoration: underline; }
#contenido a{ font-weight: bold;}
h2{
	font: bold 2em Arial, sans-serif;
	color: #003E7E;
	text-align: right;
	margin-top: 0;
}
h3{
	font-size: 1.2em;
	color: #003E7E;
	text-transform: uppercase;
}
h4{
	font-size: 1.1em;
	color: #003E7E;
}
h5{
	font-size: 1em;
}
hr.separar{
	height: 3em;
	background-color: #FFF;
	border: 0 ;
	color: #FFF;
	clear: both;
}
.art {	
	color: #FF8C00;
	font-weight: bold;
}
ol.A_upper { list-style: upper-alpha;}
.resaltar {
	font-weight: bold;
	color: #4682B4;
}
.direccion {
	border: 1px solid #4682B4;
	padding: 0.5em;
	margin: 0.5em;
	background: url(../media/mapa.png) no-repeat top center;
}
.direccion p{margin-top:12em;}
/*  Imagenes
----------------------------------------------------*/
a img, .sinborde {	border: none; }
img.right,img.left, img.block{
	margin: 0.5em;
	padding: 0.3em;
	border: 1px solid #cccccc;
}
img.left{	float: left; }
img.right{ float: right; }

.gallery {
	margin:0 auto;
	position: relative;
}
.gallery li h3 {	text-transform: none;}
#contenido .gallery li {
	list-style: none;
	float:left;
	margin:10px;
	padding:5px;
	text-align:center;
}
.gallery li img{
	margin: 0.5em;
	padding: 0.3em;
	border: 1px solid #cccccc;
}
/* Listas
----------------------------------------------------*/
#contenido li {
	list-style: circle;
	margin: 0.5em 0;
}
#contenido li a:link { color: #333333; }
#contenido li a:visited{ color: #666666; }
#contenido li a:hover{	color: #333333;}
#contenido .enlaces li {list-style: none;  }
#contenido dl {margin: 1em 2em;}
#contenido dt {
	font-weight: bold;
	color: #333333;
	margin-bottom: 0.2em;
	text-transform: uppercase;
}
#contenido dd {
	margin-bottom: 1em;
}
#contenido .S-individuales li{list-style-image: url(../media/bullet.png);}
#contenido .S-colectivos dt{text-transform: none;}
#contenido ul.S-honor {margin-left: 2em;}
#contenido .S-honor li{
	list-style-image: url(../media/bullet.png);
	color: #333;
	font-weight: bold;
}
#contenido ol.A_upper li{ list-style: upper-alpha;}
#numeros ol li{
	list-style: decimal;
}
#numeros ul li{
	list-style: circle;
}
/*  Tablas
----------------------------------------------------*/ 
table {
	margin: 10px auto;
	width: 96%;
	border-collapse: collapse;
	text-align: left;
	background: #333333;
	border: 1px solid #333333;
}
table.small {	width: 30%;} 
table.medium {	width:50%;}            
table caption {
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: center;
	text-transform: uppercase;
	margin: 10px auto;
}                     
table tr.titulo th {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	text-align: center;
	padding: 5px;
	border-top: 1px solid #333333;
	background: #EDE9EA;
}                 
table th {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	background-color: #FFF;
	border: 1px solid #333333;
}      
table td {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	background: #FFF;
	margin: 1px;
	padding: 5px;
	border: 1px solid #333333;
	text-align: center;
}
table.standar th {text-align: right;}
table.standar td {text-align: left;}
table .left {	text-align: left; }  
table .right {	text-align: right; }   


.cuotas table{
	margin: 10px auto;
	width: 96%;
	border-collapse: collapse;
	text-align: left;
	background: #ccc;
	border: 1px solid #CCCCCC;
}
                
table.cuotas caption {
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: center;
	text-transform: uppercase;
	margin: 10px auto;
}
                        
table.cuotas th {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	padding: 5px;
	background-color: #FFC;
	border: 1px solid #CCCCCC;
}  
table.cuotas th.right {	text-align: right; }  
table.cuotas td {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #666666;
	background: #fff;
	margin: 1px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	text-align: center;
}
table.cuotas td.left {	text-align: left; }  
table.cuotas input {	margin: 1px 2px;}
table.cuotas ul {	margin: 0; padding: 0; list-style: none;}
table.cuotas li {	margin: 0; list-style: none;}


/*  Formularios
----------------------------------------------------*/
form{
	display: inline;
	margin-top: 20px;
}
fieldset {
	margin-top: 1em;
	margin-bottom:  0.5em;
	border: 1px solid #BFBFBF;
	padding:  0.3em;
}
legend {
	text-align: left;
	padding: 0.1em 0.5em 0.1em 0.5em;
	font-weight: bold;
	color: #23282C;
	margin-bottom: 1em;
}
label {	
	font-weight: bold;
	color: #23282C;
  	float: left;
  	width: 30%;
  	text-align: right;
  	margin-top: 0.3em;
}
.label {	
	font-weight: bold;
	color: #23282C;
}
input,select,textarea {
	border: 1px solid #003E7E;
	background-color: #ECECFF;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
}
.input {
	margin-bottom: 0.5em;
	margin-left: 0.5em;
}
input.checkradio {
	border: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.botones {
	clear: both;
	text-align:center;
	width: 100%;
	margin: 3%;
	border: hidden;
} 
.botones input {
	border: 1px solid #ECECFF;
	background-color: #003E7E;
	color: #FFF;
	padding: 0.3em 0.5em;
	cursor: pointer;
}
form span.ayuda,form p.ayuda,form ul.ayuda{	font-size:90%;}
form span.ayuda{
	color: #3D598B;
	margin-left: 0.5em;
}
form p.ayuda{
	margin: 0;
  	margin-left: 30%;
	clear: both;	
	color: #3D598B;
  	margin-bottom: 1em;
}
/*----- Validación formularios -----*/
input.error, select.error { border: 1px solid #FF0000; }
.errFld {
	border: 1px solid #F00;
}
.errMsg {	
	color: #FF0000 !important;
	display: inline;
}
#alertMessagePlaceHolder {
	background-color: #FFCCCC;
	border: 1px solid #F00;
	padding: 5px;
	display: none;
	margin: 2em 5px;
}

/*  Home
----------------------------------------------------*/
#bienvenidos{
	clear: both;
	display: block;
	width: 100%;
	height: 48px;
	background: url(../media/bienvenidos.png) no-repeat center center;
	text-decoration: none;
	margin: 0;
	padding: 0;
	margin-bottom: 2em;
}
#bienvenidos span { display:none }
.wide-ads{
	width: 960px;
	text-align: center;
	margin: 0 auto;
	border-bottom: 20px solid #FFF;
}
#congreso-ad{
	clear: both;
	display: block;
	background: url(../media/congreso-ad.jpg) no-repeat center center;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	margin-bottom: 2em;
}
#congreso-ad span { display:none }
#home #cabecera ul{	
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}
.H-left{
	float: left;
	border-right: 1px solid #BFBFBF;
	width: 47%;
	padding-right: 2%;
}
.H-left.no{	border-right: 0;}
.H-right{
	float: left;
	width: 47%;
	padding-left: 3%;
}
.H-left h2,.H-right h2{
	font: bold 1.5em Arial, sans-serif;
	color: #23282C;
	text-align: left;
	background: url(../media/bg_home_h2.png) no-repeat left bottom;
	padding: 0em 0em 0.8em 0.8em;
	margin: 0;
}
.H-left h2 a:link,.H-left h2 a:visited,.H-right h2 a:link,.H-right h2 a:visited{color:#9a0034;}
.H-left h2 a:hover,.H-right h2 a:hover{color:#CD5C5C; text-decoration:none;}

/*----- Destacados eventuales -----*/
h2.gris,h2.azul{
	font: bold 1.1em Arial, sans-serif;
	text-align: left;
	background:#23282C url("../media/bg_tit_gris_left.png") no-repeat;
	margin: 0;
	padding: 0;
}
h2.gris{background:#23282C url("../media/bg_tit_gris_left.png") no-repeat;}
h2.gris a,h2.azul a{
	height: 28px;
	padding: 0 0 0 10px;
	line-height: 28px;
	display: block;
	background: url("../media/bg_tit_gris_right.png") no-repeat right;
}
h2.gris a{background: url("../media/bg_tit_gris_right.png") no-repeat right;}
h2.azul{background: #003E7E url("../media/bg_tit_azul_left.png") no-repeat;}
h2.azul a{background: url("../media/bg_tit_azul_right.png") no-repeat right;}

h2.gris a:link,h2.gris a:visited,h2.azul a:link,h2.azul a:visited{color:#FFFFFF;}
h2.gris a:hover,h2.azul a:hover{color:#BFBFBF;}
/*  Noticias, congresos
----------------------------------------------------*/
.resumen,.articulo,.congreso{clear: both; margin: 0.5em 2em 1.5em 2em;}
.congreso {border-bottom: 1px solid #CCC;}
.resumen h3,.congreso h3{margin:0.3em 0;padding: 0; font-family: Georgia,"Times New Roman", Times, serif;text-transform:none;}
.resumen p.datos{	color: #666; margin:0.3em 0;padding: 0; font-size:0.85em;}
.resumen .thumb,.articulo .thumb,.congreso .thumb  {
	float:left;
	margin: 0 0.5em 0.5em 0.5em;
	border: 1px solid #CCC;
	background:#FFF; 
	text-align:center;
}
.resumen .thumb img,.articulo .thumb img,.congreso .thumb img {margin: 0.3em;}
.resumen p.texto,.articulo p.texto, .congreso p { margin-bottom: 3px; margin-top: 5px; }

.articulo h3{font-size: 1.2em;margin:0.5em 0px;padding: 0; }
.articulo p.datos{	color: #666; margin:0.5em 0;padding: 0;}

.cartel {
	margin: 0 auto; 
	text-align: center;
	margin: 0 0.5em 0.5em 0.5em;	
}
.cartel img {padding: 0.3em; border: 1px solid #333333;}

.congreso-gallery {
	margin:0 auto;
	position: relative;
}
#contenido .congreso-gallery li {
	list-style: none;
	float:left;
	margin:3px;
	padding:0px;
	text-align:center;
}
.congreso-gallery li img{
	padding: 3px;
	border: 1px solid #cccccc;
}

/*  Congresos
----------------------------------------------------*/

dl.programa dt {
	font-family: Georgia,"Times New Roman", Times, serif;
	margin: 10px 0 5px 0;
	font-size: 1.3em;
}
dl.programa dd {margin-top:1em;font-size: 1.1em;}
dl.cord-grupo {
	border-bottom: 1px dotted #333;
	padding: 0 10px;
}
dl.cord-grupo dt{	font-weight: bold;}
dl.cord-sesion {
	border-bottom: 1px dotted #333;
	padding: 0 10px;
}
dl.cord-sesion dt{	font-weight: bold;}


.ponencia{margin: 20px 0 5px 0;}
.ponencia p{
	margin: 0.3em 0;
	line-height: 1.2em;
}
.titulo_ponencia{font-size: 1.1em;}
.ponente {font-size: 1.1em;}
.nav_ponencia{margin-left:0.5em;}

/*  Varios
----------------------------------------------------*/
.pad-micro { padding: 0.05em 0.15em }
.pad-small { padding: 0.1em 0.3em; }
.pad-medium { padding: 0.3em 0.5em; }
.pad-big { padding: 0.5em 0.8em; }

.italic{ font-style: italic;}
.bold{ font-weight: bold;}
.underline{	text-decoration: underline;}

.inline{ display: inline;}
.Fright{ float: right; }
.Fleft{ float: left; }
.limpiar { clear: both; }
.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; margin: 0 auto; }
.center table {margin: 0 auto;}
.justify{ text-align: justify; }

.aviso{background-color: #fef8d9;border: 1px solid #D21A4E;margin: 0.3em;padding:0 0.3em;}
.info {
	background: #FFFFF0;
	border: 1px solid #FF9900;
	margin: 0.3em;
	padding: 0 0.3em;
}

.correcto  { color: #009900; font-weight: bold;}
a.correcto:link, a.correcto:visited { color: #009900; }
a.correcto:hover { text-decoration: underline }

.error  { color: #FF0000; font-weight: bold;}
a.error:link, a.error:visited { color: #FF0000; }
a.error:hover { text-decoration: underline }