@charset "utf-8";
.ui-tabs-hide { display: none; }
/*
Theme Name: CENTRO PERUANO AMERICANO - EL CULTURAL
Theme URI: http://elcultural.com.pe/
Description: Tema exlusivo para el Website del Centro Peruano Americano El Cultural
Version: 1
Author: Laren (Hector Carranza) para EVOLUCION-MEDIA
Author URL: http://www.laren.wordpress.com/
Tags: blue, red, custom banner, fixed width, two columns, big banner,

	Centro Peruano Americano - El Cultural v1
	http://www.elcultural.com.pe/
	Propiedad de EVOLUCION-MEDIA 
*/

/*-- INDICE <<<--------*/
/**********************************************************************/ 
/*	ESTILOS ESTANDAR
		* CSS RESET: reinicia todos los elementos para aumentar compatibilidad entre navegadores
		* CLASES UTILES: clases. predefinidas que pueden ser usadas en el desarrollo
	
	ESTILOS A MEDIDA(unicamente para este website)	
		* GLOBAL: fondo total, formato de texto, vinculos normales, etc, especiales para esta pagina.		
		* LAYOUT:
			- Contenedor global: Ajusta el ancho del "contenido
			- Logotipo
			- Navegacion
			- Banner
			- Contenido
			- Pie de pagina
*/

