@charset "utf-8";

/*-------->>> 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 Meyers 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; overflow-x: hidden; }
	
	/*Cabeceras */
	h1, h2, h3, h4, h5, h6 		{ font-family: Arial, sans-serif; font-weight: bold;}
			
	/*Formato comun*/ 
	p, ul, ol 				{ line-height:18px; list-style:none; margin-bottom: 20px; }
	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; border-bottom: 1px solid #E5E5E5; background: none; clear: both; margin: 8px 0px 6px; }
		
	/*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; height: 30px; }
	.clear-left				{ clear:left; }
	.clear-right			{ clear:right; }
	
	.float-left				{ float:left; }
	.float-right			{ float:right; }
	img.float-right			{ float:right; margin-left: 12px; }
	
	.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; }
	.img-right				{ float: right; margin:0px 0px 5px 10px; }
	.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; }	

/*-------->>> GLOBAL A MEDIDA <<<--------*/
/*////////////////////////////////////////////////////////////////////*/ 
	/*Formato*/
	html							{ }
	body							{ color: #444; font: normal 12px/20px Arial, sans-serif; }

	a:link, a:visited					{ color: #0065A8; }
	a:active						{ color: #0073BF; }
	a:hover						{ text-decoration: underline; }
	p, li 						{ line-height: 22px; }
	#cuerpo li 						{ list-style: disc; margin-left: 20px; padding-left: 0px; }
	
	h1, h2, h3, h4, h5, h6				{ color: #444 }
	h1							{ font: bold 18px/22px "Trebuchet MS"; margin: 15px 0px 12px; word-spacing: 2px; }
	/*h1 span						{ border: 1px solid red; font: bold 11/16px Arial; margin: 0px; display: block; }*/
	
	h2							{ font: bold 16px/22px Arial; margin: 15px 0px 12px; margin-bottom: -0px; }
	.destacado h2					{ font: bold 16px/22px Arial; margin: 0px 0px 12px; margin-bottom: -0px; }
	#banner.doble					{ padding-bottom: 40px; }
	#banner h2						{ font: bold 20px/22px Arial; margin: -15px 0px 35px 7px; color: #FFF; position: relative; top: -20px; }
	h3							{ font: bold 16px/22px "Trebuchet MS"; margin: 15px 0px 12px; border-bottom: 5px solid #E5E5E5;}
	h4							{ font: bold 14px/22px "Trebuchet MS"; margin: 0px 0px 6px; color: #0065A8; }
	h5							{ font: bold 10px/15px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #0065A8; }
	
	#banner h1						{ color: #FFF; font: bold 30px/80px Arial, "Trebuchet MS"; margin: 0px 5px 0px; word-spacing: 2px; }
	
	input[type=text] 					{ height: 17px; background: url(css/input_text_bg.gif) no-repeat; border: 1px solid #B7B7B7; padding: 3px; padding-left: 5px; margin-bottom: 10px; color: #666; }
	input[type=submit] 				{ height: 24px; width: 90px; background: url(css/input_btn_bg.gif) no-repeat; border: none; color: #FFF; font: normal 11px/25px Verdana, Geneva, sans-serif; padding-bottom: 3px; cursor: pointer; float: right;  }
	input[type=submit]:hover			{ background-position: 0px -24px; }
	
	.bloque.boletin input[type=text] 		{ width: 290px; }
	
	.bloque.boletin label		{ font: normal 11px/14px Verdana, Geneva, sans-serif; color: #666; float: left; width: 200px; text-align: right; margin-top: -3px;}
	
/*-------->>> Layout <<<--------*/
/*////////////////////////////////////////////////////////////////////*/ 

	.wrap							{ width: 980px; margin: 0 auto; }
	body.page_inicio #cabecera			{ background: #2A2A2A repeat-x 40% 80px; height: 80px;}
	body.page_cursos #cabecera			{ background: url(css/cabecera_banner_bg.jpg) #2A2A2A repeat-x 40% 80px;}	
	body.page_cursos #cabecera.compukids	{ background: url(img/cursos/compukids/bg.gif) #2A2A2A repeat-x 40% 80px;}	
	
	#banner						{ position: relative; display: z-index: 1; text-align: center; clear: both; }		
	body.page_inicio #banner			{ height: 280px;  position: relative; display: z-index: 1; text-align: center; clear: both; }		
	#banner .botonera					{ display: block; position: relative; z-index: 600; height: 30px; top: 249px; left: 50px; 
								  background: none; width: 450px; margin: 0 auto; overflow: hidden;}
	#banner a.btn_back,
	#banner a.btn_next				{ position: relative; z-index: 100; display: block; width: 30px; height:30px; 
								  float: left; margin-right: 1px; text-indent: -9999px; background: url(css/banner_btns.png) no-repeat #E79600 }
								  
	#banner a.btn_back:hover			{ background-color: #FFC02F; background-position: right top;}
	#banner a.btn_next:hover			{ background-color: #FFC02F; background-position: right bottom;}
	
	
	body.page_nosotros #cabecera			{ background: url(css/cabecera_banner_bg.jpg) #2A2A2A repeat-x 40% 80px;}
	body.page_nosotros #banner			{ text-align: left; position:relative; height:280px; margin: 0 auto; width: 100%; height: 80px;  }

	#banner a.btn_next				{ background-position: left bottom;}
	/*body.page_cursos #banner			{ height: 80px; text-align: left; }	*/
	body.page_cursos #cabecera.compukids #banner { height: 140px; text-align: left; }
	body.page_cursos #banner			{ height: 80px; text-align: left; }	
	#cabecera.compukids				{ }
	/*body.page_cursos div.compukids #banner	{ height: 140px; text-align: left; background-image: none; background-color: #FFA200; }*/
	#cuerpo						{  }	
	#piepagina						{ border-bottom: 5px solid #444444; clear: both; color: #999; margin-top: 30px; padding-bottom: 5px; }	

	/*Logo*/
	#logo							{ height: 80px; width: 190px; background: url(css/cabecera_logo.gif) no-repeat white; float: left; text-indent:-999px; }

	/*Posicion y tamaño del menu*/	
	ul#menu 						{ float: right; padding-top: 52px; margin-right: 35px; z-index: 9; position: relative; margin-bottom: 0px }	
	ul#menu li 						{ float: left; list-style: none; margin: 0px; padding: px; }
	ul#menu li a					{ height: 23px; padding: 5px 20px 0px; text-align: center; display: block; }
	li.m_inicio a, li.m_cursos a,
	li.m_nosotros a					{ color: #FFF; background: url(css/cabecera_menu_bg.gif); }
				
		li.m_inicio a 				{ background-position: top left; }
		li.m_cursos a				{ background-position: top center; }
		li.m_nosotros a				{ background-position: top right; }
						
		li.m_inicio a:hover			{ background-position: bottom left; color: #0065A8; text-decoration: none; }
		li.m_cursos a:hover			{ background-position: bottom center; color: #0065A8; text-decoration: none; }
		li.m_nosotros a:hover			{ background-position: bottom right; color: #0065A8; text-decoration: none; }
		
		body.page_inicio		li.m_inicio a		{ color: #666; background-position: 0 -28px; cursor: default; }
		body.page_cursos		li.m_cursos a		{ color: #666; background-position: -20px -28px; }
		body.page_cursos		li.m_cursos a:hover	{ color: #666; background-position: -20px -28px; cursor: default; }
		body.page_nosotros	li.m_nosotros a		{ color: #666; background-position: 0 -28px; cursor: default; }

	
	.shadow-one						{ position: absolute; padding-top: 60px; padding-left: 100px; }
	.corner-a						{ position: absolute; right: 0; top: 0; width: 100px; height: 60px; background: url(css/shadow.png) right top no-repeat; }
	.corner-b						{ position: absolute; left: 0; bottom: 0; width: 100px; height: 60px; background: url(css/shadow.png) left bottom no-repeat; }
	.shadow-two						{ background: url(css/shadow.png) right bottom; }
	.shadow-three					{ position: relative; left: -100px; top: -60px; background: url(css/shadow.png) left top no-repeat; }
	.shadow-four					{ position: relative; left: 50px; top: 10px; background: white; }
			
	.sombra						{ position: relative; top: 70px; right: -637px; z-index: 20; background: white; }
	ul.submenu						{ margin: 0px; background: white; overflow: hidden; }
	ul.submenu li					{ border-bottom: 1px dashed #CCCCCC; }
	ul.submenu li a					{ display: block; height: 100%; width: 100%; padding: 10px 20px 10px 20px; }
	ul.submenu li.last				{ border: none; }
	
	.colum						{ padding: 0px 10px 0px; float: left;}
	.colum_center					{ padding: 0px 10px 0px; float: left; margin: 0px 20% 0px;}
	.colum_last						{ background: url(css/submenu_bg.gif) top left no-repeat; height: 400px; padding: 0px 10px 0px; float: left; padding-left: 20px;}

	.subcolum						{ padding: 0px; float: left; }
	.subcolum_last					{ padding: 0px; float: left; padding-left: 20px;}
	.w220							{ width: 220px; }
	.w320							{ width: 300px; }
	.destacado						{ width: 291px; padding: 18px 15px 0px 15px;  background: url(css/bloque_destacado_bg.png) no-repeat; margin-top: -20px; /*position: absolute;*/ z-index: 10; position: relative; }
	.destacado_250					{ width: 220px; padding: 18px 15px 0px 15px;  background: url(css/bloque_destacado_250_bg.png) no-repeat; margin-top: -20px; /*position: absolute;*/ z-index: 10; position: relative; }
	body.page_inicio .destacado			{ margin-top: -50px; }
	
	a.h4_tab						{ display: block; background: url(css/bloque_h3_tab.gif) no-repeat; width: 85px; height: 20px; float: right; margin-top: -35px; text-align: center; color: #444; font: normal 11px/20px Verdana, Geneva, sans-serif; }
	a.h4_tab:hover					{ color: #005992; text-decoration: none; background-position: 0px -20px; }
	
	.bloque a.item strong				{ display: block; line-height: 18px; font-weight: normal; }
	.bloque a.item em					{ color:#666; font: normal 11px/18px Verdana; display: block; }
	
	.bloque a:hover					{ text-decoration: none; }
	.bloque a.item:hover strong			{ text-decoration: underline; }
	.bloque a.item:hover em				{ }
	/*.noticias .date					{ color: #666666; font-family: Verdana; font-size: 10px; }*/
	
	div.bloque						{ margin: 20px 0px 40px; }
	
	.w220							{ width: 220px; }
	.w300							{ width: 300px; }
	.w340							{ width: 340px; }
	.w380							{ width: 380px; }
	.w460							{ width: 460px; }
	.w580							{ width: 580px; }
	.w620							{ width: 620px; }
	.w700							{ width: 700px; }
	.w950							{ width: 950px; }
	
	.colum p						{ margin-bottom: 15px;}
	
	p.datos_importantes 				{ background: url(css/bg_lineas.gif) repeat-y; }
	p.datos_importantes span			{ display: block; margin-left: 120px; }
	p.datos_importantes span strong		{ display: block; float: left; color: #0065A8; width: 110px; margin-left: -120px; text-align: right; }
	
	p.datos_importantes_left			{ background: url(css/bg_lineas.gif) repeat-y; }
	p.datos_importantes_left span			{ display: block; margin-left: 120px; }
	p.datos_importantes_left span strong	{ display: block; float: left; width: 110px; margin-left: -120px; text-align: right }
	
	/*table						{ border: 1px solid green; }*/
	/*table thead th					{ border: 1px solid red; border-left: none; }*/
	
	h2.smart						{ color: #FF6600; }	
	table tbody th					{ text-align: left; }
	table tbody th.center				{ text-align: center; }
	table#smart tbody th				{ color: #FF6600; }
	
	h2.junior						{ color: #D20000; }	
	table#junior tbody th				{ color: #D20000; }
	
	h2.creative						{ color: #093; }	
	table#creative tbody th				{ color: #093; }
	
	h2.master						{ color: #B36C26; }	
	table#master tbody th				{ color: #B36C26; }	
	
	table 						{ margin: 0px 0px 40px; margin: 0 auto; margin-bottom: 30px; }
	table caption					{ font: bold 16px/22px "Trebuchet MS"; margin: 15px 0px 12px; }
	table td						{ font: normal 11px/15px Verdana; }
	
	table thead th					{ border: 1px solid #D0E2E8; background: #EDF8FC; border-left: none; height: 30px; }
	table td						{ border: 1px solid #E6E6E6; border-top: none; border-left: none; }
	
	table th.col1					{ border: 1px solid #D0E2E8; }
	table tbody th.col1				{ border: 1px solid #D0E2E8; border-top: none; }
	table td.col1					{ border: 1px solid #E6E6E6; border-top: none; }
	table td.division					{ border: 1px solid #E6E6E6; border-top: none; height: 3px; background: #E6E6E6; line-height: 3px; padding: 0px; }
	
	
	table th.curso					{ border: 1px solid #D0E2E8; }	
	table td.curso					{ border: 1px solid #E6E6E6; border-top: none; }
	
	table th.col1					{ border: 1px solid #D0E2E8; }
	table td.col1					{ border-left: 1px solid #D0E2E8; }
	
	table th.numero					{ text-align: center }						
	table td.numero					{ text-align: center }						
	
	
	
	table td.curso					{ font-size: 10px; width: 200px; }
	table td.docente					{ font-size: 10px; width: 140px; }
	
	table td.fecha					{ width: 95px; }
	table td.horario					{ width: 140px; }
	
	
	table th, table tr td				{ vertical-align: middle; line-height: 15px; padding: 10px 10px 10px; }
	
/* GRIDVIEW */	
    tr.even td { background: #FFF; }
    tr.odd td  { background: #F8F8F8; }
	
	
























	
	
	tr.end					{ /*background: #EDF8FC;*/  }
	
	#piepagina .wrap span				{ margin: 5px 10px 5px; font: 11px/10px Verdana, Geneva, sans-serif; color: #444}
	
	ul.vinietas 				{ margin: 0px; padding: 0px; margin-bottom: 15px;}
	ul.vinietas li 				{ list-style: outside url(css/list_1.gif); margin-left: 20px; padding: 0px; line-height: 21px; margin-bottom: 0px; }
	ul.vinietas ul li 			{ list-style: none; margin-left: 20px; padding: 0px; line-height: 18px; margin-bottom: 0px;}
	ul.vinietas ul 				{ padding: 0px; margin: 0px; }
	ul.vinietas li p				{ margin-bottom: 10px;  }
	/*ul.vinietas li 					{ list-style: outside url(css/list_1.gif); margin-left: 20px; padding: 0px; line-height: 18px; margin-bottom: 10px;  }*/
	
	.nobullet				{ list-style: none; list-style-image: none; }
	.nobullet li			{ list-style: none; list-style-image: none; }
	
	a.back_top				{ display: block; float: right; position: relative; top: 14px; }
	a.back_top_2			{ display: block; float: right; position: relative; top: 14px; }
	
	form.inscripcion input		{ width: 90%; }
	form.inscripcion select		{ height: 20px; width: 90%; border: 1px solid #999; padding: 0px; margin-bottom: 10px; margin-top: 4px;}
	form.inscripcion select option{ line-height: 25px;}
	.red					{ color: red;}
	form.inscripcion input[type=submit]
						{ width: 90px; float: left; margin-top: 5px; }
	.sinestilo{background-color:White; font-size:6pt; margin:0 0 0 0; text-decoration: none;}
	
	.normal { background-color:white;  }
    .highlight {background-color:#ECEDF0; }