@charset "UTF-8";
body  {
	font: 14px/18px Gudea, "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;
	background: #f4f4f2;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #252a2e;
	font-weight: 400;
}

* {margin: 0; padding: 0; outline: none;}
img {border: none;}
a { color: #00677b; }
a:hover { color: #8a8142; }

.thrColFixHdr #container { 
	width: 980px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
	padding: 0;
	margin: 0 auto;
	text-align: left;
	background: #fff;
	border-top: 5px solid #a51721;
}


#logosup { 
	width: 274px;
	height: 242px;
	text-align: center;
	overflow: hidden;
	float: left;
	margin: 15px 15px 0 25px;
}



.thrColFixHdr #cabecera { 
	width: 980px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
	height: 330px;
	background: #fff url(../images/fondo_cabecera_mdea.jpg) no-repeat center top;	text-align: left;
}



.thrColFixHdr #subcab_menu { 
	width: 230px;
	height: 174px;
	margin: 15px 0 0 371px;
	float: left;
}


#subcab_menu {
    display: table; 
}

#subcab_menu > div {   
    display: table-cell;   
    width: 220px;
    vertical-align: middle;
    position: relative;	
}





.shadowblockmenu-v{
    width: 220px;
    font: 700 15px/15px Ubuntu, "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;
	overflow: hidden;
}

.shadowblockmenu-v ul{
/*border: 1px solid #eee;*/
padding: 0;
margin: 0;
list-style: none;
}

.shadowblockmenu-v ul li{
margin:0;
padding:0;
}

.shadowblockmenu-v ul li a{
display:block;
text-transform: uppercase;
color: #a51721;
padding: 6px 5px 6px 10px;
text-decoration: none;
/*border-bottom: 1px solid #cacaca;
border-right: 1px solid #cacaca; /*right border between menu items*/
/*-moz-box-shadow: inset 7px 0 10px rgba(114,114,114, 0.6); /* Add inset shadow to each menu item. First 3 values in (114,114,114, 0.5) specifies rgb values, last specifies opacity */
/*-webkit-box-shadow: inset 7px 0 10px rgba(114,114,114, 0.6);
box-shadow: inset 7px 0 10px rgba(114,114,114, 0.6);*/
/*text-shadow: 0 -1px 1px #cfcfcf; /* CSS text shadow to give text some depth */
-moz-transition: all 0.1s ease-in-out; /* Enable CSS transition between property changes */
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}

.shadowblockmenu-v ul li a:hover, .shadowblockmenu-v ul li a.selected {
    color: black;
	/*background-color: #f0aa28;*/
}





.thrColFixHdr #subcabecera { 
	width: 980px;
	height: 90px;
	margin: 0 auto;
	padding: 0;
	background: #0397b3;
	text-align: left;
	border-bottom: 4px solid #ffa200;
}

.clear{
    clear:both;  /*--- Clears the float of the list items to restore normal document flow ---*/
}













 
.thrColFixHdr #header { 
	background: #DDDDDD; 
	padding: 0 10px 0 20px;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
} 
.thrColFixHdr #header h1 {
	margin: 0; /* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
	padding: 10px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
}
.thrColFixHdr #sidebar1 {
	float: left; /* dado que este elemento es flotante, debe asignarse un ancho */
	width: 200px; /* el ancho real de este div, en navegadores que cumplen los estándares, o el modo de estándares de Internet Explorer, incluirá el relleno y el borde además del ancho */
	background: #fff; /* el color de fondo se mostrará a lo largo de todo el contenido de la columna, pero no más allá */
	padding: 50px 0 15px 20px; /* el relleno mantiene el contenido del div alejado de los bordes */
}

.thrColFixHdr #sidebar1 h1 {
	font: 700 24px/26px Ubuntu, "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;	
	margin: 0 0 10px 0;
}

.thrColFixHdr #sidebar1 h2 {
	font: 700 16px/18px Ubuntu, "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;	
	margin: 0 0 5px 0;
}

.thrColFixHdr #sidebar1 p {
	font: 400 12px/14px Gudea, "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;	
	margin: 0 0 5px 0;
}





.thrColFixHdr #sidebar2 {
	float: right; /* dado que este elemento es flotante, debe asignarse un ancho */
	width: 200px; /* el ancho real de este div, en navegadores que cumplen los estándares, o el modo de estándares de Internet Explorer, incluirá el relleno y el borde además del ancho */
	background: #fff; /* el color de fondo se mostrará a lo largo de todo el contenido de la columna, pero no más allá */
	padding: 50px 20px 15px 10px; /* el relleno mantiene el contenido del div alejado de los bordes */
}

