/* General ------------------------------------------------- */
* {padding: 0;margin: 0; border:0;}
body {margin: 0; padding: 0; background-color: #004; color: #000; font-family:arial, verdana, sans-serif; font-size: 12px;}
#nav ,#header, #content, #contentBottom, #footer  {width: 950px; margin: 0 auto; position: relative;}

p {margin: .5em 0px;}
p.last {padding-bottom:15px;}
h1 {font-weight:bold; font-size:1.9em; margin:0 0 .4em 0; color:#004;}
h2 {font-weight:bold; color:#060; font-size:1.8em; margin:0 0 .3em 0;}	
h3 {color:#fff; font-size:1.8em; margin:0; padding:.1em 0; background-color:#004; text-align:center;}	
h4 {font-size:1.4em; margin:0 0 .3em 0; line-height:1.2em; text-align:justify;}	
h5 {font-size: 1.3em; margin: .4em 0 .1em 0; color:#fff;}	
h6 {font-size: 1.1em; margin: .4em 0 .1em 0; color:#006; font-style:italic; text-align:center;}
hr {width:80%; height:1px; background-color: #006; margin:0 auto; color:#006; text-align:center;}
.fondoazul{background: #004 url(../images/arrow2.png) no-repeat 5px 50%; color:#fff; margin:0; padding-left:25px;}
.fondoverde{background: #deffa9; color:#060; margin-bottom:15px; text-align:right; padding:1px 10px}
.fondoverdeform{background: #abf; color:#060; margin-bottom:5px; text-align:right; padding:1px 10px; font-size:1.1em;}
.amarillo{color:#008;}
.blanco{color:#fff;}
.azul{color:#006;}
.gris{color:#666;}
.verde2{color:#060; font-size:110%;}
.verde{background-color:#eaffcc; margin:0 0 5px; padding:3px 0 3px 10px; text-align:justify; color:#333}
.clear{clear:both;}
.underline{text-decoration:underline;}
.alinear{text-align:justify;}
.margenes{margin:0; padding:8px 10px; text-align:center;}
.margenes5{position:absolute; top:0; margin:0; padding:8px 5px; text-align:center; width:385px;}
.italica{font-style:italic;}
.reduceletra{ font-size:90%;}
.reduceletra2{ font-size:80%;}


.nota {clear:left; font-size:11px; color:#777; text-align:justify; font-style:italic;}

/* Headers ------------------------------------------------- */
	#header-wrap {background: #fff; position:relative; margin:12px 0 1px 0;}
	#header a:hover {text-decoration: none; }
	#homeLink a {position: absolute; top: 0px; margin:0; width: 420px; height: 110px; background-image: url(../images/logo_completo.jpg); background-repeat: no-repeat;}
	#slideshow{position: relative; width: 530px; height: 110px; margin: 0; left:420px;  padding: 0; top:0px;}
	#slideshow img{position: absolute; width: 530px; height: 110px; top: 0px; left: 0;}
	#slideshow a{position: absolute; width: 530px; height: 110px; top:0; left: 0;}
	.banner {position:relative; left:0px; top:0px; visibility:hidden; display: none;} 

	ul#portfolio {list-style:none;}
	ul#portfolio li img{padding: 0;}
	

/* Nav y Tabs ---------------------------------------------------- El resto esta en el css menu */
	#nav-wrap {height:36px; background: #517a23 url(menu/pro_drop4_back.gif) repeat-x; position:relative; z-index:6}
	#nav{background-color:#517a23;}

/* Content ---------------------------------------------------- */
	#content-wrap {background: #fff; padding:0; position:relative;}
	#content {text-align:justify; background-color:#fff; padding:7px 0;height: auto !important; overflow: hidden;}
	#content #contenido {width: 705px; float:left; height: auto !important; overflow: hidden;}
	#content #contenido .margenes ul{list-style-type:none;}
	#content #contenido .margenes li {background:url(../images/vineta.png) 0 14px no-repeat; margin:0 30px 0 10px; padding: 10px 0 10px 25px; font-size:160%; text-align:justify; color:#666;}
	#content #contenido .margenes li a {color:#666;}
	#content #contenido .margenes li a:hover {color:#00f;}
	#content #contenido .margenes li ul li{font-size:90%;}
	
	#content #contenido .preguntas ul{list-style-type:none;}
	#content #contenido .preguntas li {background:url(../images/vineta.png) 0 5px no-repeat; margin:0 30px 0 10px; padding: 4px 0 4px 25px; font-size:120%; text-align:justify; color:#666;}
	#content #contenido .preguntas li a {color:#666;}
	#content #contenido .preguntas li a:hover {color:#00f;}

	#content #contenido .respuesta {clear:left; display:block; margin:8px 15px; padding-left:25px;}
	#content #contenido .respuesta ul{margin:0; padding:0; list-style-type:none;}
	#content #contenido .respuesta li{background:url(../images/vineta2.gif) 0 50% no-repeat; margin-bottom:5px; padding: 0 0 0 20px; font-size:1em;}


	#content #contenido #imagen {float:left; position:relative; margin:10px 2px; width:235px;}
	#content #contenido #imagen a {float:left; display:block; background-color:#eee; width:210px; height: auto !important; overflow: hidden; color:#004; border:2px solid #004; text-decoration:none; font-size:1.8em; padding:5px; text-align:center;}
	#content #contenido #imagen a:hover {background-color:#004; color:#fff;}
	#content #contenido #imagen_h1{margin-left:10px; background: url(../images/barras2.gif) no-repeat;}
	#content #contenido #imagen_h1 h1{margin-left:215px;  text-align:justify;}
	#content #col_right {height: 100%; position: relative; float:right; width: 225px;}
	#content #col_right .cal2 select{color: #006; font-size: 1em; margin: 10px 7px; padding:0; width:205px;}
	#content #col_right .cal2 input{font-family: georgia; display:block; font-size: 1.2em; margin:4px 10px 6px 84px; padding: 2px 6px; width: 120px; border: 1px solid #004; color:#000033;}
	#content #col_right h3 a{text-decoration:none; color:#fff; width:225px}
	#content #col_right h3 a:hover{color:#069;}
	#content #col_right input:hover{background-color:#FFFFCC; cursor:pointer;}
	#content #col_right h3 {font-size:1.5em;}
	.recuadro{border:2px #004 solid; width:221px; margin:0 auto 10px; padding:0px; background-color:#ecedfb;}
	blockquote {margin: 5px 15px; background: url(../images/quoteOpen.png) no-repeat scroll; background-position:left top; text-align:center;}
	blockquote p{margin-bottom: .1em; text-indent: 27px; font-weight:lighter; color:#666; font-weight:bold; font-size:1.3em; line-height:1.8em;}
	.close-q {padding: 0 25px 0 0; margin:0; background: url(../images/quoteClose.png) no-repeat scroll; background-position: right bottom;}

	#avisos{margin:5px 15px 10px; text-align:justify;}
	#avisos a{font-size: 1.2em; margin: .8em 0 .1em 0; color:#006; font-weight:bold; text-decoration:none;}
	#avisos ul{margin:0; padding:0; list-style-type:none;}
	#avisos li{margin:0 0 20px;}
	/* the avisos box when JavaScript is available */
	#avisos.hasJS{height:160px; overflow:hidden;	position:relative;}
	/* The nested UL when JavaScript is available */
	#avisos.hasJS ul{position:absolute; top:120px; left:0; margin:0; padding:0;}

	.preload3 {background: url(../images/quienes_somos_dextro1.jpg); display:none;}
	.preload4 {background: url(../images/presencia_dextro1.jpg); display:none;}
	.preload5 {background: url(../images/clientes_dextro1.jpg); display:none}
	#botones {position:relative; display:inline; margin-left:200px; width:560px;}
	.logprincipal{margin: 2px 0; display:inline; width: 154px; height: 140px; background: #fff; float:left;}
	.capal{width:154px; height:115px;}
	.logprincipal img{margin: 0 auto; display:block; width:150px;}
	.logprincipal span{ display:block; width:120px; text-align:center; color:#999; margin-left:15px; font-style:italic;}

/* Contenido Fijo  ---------------------------------------------------- */
	#contentBottom-wrap {clear:both; height:247px; background: #568025 url(../images/contentBottom_fn.jpg) repeat-x; position:relative;}
	#contentBottom h1{color:#fff;}
	#contentBottom #col_left {text-align:justify; width: 555px; float:left; height:247px;background: url(../images/contentBottom_fn.jpg) repeat-x;}
	
	#contentBottom #col_left h1{background:url(../images/barras_cursos.gif) no-repeat;}
	#contentBottom #col_right2 {position: relative; float:right; width: 395px; background: url(../images/contentBottom_fn.jpg) repeat-x;}
	.sombra{height: 247px; background-color: #ffffff; /* for IE */filter:alpha(opacity=20);/* CSS3 standard */opacity:0.2;}
	#contentBottom #col_right2 h1{background:url(../images/barras_contactanos.gif) no-repeat;}
	#contentBottom #col_right2 a{text-decoration:none; color:#fff;}
	#contentBottom #col_right2 a:hover{text-decoration:none; color:#006;}
	#contentBottom #col_right2 p{color:#fff; font-size:1.1em; line-height:1.4em; font-weight:bold;}
	#contentBottom #col_right2 .imagen2 {float:right; position:relative; margin:2px 0 0; width:145px; height:125px;}
	#contentBottom #col_right2 img{border: 2px #008 solid;}

/* Footer ------------------------------------------ */
	#footer-wrap{clear:both; border-top: 3px #FFFFFF solid; position:relative;}
	#footer{border-top: 3px #FFFFFF solid; padding:7px 0; top:-3px;}
	#footer p{padding:0; margin:0; color:#fff; text-align:center; font-size:12px; line-height:14px;}
	#footer p.azul {color:#79bafe; font-size: 11px;}
	#footer a{color: #fff; text-decoration: none; font-variant:small-caps;font-weight:bold; }
	#footer a:hover{color:#0f0;}
	#footer a.current{color: #517a23;}

/* -----------------------------------    Contactanos ---------------------------------------------- */
	body#contact #content #contenido {width: 500px; float:left; padding:10px 20px;}
	body#contact #content #contenido p{color:#000066; font-size:120%; line-height:1.2em;}
	body#contact #content #col_right {height: 100%; position: absolute; top:0; right:0; width: 395px; background-color:#e5e5eb;}
	body#contact #content #col_right img { border:1px #004 solid;}
	body#contact #content #col_right p.error{padding: 0.1em 0; color:#cc0000;  font-weight:bold;}
	body#contact #content #col_right p.enviado{padding: 0.1em 0; color:#009900;  font-weight:bold;}


	body#contact form{padding: 10px 0 20px 0; color: #000033;}
	body#contact input.userdetails, body#contact textarea{font-size: 12px; width: 355px; padding: 6px 4px;}
	body#contact textarea{height: 170px;}

/* ------------------------------- Formulario ------------------------------------------------------------- */
	input, textarea{padding: 2px 4px; border: 1px solid #004; font-size: 16px; color: #6c5b3c; background: #ccccff; width: 210px; font-family: monospace; margin: 1px 0;}
	label {display: block; float: left; width: 200px;  padding: 0; margin: 5px 0 0 0; text-align: left; font-weight:bold;}
	input.submit{text-align: center; float: right; font-family: georgia; font-size: 14px; margin-right: 6px; margin-bottom: 10px; padding: 8px 6px; width: 130px; border: 1px solid #004; color:#000033;}
	input.submit:hover{cursor: pointer; background: #9999ff;}
	fieldset{padding: 2px 2px; margin: 0; margin-bottom: 2px;}
	select{color: #fff9e6; text-transform: none; font-size: 10px; margin: 0 auto;}

	/* Round Group Boxes  --------------------------------------- */
			/* General*/	
	.roundtl, .roundtr, .roundbl, .roundbr {background-image: url(../images/roundCorners2.gif); background-repeat: no-repeat; background-position: 0 0;}
	.roundtl {background-position: left top; background-color:#004;} 
	.roundtl h1{padding-left:25px;  text-align:justify; color: #fff !important; background:transparent url(../images/arrow2.png) no-repeat; background-position: 7px center;}
/*	body.pro .roundtl:hover {background-color: #2F281E;}
	.roundtl:hover {background-color: #E4E0CC;} */
	.roundtr {background-position: right top;}
	.roundbr {background-position: right bottom;}
	.roundbl {background-position: left bottom;}

/* Calendario 1 */
#calendario{position:relative; float:left; top:15px; background-color:#FFF; width:200px;}
.calendario {width:200px;font-size:.9em;border: 1px solid #007; margin:0; padding:0;text-align:center;}
	.calendario td {text-align:center;border: 1px solid #aaa; background-color:#fff; width:14%;}
td a{color:#00a;text-decoration:none; font-size:90%;}
td a:hover{color:#00f; font-size:110%; font-weight:bold;}
td.fs {background-color:#eee; color:#F00} /* Fin de semana */
td.da {background-color:#c0ddea;} /* dia actual */
thead th {color:#00f;background-color: #fff;  border:none; padding:4px 2px;} /* Mes y ano */
thead th img{border:none;} /* Titulo */
thead th a{color:#ccc;text-decoration:none; font-size:90%;} /* links de titulo */
thead th.enc {color:#006;background-color: #ddd; padding:3px 2px; text-align:left;} /* Titulo 'Calendario' */
tbody th {color:#fff;font-size:105%;background-color: #006; padding: 2px 0;} /* Encabezado dias */

/* Calendario 2 Grande */
.calendario2 {width:700px;font-size:1.1em;border: 2px solid #009; margin:0 0 0 2px; padding:0; text-align:center; border-collapse:collapse; border-spacing:0px;}
	.calendario2 td {text-align:right; vertical-align:top; border:1px solid #aaa; background-color:#fff; width:99px; height:100px;}
	.diaCelda{display:block; height:16px;}
	.barras{width:100%; height:12px; display:block; color:#ff0; border:0; margin:0; padding:0;}
	.barras a{display:block; text-decoration:none; font-size:2px; height:12px; }
	.barras a:hover{display:block; text-decoration:none; font-size:2px; height:12px;}

/* Contenido Fijo.- Formulario Cursos */
#departamentos{position:relative; float:left; top:15px; margin-left:20px; width:300px; color:#fff;}
#departamentos select{color: #060; text-transform: none; font-size: 1em; margin:15px 0 0 0; border: 1px solid #060; width:230px;}
#departamentos input{padding: 2px 4px; border: 1px solid #060; font-size: 14px; color: #333; background: #ccc; width: 100px; margin: 10px 0 0 170px;}
#departamentos input.cur{padding: 2px 4px; border: 1px solid #060; font-size: 14px; color: #006; background: #eee; width: 100px; margin: 10px 0 0 170px; text-align:center;}
#departamentos input.cur:hover{cursor: pointer; background: #006; color:#fff; font-weight:bold;}
.cursoss{position:relative; top:0px; left:0px;}


/* Paginador ---------------------------------------------------------------------------- */
.pagination {clear:left; background: #ecedfb; font-size:80%;color:#006;padding: 4px 9px 4px 4px;border: 1px solid #006;margin: 0 0 2em}
	.pagination p {position:relative;text-align:left; font-size:10px;}
	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#007;padding:2px 5px;border: 1px solid #003; font-size:10px; color:#fff;}
	.pagination p a:hover {background:#517a23;}
	.pagination p span {text-decoration:none; background:#7c7cff;padding:2px 5px;border: 1px solid #006;color:#000; font-size:10px;}
	.pagination * {margin:0}
	.pagination h4 {margin-top:-1.30em;padding:0;border:none; float:right; font-size:1.1em;}


/*   Capacitacion ------------------------------------------------------------------------------ */
	#capacitacion{clear:left; margin:0 0 50px 0;}
	#capacitacion ul{margin:0; padding:0; list-style-type:none;}
	#capacitacion li{background:url(../images/vineta2.gif) 0 0 no-repeat; margin-bottom:5px; padding: 0 0 0 20px; font-size:1em;}
	#capacitacion h2 a{color:#060;}
	#capacitacion h2 a:hover{color:#4f70c4;}
	#capacitacion .alfa{clear:both; color:#006; font-size:1.25em; font-stretch:expanded; font-weight:bold; display:block;}
	#capacitacion .alfa a{text-decoration:none; color:#00F;}
	#capacitacion .alfa a:hover{color:#060;}
	#capacitacion .alfa a:visited{color:#00F;}
	
	/* ****************************** Listar x categoria ****************************** */
	.categ{margin:5px 0 10px; text-align:justify;}
	.categ a{margin: .8em 0 .1em 0; color:#006; font-weight:bold; text-decoration:none;}
	.categ a:hover{color:#090;}
	.categ ul{margin:10px 0 10px 10px; padding:0; list-style-type:none;}
	.categ li{background:url(../images/vineta.png) 0 0 no-repeat; margin:0 0 8px 0; padding: 0 10px 0 20px; text-align:left; color:#666;}
	.categ a img{display:none}
	.categ a:hover img{display:block; position:absolute; right:225px; top:0px; padding: 2px; border:1px solid black; font:normal 12px Verdana; line-height:18px; z-index:1000; background-color:#FFF;}

	/* ****************************** Listar solo categorias en imagenes ****************************** */
	.catego{margin: 10px 15px; display:inline; width: 200px; height: 115px; background: #fff; float:left;}
	.capa{width:200px; height:85px;}
	.catego img{margin: 0 auto; display:block; height:85px;}
	.catego span{position:relative; width:200px; height: 28px; display:block;top:0; text-align:center;}
	.catego span a{font-size: 12px; color: #040; text-decoration: none; font-weight: 600;}
	
	/* ****************************** Capacitacion x categorias ****************************** */
	.cap-cat{clear:both; position:relative; margin: 0 0 10px; padding:10px 5px 10px 0; text-align:left;  height: auto !important; overflow: hidden;}
	.cap-cat-duracion{float:right; position:relative; top:-12px; right:-8px; background:url(../images/circulo.png) no-repeat; width:47px; height:45px; text-align:center; padding: 15px 0 0 0; color:#fff; font-size:90%; font-weight:bold; z-index:500;}
	.cap-cat-iconos{float:right; position:relative; top:-10px; right:10px; text-align:right; margin:0; padding:0 15px 0 0;}
	.cap-cat-iconos2{float:right; position:relative; top:2px; right:10px; text-align:right; margin:0; padding:0 10px 0 0;}
	.cap-cat-nuevo{float:right; position:relative; top:2px; right:20px; text-align:right; margin:0; padding:0 10px 0; color:#c00; font-weight:bold;}
	.cap-cat h1{margin:0;}
	.cap-cat h2{background-color:#ecedfb; padding-left:2px;}
	.cap-cat h4{font-variant:small-caps; color:#517a23; font-size:100%;}
	.cap-cat  a{text-decoration:underline; color: #006; font-size:100%;}
	.cap-cat  a:hover{color:#517a23; text-decoration:none;}
	a.box{position: relative; display: block; width: 428px; border-top: 1px solid #00a; text-align: left; font-size:85%;}
	a.box:hover{background: #006; color: #f5e9cc; cursor: pointer;}
	.zoomerz{cursor: pointer;}
	.capa-cap-cat{float:left; display:inline; width:310px; color:#333; margin-right:10px; text-align:justify;}
	.cap-cat-iconos a{color:#960; text-decoration:none;}
	.cap-cat-iconos a:hover{color:#00c; text-decoration:none;}

/* logos */
.logos{margin: 10px 10px; display:inline; background: #fff; float:left; width:120px; height:75px; text-align:center; display: table-cell; vertical-align: middle; border-top: 3px solid #006; padding-top:3px;}

/* efecto de comentario al pasar el cursor por encima en los mapas*/
	#fade, #fade2, #fade3 {display:block; position:absolute;}
	#fade{top:80px; right:10px; text-align:right;}
	#fade1{font-size:1.9em; font-family: Verdana, Geneva, sans-serif;}
	#fade2{top:30px; right:10px; text-align:right;}
	#fade3{top:425px; left:10px;}
	#mapamexico, #mapaamerica{position:relative; width:700px; height:476px;}
	#mapamexico{background: url(../images/mapaMexico.jpg) no-repeat;}
	#mapaamerica{background: url(../images/mapaAmerica.jpg) no-repeat;}
	.tool_img{width:11px; height:11px; cursor:pointer;}

/* Galeria Fotografica */
#galerias{clear:left; padding:2px; width:100%;}
.cajon_galeria{margin: 4px 4px; border: 1px solid #060; float:left; width:160px; height:168px; overflow:hidden; display:inline; background-color:#FFF; padding:0;}
.cajon_galeria h4{color:#006; font: 1em bold; text-align:center; background-color:#ddd; height:35px; padding:2px;}
.capa-imagen{clear:left; margin:0; border-bottom: 1px solid #ccc; width:160px; height:130px; text-align:center; z-index:100;}