/*-- RESET <<<--------*/
/*////////////////////////////////////////////////////////////////////*/ 
	/*Eric Meyer’s reset (http://meyerweb.com/eric/tools/css/reset/) v1.0 | 2008-02-12 */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td 
	{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;/* background:transparent; */}

	/*Reset personalizado*/	
	body 								{ background:white; color:#000000; } 	
	
		/*Cabeceras */
		h1, h2, h3, h4, h5, h6 			{ font-weight:normal; clear: both; }
	
		/*Logo*/
		h1								{ display:block; text-indent:-999px; }	
		/*Nombre de la página actual*/
		h2								{ }
		/*Secciónes de la página actual*/
		h3								{ display: none;  /*display: block; background: white; float: left; width: 428px; text-indent: -999px; height: 1px; margin: 0px 1px -1px;*/ }
		/*Subsecciones de la página actual*/
		h4								 { line-height: 10px; font: bold 12px/20px Arial, Verdana;}
		
		h5								 { line-height: 10px; font: bold 12px/20px Arial, Verdana; margin-left: 10px;}
			
		/*Formato comun*/ 
		p, ul, ol 						{ line-height:18px; list-style:none; }
		blockquote						{ margin: 0px; margin-left: 40px; margin-top: -20px  }
		small							{ font-size:8px; }
		img 							{ border:0; } 
		sup 							{ position:relative; bottom:3px; vertical-align:baseline; } 
		sub 							{ position:relative; bottom:-0.2em; vertical-align:baseline; } 
		acronym, abbr 					{ cursor:help; letter-spacing:1px; border-bottom:1px dashed; } 
		hr								{ height:0px; border: none; background:none; clear: both; }
		
		/*Vinculos*/ 
		a, a:link, a:visited, a:hover	{ text-decoration:none; } 
		
		/* Formularios */ 
		form 							{ margin:0; padding:0; display:inline; } 
		input, select, textarea 		{ font:1em Arial, Helvetica, sans-serif; } 
		textarea 						{ width:100%; line-height:1.25; } 
		label 							{ cursor:pointer; } 
		
		/*Tablas*/
		table 							{ border:0; margin:0 0 1.25em 0; padding:0; } 
		table tr td 					{ padding:2px; }	
	
/*---- CLASES UTILES <<<-----------*/
/*////////////////////////////////////////////////////////////////////*/ 
	.clear						{ clear:both; }
	.clear-left					{ clear:left; }
	.clear-right				{ clear:right; }
	
	.float-left					{ float:left; }
	.float-right				{ float:right; }
	#auxmenu .float-right		{ float:right; padding-top: 3px;}
	#auxmenu .float-right img	{ margin-right: 3px; }

	
	.text-left					{ text-align:left; }
	.text-right					{ text-align:right; }
	.text-center				{ text-align:center; }
	.text-justify				{ text-align:justify; }
	 
	.bold						{ font-weight:bold; }
	.italic						{ font-style:italic; }
	.underline					{ border-bottom:1px solid; }
	.highlight					{ background:#ffc; }
	
	.inline						{ display: inline; }
	.img-left					{ float: left; margin: 5px 10px 10px 0; padding: 5px; background: white; border: 1px solid #EBEBEB; }
	.img-right					{ float: right; margin:0px 0px 5px 10px; padding: 5px; background: white; border: 1px solid #EBEBEB;  }
	.img-center					{ clear: both;  margin: 10px 10px 10px; padding: 6px; background: #F4F4F4; border: 1px solid #ccc; text-align: center; }
	 
	.nopadding					{ padding: 0; }
	.noindent					{ margin-left: 0; padding-left: 0; }
	.nobullet					{ list-style: none; list-style-image: none; }
	
	a.nolink					{ cursor: default; }
	a.altas						{ font-size: 10px; text-transform: uppercase; }
	
/*-- GLOBAL A MEDIDA <<<--------*/
/*////////////////////////////////////////////////////////////////////*/ 
	/*Formato*/
	body						{ color: #444; font: normal 12px/18px Arial, Helvetica, sans-serif;}
	body						{ background: url(css/lay/body_bg2.gif) repeat-x #E2E6E9; }
	body.nobg					{ background: none; margin: 10px; }
	body.inicio					{ background: url(css/lay/body_bg.gif) repeat-x #E2E6E9; }
	body.frm					{ background: none; margin-top: 30px; width: 630px; }
	body.frm .contenedor_texto	{ width: 830px; }
	body.frm div				{ width: 800px; margin: 0 auto;  }
	
	
	/*Formato de vinculos*/
	a:link, a:active, a:visited	{ color: #1254A3; text-decoration: none; }
	a:hover						{ text-decoration: none; }
	p a:hover					{ color: #C81F1F}
	p 							{ text-align: justify}
	
/*-- Layout <<<--------*/
/*////////////////////////////////////////////////////////////////////*/ 
	/*-------------------------------------------------------------------------------------------------------*/	
	/*AJUSTE(WRAP) // Ajuste de los elementos dentro del campo central de la pagina*/
	/*-------------------------------------------------------------------------------------------------------*/	
	.wrap						{ width: 880px; margin: 0 auto; position:relative; }
	/*-------------------------------------------------------------------------------------------------------*/	
	/*CABECERA // LOGO(H1), MENU(Tecnica: reemplazo de imagenes) */ 
	/*-------------------------------------------------------------------------------------------------------*/	
	#header						{ background: url(css/lay/header_bg.gif) #ECECEC top right no-repeat}	
	#header .float-left			{
	float: right;
	clear: right;
	margin-top: 20px;
	width: 370px;
	}
	#divmay	{
	padding-left:343px;
	padding-top:20px;
	padding-bottom:20px;
	}



	#tablaLogin			{
	width: 194px;
	height: 194px;
	background-image: url("img/correo/logintable.png") !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/correo/logintable.png');
	background:right;
	background-repeat:no-repeat;	
	}
	
    #bannerflash			{
	position: absolute;
	left: 224px;
	top:210px;
	width: 194px;
	height: 194px;
	background:right;
	background-repeat:no-repeat;	
	}
	

	#adorno1			{
	position: absolute;
	right: -50px;
	top:80px;
	width: 150px; 
	height: 65px; 
	background-image: url("img/iconos/top2_cor.png") !important;
	background-image: none; 
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/iconos/top2_cor.png');
	background:right; 
	background-repeat:no-repeat;
	
	}
	
	#adorno2			{
	position: absolute;
	right: -50px;
	top:145px;
	width: 74px; 
	height: 103px; 
	background-image: url("img/iconos/rigth_cor.png") !important;
	background-image: none; 
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/iconos/rigth_cor.png');
	background:right; 
	background-repeat:no-repeat;
	
	}
	
	#adorno3			{
	position: absolute;
	left: 350px;
	top: 16px;
	width: 138px; 
	height: 134px; 
	background-image: url("img/iconos/velita.png") !important;
	background-image: none; 
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/iconos/velita.png');
	background:right; 
	background-repeat:no-repeat;
	}
	
	#adorno4			{
	position: absolute;
	left: -50px;
	top: 80px;
	width: 150px; 
	height: 65px; 
	background-image: url("img/iconos/top_cor.png") !important;
	background-image: none; 
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/iconos/top_cor.png');
	background:right; 
	background-repeat:no-repeat;
	}
	#adorno5			{
	position: absolute;
	left: -50px;
	top: 145px;
	width: 74px; 
	height: 103px; 
	background-image: url("img/iconos/left_cor.png") !important;
	background-image: none; 
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/iconos/left_cor.png');
	background:right; 
	background-repeat:no-repeat;
	}
	
	#adorno6			{
	position: absolute;
	left: 0px;
	top: 125px;
	width: 880px; 
	height: 19px; 
	background-image: url("img/iconos/top_nie.png") !important;
	background-image: none; 
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/iconos/top_nie.png');
	background:right; 
	background-repeat:no-repeat;
	}
	
	#adorno7			{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 880px; 
	height: 125px; 
	background-image: url("img/iconos/cabeza.jpg") !important;
	background-image: none; 
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/iconos/cabeza.jpg');
	background:right; 
	background-repeat:no-repeat;
	}
	
	#fondo			{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-image: url("img/iconos/left_cor.png") !important;
	background-image: none; 
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/iconos/left_cor.png');
	background:right; 
	background-repeat:repeat;
	}
	
	#header .float-left a img	{ margin: 5px 0px 0px; }

	/*Logo*/
	h1							{ height: 130px; width: 400px; background: url(css/logo.gif) no-repeat white; float: left; }	
	/*Posicion y tamaño del menu*/
	ul#mainmenu										{ width: 880px; }
	ul#mainmenu li 									{ float: left; }
	ul#mainmenu li a								{ height: 40px; display: block; text-indent:-9999px; }		
	li#m_inicio a,	li#m_elcultural a,	li#m_academico a,
	li#m_aeusa a,	li#m_cultural a,	li#m_servicios a,
	li#m_biblioteca a								{ background: url(css/lay/mainmenu.png); }
				
		/*Items del menu(etados: normal, sobre, activado)*/
		li#m_inicio a 								{ width: 82px; background-position: 0 0; }
		li#m_elcultural a							{ width: 104px; background-position: -82px 0; }
		li#m_academico a							{ width: 147px; background-position: -186px 0; }
		li#m_aeusa a								{ width: 82px; background-position: -333px 0; }
		li#m_cultural a								{ width: 127px; background-position: -415px 0; }			
		li#m_servicios a							{ width: 167px; background-position: -542px 0; }
		li#m_biblioteca a							{ width: 171px; background-position: -709px 0; }
						
		li#m_inicio a:hover							{ background-position: 0 -40px }
		li#m_elcultural a:hover						{ background-position: -82px -40px }
		li#m_academico a:hover						{ background-position: -186px -40px }
		li#m_aeusa a:hover							{ background-position: -333px -40px }
		li#m_cultural a:hover						{ background-position: -415px -40px }
		li#m_servicios a:hover						{ background-position: -542px -40px }
		li#m_biblioteca a:hover						{ background-position: -709px -40px }
		
		li.ui-tabs-selected#m_inicio a				{ background-position: 0 -80px; cursor: default; }
		li.ui-tabs-selected#m_elcultural a			{ background-position: -82px -80px; cursor: default; }
		li.ui-tabs-selected#m_academico a			{ background-position: -186px -80px; cursor: default; }			
		li.ui-tabs-selected#m_aeusa a				{ background-position: -333px -80px; cursor: default; }
		li.ui-tabs-selected#m_cultural a			{ background-position: -415px -80px; cursor: default; }
		li.ui-tabs-selected#m_servicios a			{ background-position: -542px -80px; cursor: default; }
		li.ui-tabs-selected#m_biblioteca a			{ background-position: -709px -80px; cursor: default; }
			
		li.ui-tabs-selected#m_inicio a:hover		{ background-position: 0 -80px; cursor: default; }
		li.ui-tabs-selected#m_elcultural a:hover	{ background-position: -82px -80px; cursor: default; }
		li.ui-tabs-selected#m_elcultural a:hover	{ background-position: -82px -80px; cursor: default; }
		li.ui-tabs-selected#m_academico a:hover		{ background-position: -186px -80px; cursor: default; }
		li.ui-tabs-selected#m_aeusa a:hover			{ background-position: -333px -80px; cursor: default; }
		li.ui-tabs-selected#m_cultural a:hover		{ background-position: -415px -80px; cursor: default; }
		li.ui-tabs-selected#m_servicios a:hover		{ background-position: -542px -80px; cursor: default; }
		li.ui-tabs-selected#m_biblioteca a:hover	{ background-position: -709px -80px; cursor: default; }
		
		
		#mainmenu.inicio 		li#m_inicio a		{ background-position: 0 -80px; }
		#mainmenu.elcultural	li#m_elcultural a	{ background-position: -82px -80px; }
		#mainmenu.academico 	li#m_academico a	{ background-position: -186px -80px; }
		#mainmenu.aeusa 		li#m_aeusa a		{ background-position: -333px -80px; }
		#mainmenu.cultural 		li#m_cultural a		{ background-position: -415px -80px; }
		#mainmenu.servicios 	li#m_servicios a	{ background-position: -542px -80px; }
		#mainmenu.biblioteca	li#m_biblioteca a	{ background-position: -709px -80px; }
		/*
		body.inicio 	li#m_inicio a				{ background-position: 0 -80px; cursor: default; }
		body.elcultural li#m_elcultural a			{ background-position: -82px -80px; cursor: default; }
		body.academico 	li#m_academico a			{ background-position: -186px -80px; cursor: default; }			
		body.aeusa 		li#m_aeusa a				{ background-position: -333px -80px; cursor: default; }
		body.cultural 	li#m_cultural a				{ background-position: -415px -80px; cursor: default; }
		body.servicios 	li#m_servicios a			{ background-position: -542px -80px; cursor: default; }
		body.biblioteca li#m_biblioteca a			{ background-position: -709px -80px; cursor: default; }
			
		body.inicio 	li#m_inicio a:hover			{ background-position: 0 -80px; cursor: default; }
		body.elcultural li#m_elcultural a:hover		{ background-position: -82px -80px; cursor: default; }
		body.elcultural li#m_elcultural a:hover		{ background-position: -82px -80px; cursor: default; }
		body.academico 	li#m_academico a:hover		{ background-position: -186px -80px; cursor: default; }
		body.aeusa		li#m_aeusa a:hover			{ background-position: -333px -80px; cursor: default; }
		body.cultural 	li#m_cultural a:hover		{ background-position: -415px -80px; cursor: default; }
		body.servicios 	li#m_servicios a:hover		{ background-position: -542px -80px; cursor: default; }
		body.biblioteca li#m_biblioteca a:hover		{ background-position: -709px -80px; cursor: default; }
		*/
	
	.submenu										{ display: none; background: url(css/lay/submenubg.gif) repeat-x bottom #ECECEC; width: 100%;}
	.submenu ul.col1,
	.submenu ul.col2,
	.submenu ul.col3								{ float: left; width: 265px; }
	.submenu li 									{ text-transform: uppercase; font: bold 11px Arial; }
	.submenu li a									{ text-transform: none; font:  10px Verdana; }
	.submenu li a, 
	.submenu li a:link, 
	.submenu li a:active,
	.submenu li a:visited							{ display: block; background: url(css/lay/submenu_item_bg.gif) 0px 0px no-repeat; height: 21px; padding-left: 10px; font: normal 11px/18px Verdana, Arial; margin: 10px;}
	.submenu li a:hover								{ background: url(css/lay/submenu_item_bg.gif) 0px -21px no-repeat;  color: white; }


		
	/*Menu Auxiiar*/		
	#auxmenu					{ clear: both; height: 30px; background: url(css/lay/auxmenu_bg.gif); font: normal 11px/20px Verdana, Helvetica, sans-serif; }
	#auxmenu span				{ display: block; float: left; height: 22px; margin: 4px 0px 0px; } 
	#auxmenu .bg_ini			{ background: url(css/lay/auxmenu_path_bg_ini.gif); padding: 0px 6px 0px; margin-left: 3px }
	#auxmenu .bg_sep			{ background: url(css/lay/auxmenu_path_bg_sep.gif); width: 10px; text-indent: -999px; }
	#auxmenu .bg				{ background: url(css/lay/auxmenu_path_bg.gif); padding-left: 5px; padding-right: 5px; }
	#auxmenu .bg_fin			{ background: url(css/lay/auxmenu_path_bg_fin.gif) right; padding: 0px 20px 0px 5px; }
	
	#googlesearch				{ float: right; }
	#googlesearch .gtxt,
	#googlesearch .gbtn			{ margin: 0px; padding: 0px; height: 20px; vertical-align: middle; border: none;}
	#googlesearch .gtxt			{ margin-top: 3px; width: 185px; background: url(css/lay/search_gtxt.gif) white; padding: 3px 0px 0px 3px; height: 17px; }
	#googlesearch .gbtn			{ margin: 3px 4px 0px -5px; width: 56px; background: url(css/lay/search_gbtn.gif) #10488D; font: bold 11px Verdana, Arial; color: white; vertical-align: middle; cursor: pointer;}
	
	/*-------------------------------------------------------------------------------------------------------*/		
	/*BANNER PRINCIPAL y NOMBRE DE LA PAGINA ACTUAL(H2)*/ 
	/*-------------------------------------------------------------------------------------------------------*/	
	#mainbanner					{ height: 310px; width: 880px; margin-bottom: 12px; /*1display: none;*/}
	h2.h2_noticias				{ background: url(css/lay/h2_noticias.jpg) no-repeat; display: block; height: 90px; width: 630px; margin-bottom: 12px; text-indent: -999px; }
	h2.h2_elcultural			{ background: url(css/lay/h2_elcultural.jpg) no-repeat; display: block; height: 90px; width: 630px; margin-bottom: 12px; text-indent: -999px; }
	h2.h2_cultural			{ background: url(css/lay/h2_cultural.jpg) no-repeat; display: block; height: 90px; width: 630px; margin-bottom: 12px; text-indent: -999px; }
	h2.h2_academico				{ background: url(css/lay/h2_academico.jpg) no-repeat; display: block; height: 90px; width: 630px; margin-bottom: 12px; text-indent: -999px; }
	h2.h2_servicios				{ background: url(css/lay/h2_servicios.gif) no-repeat; display: block; height: 90px; width: 630px; margin-bottom: 12px; text-indent: -999px; }
	h2.h2_biblioteca			{ background: url(css/lay/h2_biblioteca.gif) no-repeat; display: block; height: 90px; width: 630px; margin-bottom: 12px; text-indent: -999px; }	
	h2.h2_aeusa					{ background: url(css/lay/h2_aeusa.gif) no-repeat; display: block; height: 90px; width: 630px; margin-bottom: 12px; text-indent: -999px; }	
	h2.h2_online				{ background: url(css/lay/h2_online.gif) no-repeat; display: block; height: 90px; width: 630px; margin-bottom: 12px; text-indent: -999px; }
	#mainbanner object			{ }
	
	/*-------------------------------------------------------------------------------------------------------*/	
	/*CONTENIDO DE LA PAGINA*/ 
	/*-------------------------------------------------------------------------------------------------------*/	
	.col						{ float: left; width: 430px; }
	.col.n1						{ margin: 0px 20px 0px 0px; }
	.bloque 					{ margin-bottom: 20px;}
	
	/*Estilo para pestañas en Jquery*/
	.tab											{ height: 45px; background: url(css/lay/bloque_top.gif) no-repeat red; }
	.tab li 										{ display: block; float: left; margin-top: 5px; }
	.tab li a										{ display: block; float: left; font: bold 14px Trebuchet MS, Arial; }
	.tab li a span									{ display: block; float: left; height: 40px; line-height: 40px; }
	/*Color y cursor Inactivo*/
	.tab li a:link span, 
	.tab li a:visited span							{ color: #666; cursor: pointer; }
	/*Color y cursor Activo*/
	.tab li.ui-tabs-selected a:link span, 
	.tab li.ui-tabs-selected a:visited span			{ color: #C81F1F; cursor: default; }
		/*Sistema de esprites, un mismo fondo para cada elmento*/
		.tab li a.tab_n1,
		.tab li a.tab_n2,
		.tab li a.tab_n1 span,
		.tab li a.tab_n2 span						{ background: url(css/lay/bloque_tabs_title_sprites.gif); }
		/*Pestañas no seleccionadas*/
		.tab li a.tab_n1							{ background-position: left -80px; margin-left: 6px; }
		.tab li a.tab_n1 span						{ background-position: right -80px; margin-left: 6px; padding: 0px 20px 0px 12px; }
		.tab li a.tab_n2							{ background-position: left -40px; }
		.tab li a.tab_n2 span						{ background-position: right -40px; margin-left: 8px; padding: 0px 20px 0px 12px; }
		/*Pestañas no seleccionadas(en Hover)*/
		.tab li a.tab_n1:hover						{ background-position: left -200px; }
		.tab li a.tab_n1:hover span					{ background-position: right -200px; color: #333; }
		.tab li a.tab_n2:hover						{ background-position: left -160px; }
		.tab li a.tab_n2:hover span					{ background-position: right -160px; color: #333; }
		/*Pestañas seleccionadads*/
		.tab li.ui-tabs-selected a.tab_n1 span		{ background: none; padding: 0px 16px 0px 16px; }
		.tab li.ui-tabs-selected a.tab_n2 span		{ background: none; padding: 0px 24px 0px 8px; }				
		/*Pestañas seleccionadads(en Hover - Requerido para IE6)*/
		.tab li.ui-tabs-selected a.tab_n1, 
		.tab li.ui-tabs-selected a.tab_n1:hover		{ background-position: left top; }
		.tab li.ui-tabs-selected a.tab_n2, 
		.tab li.ui-tabs-selected a.tab_n2:hover		{ background-position: right -120px; }
			
		/*Contenido de las pestañas*/
		.tab_content						{ background: url(css/lay/bloque_bg.gif) bottom white; width: 430px; padding-bottom: 20px; }
		.tab_content hr						{ border-bottom: 1px solid #CCC; }				
	
	#content .tab_content a.divhover, #content  .tab_content form,	#content .tab_content div,
	.tab_content p							{ display: block; color: #444; margin: 0px 1px 0px; padding: 15px 20px 15px; border-top: 1px solid #CCC; clear: both;}
	.tab_content img.bloque_img_left		{ float: left; margin: 0px 10px 5px 0px; }

	.tab_content a.divhover.firstchild, .tab_content form.firstchild, .tab_content div.firstchild,
	.tab_content p.firstchild				{ border-top: none; }
	
	#tab_ultimas_noticias a img				{ padding: 4px; border: 1px solid #CCC; float: left; margin: 0px 10px 5px 0px; background: white; }
	#tab_ultimas_noticias a span			{ color: #555; font: normal 11px Arial, Helvetica; margin-right: 5px; text-transform: uppercase; }
	#tab_ultimas_noticias a small			{ font: normal 12px/16px Arial; margin-top: 2px; display: block; }
	#tab_ultimas_noticias a strong			{ font: bold 12px Arial; color: #333; }
	
	#tab_ultimas_noticias a:hover 			{ background: #f8f8f8;}
	#tab_ultimas_noticias a:hover img		{ border: 2px solid #ccc; padding: 3px; }
	#tab_ultimas_noticias a:hover span		{ color: #DB1E1E; }
	#tab_ultimas_noticias a:hover strong	{ color: #DB1E1E; }
	
	.minibanner									{ width: 210px; float: left; }
	.minibanner.mb_n1	 						{ margin-right: 10px; margin-bottom: 15px; }

	.minibanner img								{ }
	.minibanner a								{ display: block; height: 100%; background:url(css/lay/minibanners_bg.gif) left bottom no-repeat; padding-bottom: 15px; }
	.minibanner a img							{ margin: 0px; padding: 0px; }
	.minibanner a span							{ display: block; color: #333; text-transform: uppercase; font: bold 10px Arial; margin-left: 10px; margin-top: 10px;}
	.minibanner a span strong					{ display: block; color: #1254A3; font-size: 14px;}
	.minibanner a span.boton 					{ margin-top: 10px; margin-bottom: 0px; height: 20px; background: url(css/lay/minibanner_btns.gif) no-repeat; line-height: 20px; padding-left: 5px; cursor: pointer;}
	.minibanner a:hover span.boton 				{ color: #FFFFFF; }
	
	.minibanner a span.boton.biblioteca			{ background-position: -0px -0px; }
	.minibanner a span.boton.galeria			{ background-position: -0px -40px; }
	.minibanner a span.boton.laboratorio		{ background-position: -0px -80px; }
	.minibanner a span.boton.revista			{ background-position: -0px -120px; }
	
	.minibanner a:hover span.boton.biblioteca	{ background-position: -0px -20px; }
	.minibanner a:hover span.boton.galeria		{ background-position: -0px -60px; }
	.minibanner a:hover span.boton.laboratorio	{ background-position: -0px -100px; }
	.minibanner a:hover span.boton.revista		{ background-position: -0px -140px; }
	

	form#consultanotas	{ height: 30px; }
	.tab_content form#consultanotas	.input_text	{ width: 280px; height: 18px; margin: 0px; padding-top: -10px; }
	body.nobg form#consultanotas .submit,
	.tab_content form#consultanotas .submit		{ width: 90px; height: 24px;  border: none; background: url(css/lay/btn_buscar.gif); 
												  font: bold 12px Arial; color: #FFF; padding: 0px 0px 5px 15px; cursor: pointer; }
	.tab_content form#consultanotas input.submit:hover	{ background: url(css/lay/btn_buscar.gif) -0px -24px; }
	
	#footer										{ clear: both; margin-top: 50px; }
	#footer .bloque								{ background: #FFFFFF; }
	#footer .bloque .tab						{ background: url(css/lay/footer_bg.jpg) right; }
	#footer .bloque .tab_content				{ background: none; width: 878px; border: 1px solid #CCC; border-width: 0px 1px 0px; height: 260px;   }
		.col1,
		.col2,
		.col3									{ display: block; float: left; width: 260px; margin: 10px; }
	#footer .tab_content li 					{ font: bold 12px/20px Arial, Verdana; color: #1254A3; }
	#footer .tab_content li li 					{ display: block; border-left: 1px solid #666; margin-left: 10px; padding-left: 0px; }
	#footer .tab_content li li,
	#footer .tab_content li li a,
	#footer .tab_content li li a:active,
	#footer .tab_content li li a:visited		{ font: 10px/20px Verdana, Arial; color: #666; }
	#footer .tab_content li li a:hover			{ color: #1254A3; }
	#footer .tab li a.tab_n1,
	#footer .tab li a.tab_n2,
	#footer .tab li a.tab_n1 span,
	#footer .tab li a.tab_n2 span 				{ background: url(css/lay/blue_tabs_title_sprites.gif); }
	#footer .tab li a.tab_n1.unico span			{ background-position: right -120px; margin-left: 6px; padding: 0px 20px 0px 12px; }	
	#footer .tab li a.tab_n1 span,
	#footer .tab li a.tab_n1:hover span			{ color: #125394; }
	
	.endbar										{ background: url(css/lay/endbar.gif) no-repeat; height: 90px; color: white; font: bold 10px/40px Arial; margin-top: -20px; padding-left: 10px; padding-top: 10px; }
	
	.endbar										{ background-position: center top; }
	
	.endbar span								{ margin-top: 20px; width: 870px; }
	
	/*-------------------------------Design By---------------------------------------*/
	
	.endbar	a{
		float:right;
		margin-top: 10px;
		padding-right:30px;		
		background: url(css/lay/bgLinkDevelop.jpg) right top no-repeat;
		width:100px;
		height:40px;
		color:#333;
		display: block;		
	}
	
	.endbar	 a:hover{		
		background: url(css/lay/bgLinkDevelop.jpg) right -84px no-repeat;
		color:#999;
	}
	
		.endbar .clsHide{
			text-indent:-9999px;
		}
		
	/*----------------------------------------------------------------------*/
	
	
	body.elcultural #content,					
	body.academico #content,					
	body.servicios #content,					
	body.biblioteca #content					{ background: url(css/lay/content_bgbottom.gif) bottom repeat-y white; margin-bottom: 00px; padding-bottom: 60px; }
	
	div.fin_bloquecontenido						{ height: 30px; background: url(css/lay/content_bottom.gif) -2px -0px red;  }
	
	.indice										{ width: 251px; float: right; margin-left: -20px; font: normal 11px/30px Verdana, Helvetica; }
	.indice	ul 									{ padding: 0px 0px 0px 0px; border-width: 0px; }
	.indice li a 								{ display: block; height: 30px; padding-left: 20px; border-bottom: 1px solid #E1E1E1; line-height: 30px; }
	.indice	li span								{ display: block; height: 30px; padding-left: 10px; border-bottom: 1px solid #E1E1E1; line-height: 30px; }
	.indice	li span								{ text-transform: uppercase; font: bold 11px/30px Arial, Helvetica;  }
	.indice	li ul 								{ border: none; margin-left: 0px; padding: 0px; }
	.indice	li a:hover							{ }
	.indice li a:hover							{ background: url(css/lay/indice_hoverbg.gif) repeat-y ; }
	.indice li.activo a:hover					{ background: url(css/lay/indice_activobg.gif) repeat-y ; cursor: default; }
	.indice li.activo 							{ background: url(css/lay/indice_activobg.gif) repeat-y ; cursor: default; }
	.indice .fin_indice							{ display: none}	
	
	
	
	.bloque_contenido							{ width: 610px; float: left}
	.bloque_contenido .contenedor_texto			{ margin-top: 10px; padding: 10px 20px 0px;/* border: 1px solid #C9CDCF; border-width: 0px 1px 0px; */}
	.bloque_contenido .fin_bloquecontenido		{ background: url(css/lay/contenido_bottom.gif) no-repeat bottom; height: 20px; display: none;  }	
	
	.contenedor_texto 							{ color: #666; }
	.contenedor_texto h3						{ display: block; font: bold 20px/40px Arial, Helvetica; color: #666; margin-bottom: 10px; }
	.contenedor_texto h4						{ display: block; font: bold 14px/20px Arial, Helvetica; color: #1454A5; margin-left: 10px; }
	.contenedor_texto p							{ font: normal 12px/23px sans-serif, Arial, Helvetica; margin: 5px 0px 20px 10px; }
	.contenedor_texto div.coln1					{ width: 270px; float: left; }
	.contenedor_texto div.coln2					{ width: 270px; }
	
	.contenedor_texto form						{ margin-left: 20px; display: block; }
	.contenedor_texto label						{ width: 270px; display: block; margin-top: 10px; font-weight: bold; }
	.contenedor_texto input						{ clear: right; height: 18px; width: 250px;  }
	.contenedor_texto select					{ width: 250px;}
	.contenedor_texto select option.odd			{ background: #fff; }
	.contenedor_texto select option.even		{ background: #F2F2F2; }
	.contenedor_texto select textarea			{ border: 1px solid #CCCCCC; height: 50px; }
	
	ul.ultimas_noticias li,
	ul.estructura_org li						{ display: block; width: 262px; float: left; padding: 5px; margin: 5px; border: 1px solid #DDDDDD; background: #F9F9F9; }
	ul.ultimas_noticias li						{ display: block; width: 570px; float: left; padding: 5px; margin: 5px; border: 1px solid #DDDDDD; background: #F9F9F9; }
	
	ul.ultimas_noticias img,
	ul.estructura_org img						{ border: 1px solid #CCCCCC; margin: 5px; padding: 5px; float: left; background: white;}
	ul.ultimas_noticias strong,
	ul.estructura_org strong					{ margin: 10px 0px 0px; color: #1454A5; }
	ul.ultimas_noticias span,
	ul.estructura_org span						{ color: #555; font: normal 11px Arial, Helvetica; margin-right: 5px; text-transform: uppercase; }
	ul.ultimas_noticias strong					{ color: #555; }
	
	
	table										{margin: 0 auto; border-collapse: collapse; margin: 10px; margin-bottom: 20px; font: normal 11px Verdana, Arial; text-align: left;}
	table thead									{height: 50px; color: #1454A5; font-weight: bold; background: url(css/lay/table_default.gif)}
	td, th										{border: 1px solid #BCD5E2; height: 30px; text-align: center; vertical-align: middle;}
	tr.odd										{background: #FFFFFF;}
	tr.even										{background: #F8FDFF;}
	tr.odd .firstColumn							{background: #F8FDFF; text-align: left; /*font-weight: bold;*/ color: #444 }
	tr.even .firstColumn						{background: #EBFAFF; text-align: left; /*font-weight: bold;*/ color: #444}
	tr.odd .firstRow							{background: #F8FDFF; font-weight: bold; color: #444}
	tr.even .firstRow							{background: #EBFAFF; font-weight: bold; color: #444}
	.firstColumn								{text-align: left; padding-left: 20px; color: #134F97;}
	
	.table_verano thead tr						{background: url(css/lay/table_verano.gif); color: #FF0000; border: 1px solid red; display: block;}
	.table_invierno thead tr					{background: url(css/lay/table_invierno.gif); color: #FF0000; border: 1px solid red; display: block;}
	
	ul.dt strong								{ width: 150px; display: block; float: left; height: 16px; text-align: right; margin-right: 10px;}
	ul.listanumerada 	 						{ margin-left: 20px; margin-top: 20px;  }
	ul.listanumerada li 						{ display: block; width: 240px; float: left; border: 1px solid #E2E2E2; height: 220px; margin: 6px; background: #F9F9F9; padding: 10px; }
	ul.listanumerada li span					{ display: block; font: bold 15px Trebuchet MS, Arial, Helvetica, sans-serif; margin: 10px 0px 10px; /*color: #134F97*/ }
	ul.listanumerada li ul li					{ display: inline; height: auto; width: 210px; border: none; padding: 0px; list-style: armenian outside; padding-left: 10px;  }
/*	ul.listanumerada li.odd						{ background: #F9F9F9 }
	ul.listanumerada li.even					{ background: #FFF }*/
	ul.lista									{ list-style: circle; }
	ul.lista a:hover							{ text-decoration: underline; }
	
	span.txtblue								{ border-bottom: 1px solid #ccc; color: #1254A3; }
	table.notas td								{ text-align: left; padding-left: 30px; line-height: 20px; }
	table.notas_2 td							{ text-align: left; line-height: 20px; text-align: center; }
	table.notas td.firstColumn					{ font-weight: normal; text-align: center; padding: 0px; }
	table.notas td.red							{ color: red;}
	table.notas_2 tr.actual td,					
	table.notas tr.actual td					{ background: #FFFFCC;}
	a.btn_regresar								{ margin-left: 10px; }
	div.form_container							{ background: url(css/lay/form_container_bg.gif) no-repeat 0px 0px ; font-weight: bold; padding-left: 10px; margin-bottom: 10px; height: 30PX; padding-top: 2px; }
	div.form_container select					{ width: 120px; margin-right: 56px; }
	div.form_container span						{ }
	div.form_container img						{ margin-bottom: -5px;}
	.enviarcontacto								{ display: block; height: 30px; line-height: 30px; border: 1px solid #CCCCCC; margin: 10px 0px 0px; background: #FFFFCC; }

	.listacomun									{ list-style: outside circle; margin-left: 60px;}
	.listacomun li								{ margin-bottom: 10px;}
	
	 #cse-search-results						{ overflow: hidden; width: 600px; margin-top: -20px; }
	 
	 #listaedu { text-align:left; list-style:decimal; list-style-type:decimal; margin-left:30px; }
	 #listaempre { text-align:left; list-style:decimal; list-style-type:decimal; margin-left:30px; }
	 #listadanza { text-align:left; list-style:circle; list-style-type:circle; margin-left:30px; }
	 
	 .celdaGris {background-color:#A49D9D; color:#FFF;}
	 .celdaAmarilla {background-color:#F9FC78;}
	 .celdaRosada {background-color:#FCF;}
	 .celdaVerde {background-color:#BEFDAC;}
	 .celdaAzul {background-color:#D2D2FF;}
	 .celdaCeleste {background-color:#E0F3F1;}