.thrColFixHdr #sidebar2 h1 {
	font: 700 24px/26px Ubuntu, "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;	
	margin: 0 0 10px 0;
}

.thrColFixHdr #sidebar2 h2 {
	font: 700 16px/18px Ubuntu, "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;	
	margin: 0 0 5px 0;
}

.thrColFixHdr #sidebar2 p {
	font: 400 12px/14px Gudea, "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;	
	margin: 0 0 5px 0;
}

.thrColFixHdr #sidebar2 h2 a {
	color: #015666;
	text-decoration: none;
	display: block;
}


.thrColFixHdr #sidebar2 h2 a:hover {
	color: #8a8142;
}



.thrColFixHdr #sidebar2b {
border-radius: 25px;
background: #A4C83D;
margin: 35px 5px 0 0;

	float: right; /* dado que este elemento es flotante, debe asignarse un ancho */
	width: 200px; /* el ancho real de este div, en navegadores que cumplen los estándares, o el modo de estándares de Internet Explorer, incluirá el relleno y el borde además del ancho */	padding: 15px 15px 15px 10px; /* el relleno mantiene el contenido del div alejado de los bordes */
}

.thrColFixHdr #sidebar2b h1 {
	font: 700 24px/26px Ubuntu, "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;	
	margin: 0 0 10px 0;
}

.thrColFixHdr #sidebar2b h2 {
	font: 700 16px/18px Ubuntu, "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;	
	margin: 0 0 5px 0;
}

.thrColFixHdr #sidebar2b p {
	font: 400 12px/24px Gudea, "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;	
	margin: 0 0 5px 0;
}

.thrColFixHdr #sidebar2b h2 a {
	color: #015666;
	text-decoration: none;
	display: block;
}


.thrColFixHdr #sidebar2b h2 a:hover {
	color: #8a8142;
}


.thrColFixHdr #sidebar2b li br {	
	margin: 15px 0;
}


.thrColFixHdr #mainContent { 
	margin: 0 230px 0 230px; /* los márgenes derecho e izquierdo de este elemento div crean las dos columnas externas de los lados de la página. Con independencia de la cantidad de contenido que incluyan los divs de las barras laterales, permanecerá el espacio de la columna. Puede quitar este margen si desea que el texto del div #mainContent llene el espacio de las barras laterales cuando termine el contenido de cada una de ellas. */
	padding: 50px 10px 15px 20px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
}

.thrColFixHdr #mainContent h1 {
	font: 700 24px/26px Ubuntu, "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;	
	margin: 0 0 10px 0;
}

.thrColFixHdr #mainContent h2 {
	font: 700 16px/18px Ubuntu, "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;	
	margin: 0 0 5px 0;
}


.thrColFixHdr #mainContent p {
	font: 400 14px/18px Gudea, "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;	
	margin: 0 0 10px 0;
}

.small {
	font: 400 10px/12px Gudea, "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif !important;	
	margin: 0 0 10px 0;
}

.thrColFixHdr #mainContent ul {
	font: 400 13px/16px Gudea, "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;	
	margin: 0 0 10px 25px;
}

.thrColFixHdr #mainContent li {
	margin: 0 10px 0 10px;
	list-style-position: outside;
	list-style-type: square;
}



.thrColFixHdr #mainContent_2col { 
	margin: 0 0 0 230px; /* los márgenes derecho e izquierdo de este elemento div crean las dos columnas externas de los lados de la página. Con independencia de la cantidad de contenido que incluyan los divs de las barras laterales, permanecerá el espacio de la columna. Puede quitar este margen si desea que el texto del div #mainContent llene el espacio de las barras laterales cuando termine el contenido de cada una de ellas. */
	padding: 50px 10px 15px 20px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
}


.thrColFixHdr #mainContent_2col h1 {
	font: 700 24px/26px Ubuntu, "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;	
	margin: 0 0 10px 0;
}

.thrColFixHdr #mainContent_2col h2 {
	font: 700 16px/18px Ubuntu, "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;	
	margin: 10px 0 5px 0;
	color: #8a8142;
}


.thrColFixHdr #mainContent_2col p {
	font: 400 14px/18px Gudea, "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;	
	margin: 0 0 10px 0;
}

.thrColFixHdr #mainContent_2col ul {
	font: 400 13px/16px Gudea, "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;	
	margin: 0 0 10px 25px;
}

