@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: Fuente;
	src: url("MyriadWebPro.ttf"), url("MyriadWebPro.otf") format("opentype");
}

body, form, h1, h2, h3, p {margin:0px; padding:0; line-height:normal; }
body, h1, h2, h3, p, li, td, input, textarea, select {font-family:"Fuente", Verdana, Arial, Helvetica, sans-serif;}

img {max-width:100%; border:none;}
sup, sub {line-height:0;}

h1 {font-size:140%;}
p, label, input, textarea, select {font-size:90%;}

@media only screen and (min-width: 641px) {
	#capaCenter { background-color:#fff; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;}	/*background:url(fondo.jpg) center center no-repeat;*/
	
	#logo {display:none; position:relative; top:-10px; left:0;}
	#logo img {max-height:80px;}
	
	#simbolo {position:fixed; z-index:20; width:36% !important; bottom:0px; left:0px; border:0px solid #FF0000;}
	#simbolo img {}
	
	#north {position:fixed; z-index:2; top:0; width:100%; height:148px; background:url(fondo-top.png) top right no-repeat; border:0px solid #0000CC; }
	#north .marcoNorth {text-align:center; padding:15px; }
	#north .marcoNorth div {display:inline-block; color:#FFFFFF; font-size:80%; margin:0 7px; padding:7px 0;}
	
	#center {position:fixed; z-index:5; top:0; left:0; width:100%; height:100%;}
	
	#south {display:; position:fixed; z-index:10; bottom:0; left:0; width:100%; background-color:#fff;}	/*background:url(south.png) center repeat-x; */
	#south { }	/*-webkit-box-shadow: 0px -5px 10px rgba(0,0,0,0.7); -moz-box-shadow: 0px -5px 10px rgba(0,0,0,0.7); box-shadow: 0px -5px 10px rgba(0,0,0,0.7);*/
	#south .marcoSouth { padding:20px 0; text-align:center; border:0px solid #FF0000;}
	#south .copyright { color:#2E2C2C; font-size:120%; font-weight:normal; text-transform:uppercase; padding-left:40%;}
	#south .copyright a { color:#2E2C2C; }
	#south .autor { color:#D1385E; font-size:90%; padding-left:40%;}
	#south .autor a { color:#D1385E; }
	#south p { font-size:70%;}
	#south a { text-decoration:none;}
	
	#formulario { padding-left:40%;}
	#formulario .marcoFormulario {background:url(formulario.png) center repeat-x; width:300px; margin:auto; padding:30px 30px;  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;  -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.7); -moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.7); box-shadow: 3px 3px 10px rgba(0,0,0,0.7);}
	#formulario .resultadoA {color:#FFFFFF !important; text-align:center; padding:3px 0; background-color:#3300FF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
	#formulario .resultadoB {color:#FFFFFF !important; text-align:center; padding:3px 0; background-color:#CC0000; margin-bottom:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
	#formulario .encabezado {}
	#formulario .renglon {position:relative; margin-bottom:10px;}
	#formulario .titulo {font-size:180%; font-weight:normal; color:#333333; text-align:center; text-transform:uppercase; display:none;}
	#formulario .descripcion {font-size:80%; color:#FFFFFF; }
	#formulario .mensaje {font-size:80%; color:#666666; }
	#formulario .enlace { color:#FFFFFF; margin-left:20px;}
	#formulario .etiqueta { color:#2E2C2C; font-weight:bold; display:inline-block; width:30%; margin-right:5%; margin-bottom:0;}
	#formulario .caja-texto { width:58%; padding:2%; margin-bottom:0; background:url(caja-texto.png) top;  border:1px solid #ccc; border-bottom-width:1px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
	#formulario .accion {text-align:left;}
	#formulario .boton {background-color:#8b0000; border:1px solid #5a0000; font-size:100%; width:62%; padding:3% 0; margin-left:37%; margin-top:10px; background:url(boton.png) center; font-weight:bold; color:#FFFFFF; cursor:pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.7); -moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.7); box-shadow: 3px 3px 10px rgba(0,0,0,0.7);}
	
}
@media only screen and (max-width: 640px) {
	#capaCenter { background-color:#fff; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;}	/*background:url(fondo.jpg) center center no-repeat;*/
	
	#logo {position:relative; top:-10px; left:0;}
	#logo img {max-height:120px;}
	
	#simbolo {display:none;}
	#simbolo img {}
	
	#north {position:fixed; z-index:2; top:-80px; width:100%; height:148px; background:url(fondo-top.png) top right no-repeat; border:0px solid #0000CC; }
	#north .marcoNorth {text-align:center; padding:15px; }
	#north .marcoNorth div {display:inline-block; color:#FFFFFF; font-size:80%; margin:0 7px; padding:7px 0;}
	
	#center {position:fixed; z-index:5; top:0; left:0; width:100%; height:100%;}
	
	#south {display:; position:fixed; z-index:10; bottom:0; left:0; width:100%; background-color:#fff;}	/*background:url(south.png) center repeat-x; */
	#south { }	/*-webkit-box-shadow: 0px -5px 10px rgba(0,0,0,0.7); -moz-box-shadow: 0px -5px 10px rgba(0,0,0,0.7); box-shadow: 0px -5px 10px rgba(0,0,0,0.7);*/
	#south .marcoSouth { padding:20px 0; text-align:center; border:0px solid #FF0000;}
	#south .copyright { color:#2E2C2C; font-size:120%; font-weight:normal; text-transform:uppercase; }
	#south .copyright a { color:#2E2C2C; }
	#south .autor { color:#D1385E; font-size:90%; }
	#south .autor a { color:#D1385E; }
	#south p { font-size:70%;}
	#south a { text-decoration:none;}
	
	#formulario {  }
	#formulario .marcoFormulario {background:url(formulario.png) center repeat-x; width:300px; margin:auto; padding:30px 30px;  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;  -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.7); -moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.7); box-shadow: 3px 3px 10px rgba(0,0,0,0.7);}
	#formulario .resultadoA {color:#FFFFFF !important; text-align:center; padding:3px 0; background-color:#3300FF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
	#formulario .resultadoB {color:#FFFFFF !important; text-align:center; padding:3px 0; background-color:#CC0000; margin-bottom:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
	#formulario .encabezado {}
	#formulario .renglon {position:relative; margin-bottom:10px;}
	#formulario .titulo {font-size:180%; font-weight:normal; color:#333333; text-align:center; text-transform:uppercase; display:none;}
	#formulario .descripcion {font-size:80%; color:#FFFFFF; }
	#formulario .mensaje {font-size:80%; color:#666666; }
	#formulario .enlace { color:#FFFFFF; margin-left:20px;}
	#formulario .etiqueta { color:#2E2C2C; font-weight:bold; display:inline-block; width:30%; margin-right:5%; margin-bottom:0;}
	#formulario .caja-texto { width:58%; padding:2%; margin-bottom:0; background:url(caja-texto.png) top;  border:1px solid #ccc; border-bottom-width:1px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
	#formulario .accion {text-align:left;}
	#formulario .boton {background-color:#8b0000; border:1px solid #5a0000; font-size:100%; width:62%; padding:3% 0; margin-left:37%; margin-top:10px; background:url(boton.png) center; font-weight:bold; color:#FFFFFF; cursor:pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.7); -moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.7); box-shadow: 3px 3px 10px rgba(0,0,0,0.7);
}

}