@charset "utf-8";
/* CSS Document */
#form-confirmacion{width:98%;height:80px}#form-confirmacion-CV{width:98%;height:110px}
.form-confirma{width:98%;height:40px}
legend{width:98%;height:20px;text-align:left;font-size:1.4em;font-weight:700;color:#C00;margin-bottom:1em}
label{clear:both;width:98%;height:20px;text-align:left}
label p{line-height:1em;margin-top:0;margin-bottom:0}
.explain,#explain{width:80%}.explain p{padding-top:1.5%}#explain p{padding-top:.5%}
#control-num p{padding-top:20px}
#checking{width:95%;float:left;text-align:left}
#answer{width:98%}
input{width:98%;height:25px;font:300 36px;margin:5px 0 10px 0}
input[type=checkbox]{width:10%;heigth:20px;float:left;margin-bottom:10px}
select{width:98%;height:25px;font:300 36px;margin:5px 0 10px 0}
textarea{width:98%;height:100px;font:300 36px;margin:5px 0 10px 0}
input[type=submit],input[type=reset]{clear:both;height:30px;width:50%;border:none;font-weight:400;letter-spacing:2px;color:#fff;margin-left:0;margin-bottom:20px;text-align:center}
input[type=submit]{background-color:#F60}input[type=submit]:hover{background-color:#360}input[type=reset]{background-color:#666}input[type=reset]:hover{background-color:#999}
#browser-file{width:98%; border:1px solid #ccc}
input[type=file]{background-color:#FFF;color:#333;margin-top:5px;margin-left:5px}
.control{display:none}
h1#formulario{width:100%;font-size:20px;line-height:1.0em;font-weight:bold;text-align:left;color:#360;margin-top:1em;margin-bottom:1em}
/*formulario busqueda y suscripción en footer*/
#form5 input,#form5 select,#form5 textarea{background-color:#fff;width:155px;float:right;margin-top:1px;border-radius:6px;-moz-box-shadow:inset 0 0 1px rgba(0,0,0,0.7),0 1px 0 rgba(255,255,255,0.1);-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.7),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 0 1px rgba(0,0,0,0.7),0 1px 0 rgba(255,255,255,0.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.7);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.7);box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.7)}
#form5 input,#form5 select{height:15px}
#form5 button:first-of-type{float:left;position:relative;margin-top:1px}
#form5 button:last-of-type{float:right;position:relative;margin-top:-20px}
#form5 button{padding:0 15px;height:40px;font:bold 20px;text-align:center;color:#fff;cursor:pointer;border-radius:6px;border:1px solid #0d3d6a;background-color:#F60;clear:both;-moz-box-shadow:inset 0 0 1px rgba(0,0,0,0.7),0 1px 0 rgba(255,255,255,0.1);-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.7),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 0 1px rgba(0,0,0,0.7),0 1px 0 rgba(255,255,255,0.1)}
#form5 button{height:20px;font:bold 12px}
#btn_GetId,#btn_KeyForgot{border:none;padding:0 15px;height:40px;font:bold 20px;text-align:center;color:#fff;cursor:pointer;background-color:#F60}#btn_GetId:hover,#btn_KeyForgot:hover{background-color:#360}
#form5 button:hover{color:#333;background-color:#eee}
#acceso{width:100%}#accesoPortada,#accesoCursos{border:1px solid #F60;padding-left:2%;padding-right:2%}
#backButton{background-color:#f60;height:40px;width:20%;color:#fff;border-radius:10px;margin-left:40%}#backButton:hover{background-color:#666}
#url{display:none}
/* ======================================
fichas de datos de contacto 
====================================== */
#TablaContacto {
	margin-left:auto;
	margin-right:auto;
	float:left;	
	width: 90%;
	/*margin-bottom:2em;*/
}
#TablaContacto-Izda {
	margin-left:5%;
	margin-bottom:3%;
	float:left;	
	width: 90%;
}
#TablaContacto-Dcha {
	margin-left:5%;
	margin-bottom:3%;	
	float:left;	
	width: 90%;
}
#TablaContacto-Izda li, #TablaContacto-Dcha li {height:480px}
ul.tarjeta, ul.tarjeta li {
	float:left;
	list-style:none;
	margin:0 auto;
	padding:0;
}
ul.tarjeta {
	font-size:1.0em;
	line-height:1.4em;
	width:100%;
	border:none;
}
ul.tarjeta li {
	width:96%;
	background-color:#EEE;
	border-width: 1px;
	border-style:solid;
	display:block;
	padding:10px;
	margin-left:2%;
	margin-bottom:3%;
}
/*
ul.tarjeta li.first {
	border-width: 1px;
}
*/
ul.tarjeta li h3 {
	font-size:1.2em;
	color:#d11;
	margin-bottom:.4em;
	padding-left:3%;
}
ul.tarjeta li p {
	padding-left:3%;
}
ul.tarjeta li a {
	color:#F60;
}
ul.tarjeta li a:hover {
	color:#360;
}
#tarEsp {border-color: 1px solid #f60; color:#333; z-index:2;background:url(../img/bgMapaEsp.jpg) top right no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#tarMex {border-color: 1px solid #f60; color:#333; z-index:2;background:url(../img/bgMapaMex.jpg) top right no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
/*Estilo página cgi-bin*/
#regreso {
	float:left;
	margin-left:0;
	width:100%;
	height:33px;
}
#flecha {
	float:left;
	margin-left:0;
	width:33px;
	height:33px;
	background-image:url(/img/return.png);
	background-repeat:no-repeat;
}
#flecha:hover {
	background-image:url(/img/returnH.png)
}
#email2 {margin-left:60px}
/* Fin Estilo página cgi-bin*/
@media only screen and (min-width: 600px) {
#acceso{width:70%}	
}
@media only screen and (min-width: 800px) {
#TablaContacto-Izda, #TablaContacto-Dcha {width: 41%}
/*
#TablaContacto {width:95%; margin-left:5%}
*/
/*
#TablaContacto li {width:42.3%; margin-right:2.5%}	
*/
ul.tarjeta li {
	width:96%;
	background-color:#EEE;
	border-width: 1px;
	border-style:solid;
	display:block;
	padding:10px;
	margin-left:2%;
	margin-bottom:3%;
}
#tarEsp { opacity:.7}
#tarMex { opacity:.7}
#acceso{width:50%}
}
@media only screen and (min-width: 1100px) {

#TablaContacto li {width:100%; margin-right:0}	
#tarEsp { opacity:1}
#tarMex { opacity:1}
}
@media only screen and (min-width: 1440px) {.explain p,#explain p{padding-top:1%}}