.thrColFixHdr #mainContent_2col li {
	margin: 0 10px 0 10px;
	list-style-position: outside;
	list-style-type: square;
}



.thrColFixHdr #contenido1col { 
	margin: 30px;
	padding: 0;
}

#ventajas {
	margin: 0;
	padding: 0;
}

#ventajas h1 {
	font: 24px/28px BenchNine, "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;
	font-weight: 700;
	color: #000;
	margin: 5px 0 0 0;
}

#ventajas p {
	font: 16px/18px BenchNine, "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;
	font-weight: 300;
	color: #000;
	margin: 5px 0 0 0;
}

.masinfo {
	text-align: right;
}

.masinfo a {
	text-align: right;
	color: #015666;
	text-decoration: none;
	display: block;
	margin: 0 10px 30px 0;
	font: 400 12px/14px BenchNine, "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;
}

.masinfo a:hover {
	color: #8a8142;
}


#subcontenido1_4 {
	width: 207px;
	float: left;
	margin: 0 0 30px 0;
	text-align: center;
}

#subcontenido2_4 {
	width: 208px;
	float: left;
	margin: 0 0 30px 30px;
	text-align: center;
}

#subcontenido3_4 {
	width: 208px;
	float: left;
	margin: 0 0 30px 30px;
	text-align: center;
}

#subcontenido4_4 {
	width: 207px;
	float: left;
	margin: 0 0 30px 30px;
	text-align: center;
}


.thrColFixHdr #footer { 
	padding: 50px 30px 30px 30px; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
	background:#595755;
	display: table-cell;
    vertical-align: bottom;
    color: #fff;
}

.thrColFixHdr #footer a {
	color: #fff;
}

.thrColFixHdr #footer p {
	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
	padding: 0 0 10px 0;
	font-weight: 300;
}

.thrColFixHdr #pie_izq {
	width: 170px;
	float: left;
}

.thrColFixHdr #pie_der {
	width: 920px;
	float: left;
	margin: 0 0 0 0px;
}






.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}





.calendario_not {
	width: 50px;
	height: 90px;
	margin: 0px 10px 5px 0;
	padding: 0;
	float: left;
	text-align: center;
	background: #8a8142;
}

.dia_not {
	width: 50px;
	height: 30px;
	padding: 0;
	overflow: hidden;
	font: 400  28px/28px Gudea, "Lucida Grande", Lucida, sans-serif;
	color: #fff;
}


.mes_not {
	width: 50px;
	height: 20px;
	padding: 10px 0 0 0;
	overflow: hidden;
	font: 400 14px/12px Gudea, "Lucida Grande", Lucida, sans-serif;
	color: #fff;
	text-transform: uppercase;
}


.ano_not {
	width: 50px;
	height: 20px;
	padding: 5px 0 0 0;
	overflow: hidden;
	font: 400 12px/12px Gudea, "Lucida Grande", Lucida, sans-serif;
	color: #fff;
}






.caja_evento {
	width: 230px;
	height: 200px;
	margin: 0 5px 30px 5px;
	padding: 0;
	overflow: hidden;
	float: left;
}


.caja_evento_logo {
	width: 230px;
	height: 200px;
	margin: 0 5px 30px 5px;
	padding: 0;
	overflow: hidden;
	float: left;
	background: url(../images/caja_evento_logo.jpg) no-repeat;
}

.caja_evento_nuestro_centro {
	width: 230px;
	height: 200px;
	margin: 0 5px 30px 5px;
	padding: 0;
	overflow: hidden;
	float: left;
	background: url(../images/caja_evento_nuestro_centro.jpg) no-repeat;
}


.caja_evento_nuestra_region {
	width: 230px;
	height: 200px;
	margin: 0 5px 30px 5px;
	padding: 0;
	overflow: hidden;
	float: left;
	background: url(../images/caja_evento_nuestra_region.jpg) no-repeat;
}

.caja_evento_diversidad_cepa {
	width: 230px;
	height: 200px;
	margin: 0 5px 30px 5px;
	padding: 0;
	overflow: hidden;
	float: left;
	background: url(../images/caja_evento_diversidad_cepa.jpg) no-repeat;
}

.caja_evento_articulo_revista {
	width: 230px;
	height: 200px;
	margin: 0 5px 30px 5px;
	padding: 0;
	overflow: hidden;
	float: left;
	background: url(../images/caja_evento_articulo_revista.jpg) no-repeat;
}


.caja_evento_se-es {
	width: 230px;
	height: 200px;
	margin: 0 5px 30px 5px;
	padding: 0;
	overflow: hidden;
	float: left;
	background: url(../images/caja_evento_se-es.jpg) no-repeat;
}

