@charset "utf-8";
/* CSS Document */
/*RESET*/	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,sub,tt,var,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-weight:inherit;	font-style:inherit;	font-size:100%;	font-family:inherit; vertical-align:baseline;}
/* remember to define focus styles! */:focus {outline:0;}
body {color:black; background:white;}
ol,ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse:separate; border-spacing:0;}
caption,th,td { text-align:left; font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after {content:"";}
blockquote,q {quotes: "" "";}
a:link, a:visited {text-decoration: underline;}
a:hover, a:active {text-decoration: none;;}
/*END RESET*/

/*Labels*/
	body{ background:#7bddfd url(../images/bg-body.jpg) repeat-x top left; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:11px;}
	h2.generic{ color:#FFF; background: #066dab; font-size:18px; text-transform:uppercase; padding:5px 0 5px 25px; font-weight:normal;}


	
	/*Structure*/	
	#wrapper{ background:url(../images/bg-wrapper.jpg) repeat-y; margin:0 auto; width:800px; padding:0 10px;}
	#wrapper-bottom{ background:url(../images/bg-wrapper-bottom.jpg) no-repeat; height:15px; margin:0 auto; width:800px; padding:0 10px;}
		#header{ padding:21px 12px; height:45px;}
		#header h1{ width:435px; float:left;}
		#header .data-header{ width:341px; float:left; text-align:right;}
				.data-header span{ display:block; font-family:Tahoma, Geneva, sans-serif; line-height:15px;}
				.data-header span.blue{ color:#23b2de; font-weight:bold;}
		#content{ clear:both; background:url(../images/bg-content.jpg) repeat-y top right; padding-bottom:20px;}
			#content-left{ float:left;  width:150px;}
		
			#content-center{ width:470px; float:left;}
			#content-right{ width:180px; float:right; border-top:1px solid #e7e7e7;}
		#footer{ margin:0 auto; text-align:center; width:800px; padding:0 10px; line-height:18px;}
		
			/*left*/
			
					ul.menu{ width:150px;}
			
					ul.menu li.links{background:url(../images/bg-divider.gif) no-repeat left bottom;}
					ul.menu li.links a{font-family:Tahoma, Geneva, sans-serif; color:#FFF; height:18px;  padding:12px 0 12px 5px;  display:block; text-decoration:none; }
					ul.menu li.links a:hover{ text-decoration:none; background:url(../images/link-over.jpg) no-repeat; height:18px; padding:12px 0 12px 5px; width:145px;}
			
			/*Center*/
				/*Flash*/				
				#content-center #bg-flash{ background:url(../images/bg-flash.jpg) no-repeat; height:185px;}
				
				/*Novedades*/
				#content-center .novedades{ padding:20px 0 20px 0; border-bottom:1px solid #ccc; margin:0 25px;}
				#content-center .novedades h3.destacado{ font-size:12px; text-transform:uppercase; font-weight:bold; color:#333; display:block; margin-bottom:10px;}
				#content-center p{ line-height:18px;}
				#content-center .novedades a.ver-mas{ background:url(../images/btn-ver-mas.gif) no-repeat; height:10px; text-indent:-9999px; display:block;position:relative; left:355px; top:10px; width:65px;}
				#content-center .novedades a:hover.ver-mas{ background-position:0 -10px;}
				
				/*Funcionalidad imagen*/
				.highslide {outline: none; text-decoration: none; float:right;	margin: 0 0 5px 8px;}
				.highslide img {border: 1px solid silver;}
				.highslide:hover img {border-color: gray;}
				.highslide-active-anchor img {visibility: hidden;}
				
				/*CURSOS*/
				.cursos{ margin: 15px 20px 5px 20px; display:block;}
				.cursos p.encabezado{ font-size:12px; display:block; margin-bottom:15px;}
				.cursos h2.tipos-capacitacion{ font-size:12px; color:#23b2de; text-decoration:underline; text-transform:uppercase; font-weight:bold;}
				ul.capacitaciones{ padding-top:10px;}
					ul.capacitaciones li{ background: url(../images/miscelanes.gif) no-repeat scroll 0 5px; line-height:18px; margin-bottom:5px; padding-left:10px;}
					h3.agenda-cursos{ display:block; text-indent:-9999px; background:url(../images/h3-agenda.gif) no-repeat; height:48px;}
					/*ACORDEON*/
					#basic-accordian{clear:both;}
					.accordion_headings{padding:7px 0 7px 35px;	background:#c8ecf7 url("../images/acordeon/misc-cerrada.gif") no-repeat scroll 20px 9px; color:#066caa; border-bottom:1px solid #86b6d5;cursor:pointer;	font-weight:bold; font-size:12px; text-transform:uppercase;	color:#2480b6;}
			
					
					.accordion_child{padding:15px; background:#FFF; display:block;}							
					.header_highlight{background:#066caa  url("../images/acordeon/misc-abierta.gif") no-repeat  scroll 20px 9px!important; color:#FFF;}
					.accordion_headings:hover{background:#066caa  url("../images/acordeon/misc-abierta.gif") no-repeat  scroll 20px 9px!important; color:#FFF;}
					span.fuerte{ font-weight:bold; text-decoration:underline;}
					div.curso-one{border-bottom:1px dashed #ccc; line-height:21px; font-size:11px; padding-left:10px;}
					span.date{ margin-right:15px;}
					li.inscripcion{ text-align:right; padding:0 10px 10px 0;}
					a.ver-inscrpcion{ color:#066caa; font-weight:bold;}
					a:hover.ver-inscrpcion{ text-decoration:none;}
					
		
		/*Right*/
		#content-right .banner-pedidos{ border-bottom:1px solid #e7e7e7; padding:20px 13px; background:url(../images/carrito.gif) no-repeat scroll 40px 70px; }
					.banner-pedidos h4.pedidos-online{ display:block; text-indent:-9999px; background:url(../images/h4-pedidos.gif) no-repeat; height:30px;}
					.banner-pedidos a.conoce{ display:block; text-indent:-9999px; margin-top:127px; margin-bottom:10px; background:url(../images/btn-conoce.gif) no-repeat; height:39px;}
					.banner-pedidos a:hover.conoce{ background-position:0 -39px;}
					
			#content-right .banners{ padding:22px;}
			#content-right .banners img{ margin-bottom:22px; border:1px solid #c0c0c0;}



.separetor{ clear:both;}