.caja_evento_se-po {
	width: 230px;
	height: 200px;
	margin: 0 5px 30px 5px;
	padding: 0;
	overflow: hidden;
	float: left;
	background: url(../images/caja_evento_se-po.jpg) no-repeat;
}

.caja_evento_se-it {
	width: 230px;
	height: 200px;
	margin: 0 5px 30px 5px;
	padding: 0;
	overflow: hidden;
	float: left;
	background: url(../images/caja_evento_se-it.jpg) no-repeat;
}

.caja_evento_se-fi {
	width: 230px;
	height: 200px;
	margin: 0 5px 30px 5px;
	padding: 0;
	overflow: hidden;
	float: left;
	background: url(../images/caja_evento_se-fi.jpg) no-repeat;
}

.caja_evento_varsovia {
	width: 230px;
	height: 200px;
	margin: 0 5px 30px 5px;
	padding: 0;
	overflow: hidden;
	float: left;
	background: url(../images/caja_evento_varsovia.jpg) no-repeat;
}

.caja_evento_jornada_adultos {
	width: 230px;
	height: 200px;
	margin: 0 5px 30px 5px;
	padding: 0;
	overflow: hidden;
	float: left;
	background: url(../images/caja_evento_jornada_adultos.jpg) no-repeat;
}


.caja_evento_lecce {
	width: 230px;
	height: 200px;
	margin: 0 5px 30px 5px;
	padding: 0;
	overflow: hidden;
	float: left;
	background: url(../images/caja_evento_lecce.jpg) no-repeat;
}

.caja_evento_foto {
	width: 230px;
	height: 120px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.caja_evento_txt {
	width: 210px;
	height: 35px;
	margin: 120px 0 0 0;
	padding: 10px 5px 10px 15px;
	background: url(../images/fondo_6a6431.png) repeat;
	font: 700 14px/16px Ubuntu, "Lucida Grande", Lucida, sans-serif;
	color: #fff;
}

.caja_evento_info{
	height: 15px;
	padding: 5px 10px;
	text-align: center;
	background: #8a8142;
	font: 400 10px/12px Ubuntu, "Lucida Grande", Lucida, sans-serif;
	color: #fff;
	text-transform: uppercase;
	float: right;
}



.menu_workshops {
	background: url(../images/flecha_azul_link.gif) no-repeat 0 2px;
	margin: 0;
	padding: 0 0 15px 10px;
	text-align: left;
	line-height: 16px;
	font-size: 14px;
	list-style-type: none;
}


.arch {
	background: url(../images/bullet_gris_9.png) no-repeat 0 2px;
	margin: 0;
	padding: 0 0 15px 15px;
	text-align: left;
	line-height: 12px;
	font-size: 10px;
	list-style-type: none;
}


.arc-row {
	background: url(../images/bullet_gris_9.png) no-repeat 0 2px;
	margin: 0;
	padding: 0 0 0 15px !important;
	text-align: left;
	line-height: 14px !important;
	font-size: 10px;
	list-style-type: none;
}

.arc-row-alt {
	background: url(../images/bullet_gris_9.png) no-repeat 0 2px;
	margin: 0;
	padding: 0 0 5px 15px;
	text-align: left;
	line-height: 14px;
	font-size: 10px;
	list-style-type: none;
}





/* MENU DE PAGINACION */


/* ----- clear fix for floats ----- */
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }		
/* hides clearfix from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end hide from IE-mac */


/*  Paging Css */
.onlycssmenu-paging, .onlycssmenu-paging a, .onlycssmenu-paging span {
	font: 700 12px/12px Ubuntu, "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;
	color: #f5ffe6 !important;
}
.onlycssmenu-paging {
	height:20px; 
	line-height:20px;
	margin:30px 10px 10px 0;
	padding:0;  }
.onlycssmenu-paging a, .onlycssmenu-paging span { background:url(../images/paging_menu_bg.png) no-repeat left top}

.onlycssmenu-paging a, .onlycssmenu-paging span { float:left; padding:0; margin:0 2px;   color:#75653f; width:24px; height:25px; text-align:center; vertical-align:middle; line-height:25px; text-decoration:none;}
.onlycssmenu-paging a{ background-position:0 0px;}
.onlycssmenu-paging span { background-position:0 -30px;color:#75653f;}

.onlycssmenu-paging a:hover, .onlycssmenu-paging .active {background-position:0 -30px;  color:#75653f;}