/*************************************************/
/*Extraído de common.css para unificación de css*/
/***********************************************/

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 */
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
/* Added by Tanta from https://github.com/murtaugh/HTML5-Reset/blob/master/_/css/style.css */
html{overflow-y:scroll} /* force a vertical scrollbar to prevent a jumpy page */
button{width:auto;overflow:visible} /* make buttons play nice in IE */
del{text-decoration:line-through}
abbr[title], dfn[title]{border-bottom:1px dotted #000;cursor:help}
.clickable, label, input[type=button], input[type=submit], input[type=reset], button{cursor:pointer} /* hand cursor on clickable elements */
pre, code, kbd, samp{font-family:monospace, sans-serif} /* standardize any monospaced elements */
/* Added to reset form elements */
input, textarea, select, option{margin:0;padding:0;border:1px solid #ccc;background:none;font:100%/100% Arial, sans-serif}
/* Added to reset strong, em*/
strong, b {font-weight:bold}
em, i {font-style:italic}
/*img {max-width:100%; /*Prevent stretching of full-size and large-size images with height and width attributes in IE8 width: auto; height:auto;}*/

.clr {clear:both}
.flt {float:left}
.frt {float:right}
.offscreen {position:absolute;top:-1500em;left:0;width:1px;height:1px;overflow:hidden}

/**************************************************/
/* Inicio - Nuevos estilos para dispositivos móviles */
/**************************************************/
html {
	-webkit-text-size-adjust: 100%
}

.cl:before,.cl:after {
	content: "";
	display: table
}

.cl:after {
	clear: both
}
/**************************************************/
/* Fin - Nuevos estilos para dispositivos móviles */
/**************************************************/

body *{
	-webkit-transition: width 1s ease;
	   -moz-transition: width 1s ease;
	    -ms-transition: width 1s ease;	   
		 -o-transition: width 1s ease;
			transition: width 1s ease;	
}
body a,
body input{
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;	   
		 -o-transition: all 0.5s ease;
			transition: all 0.5s ease;	
}
body *:hover, 
body *:focus{
	-webkit-transition: background .15s ease, border .25s ease;
	   -moz-transition: background .15s ease, border .25s ease;
	    -ms-transition: background .15s ease, border .25s ease;	   
	     -o-transition: background .15s ease, border .25s ease;
			transition: background .15s ease, border .25s ease;
}

/*************************************************/
/*Extraído de common.css para unificación de css*/
/***********************************************/

body{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#333;	

}
header{
	width:90%;	
	padding:.7em 5% .3em 5%;
	background:#d10000;
	border-bottom:3px solid #fff;
}
article{
	width:90%;	
	padding:1.25em 5%;
	font-size:1.4em;
	border-top:3px solid #d10000;
}
a{
	color:#d10000;	
}
a:hover{
	color:#000;
}
a.imprimir{
	float:right;
	background:url(../img/impresora.png) no-repeat .5em .25em ;
	padding:.5em .5em .5em 2.75em;
	position:relative;
	z-index:100;
}
a.imprimir:hover{
	text-decoration:none;	
	color:#d10000;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	     -o-border-radius:5px;
			border-radius:5px;		
	-webkit-box-shadow:0 0 15px 3px #ccc;
	   -moz-box-shadow:0 0 15px 3px #ccc;
	     -o-box-shadow:0 0 15px 3px #ccc;
			box-shadow:0 0 15px 3px #ccc;
}
form{
	float:left;
	width:100%;
	margin-top:-1.5em;
}
form input,
form textarea,
form select,
form option{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
	float:left;
	width:66%;
	border:1px solid #bfbfbf;
	height:1.5em;
	padding:.1em 1% 0 1%;
	color:#333;
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	     -o-border-radius:2px;
			border-radius:2px;	
	-webkit-box-shadow:inset 2px 2px 5px rgba(0,0,0,.25);
	   -moz-box-shadow:inset 2px 2px 5px rgba(0,0,0,.25);
	     -o-box-shadow:inset 2px 2px 5px rgba(0,0,0,.25);
			box-shadow:inset 2px 2px 5px rgba(0,0,0,.25);
}
form textarea{
	height:7em;	
}
form .size0{
	width:auto;
	margin:0 1% 0 0;
	border:none !important;
	box-shadow:none !important;
}


form .size1{
	width:auto;
	margin:0 1% 0 0;
	border:none !important;
	font-weight: bold;		
	box-shadow:none !important;
}


form input[type="radio"].size0{
	margin-top:.1em;	
}
form input.boton{
	width:auto;
	float:right;
	color:#fff !important;
	text-align:center;
	padding:.0 5%;
	line-height:1.5em;
	height:2em;
	background:#d10000;
	border:.2em solid #fff;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	     -o-border-radius:5px;
			border-radius:5px;		
	-webkit-box-shadow:0 0 15px 3px #ccc;
	   -moz-box-shadow:0 0 15px 3px #ccc;
	     -o-box-shadow:0 0 15px 3px #ccc;
			box-shadow:0 0 15px 3px #ccc;
}
form input.boton:hover{
	background:#000 !important;
}
form .sizeS{
	width:25%;
}
form .sizeA{
	width:auto;
}
form legend{
	color:#d10000;
	font-size:1.25em;	
	font-weight:bold;
}
form div{
	width:100%;
	margin-bottom:.75em;
}
form div span.txt{
	font-size:.75em;
	float:left;
	width:40%;
	margin:.5em 0 -1em 1%;
}
form div.leyend{
	text-align:right;
	font-size:.75em;
	padding:1em 1% 0 0;
	width:99%;
}
form div.politica{
	width:69%;
	padding-left:31%;
	margin-top:2em;
}
form label{
	float:left;
	width:29%;
	text-align:right;
	padding:.4em 2% 0 0;
	/*font-weight:bold;*/
}
form .brokenline{
	float:left;
	width:29%;
	text-align:right;
	padding:.4em 2% 0 0;
	font-size:1em;
	color:#000;
	font-weight:normal;
}
form div.politica label{
	width:90%;	
	text-align:left;
	margin-top:-.15em;
}
form span.lynd{
	color:#d10000;
}
form label sup{
	font-size:.7em;
	line-height:.5em;
	vertical-align:top;
}
form .error input{
	border:1px solid #d10000;
	color:#d10000;
	-webkit-box-shadow:0 0 15px 5px #ddd;
	   -moz-box-shadow:0 0 15px 5px #ddd;
	     -o-box-shadow:0 0 15px 5px #ddd;
			box-shadow:0 0 15px 5px #ddd;
}

form .chk { float:left; }
	form .chk input { float:none }

.error .chk { margin-right:5px; padding:0 2px; border:1px solid #d10000 }

form .error span.txtError{
	float:left;
	margin:.5em 0 .5em 31%;
	color:#d10000;
	font-weight:bold;
}
form .politica span.txtError{
	margin-left:0%;
}
form .captcha{
	width:68%;
	height:200px;
	float:left;
}
/*form .politica .sizeS{
	width:37%;
}
form .cl span.imgCapt{
	float:left;
}*/

.msg { margin-top:20px; min-height:50px; padding: 3% 3% 3% 10%; box-shadow: 0 0 10px 3px #ddd;  background:#F3F3F3; line-height: 1.25em;  }
.ok { background:#f3f3f3 url("../img/icoOK.gif") no-repeat 2em 1.8em }
.blockError {background:#f3f3f3 url("../img/icoAlerta.png") no-repeat 2em 2.1em; color: #D10000; font-weight:bold }

.errorvisible{
	display: block;
	visibility: visible;
	border: none;
}
.erroroculto{
	display: none;
	visibility: hidden;
	border: none;	
}

/*************************/
/*Extraído de layout.css*/
/***********************/

.cl:before, .cl:after { content:""; display:table; }
.cl:after { clear:both; }

/*************************/
/*Extraído de layout.css*/
/***********************/


/*****************************************************/
/* Inicio - Nuevos estilos para dispositivos móviles */
/*****************************************************/
.wrapper form {
	width: 60%;
	margin: 0
}





aside {
	float: right;
	width: 30%;
	padding-top: 2em
}






aside img {
	max-width: 100%;
	height: auto;
	margin-bottom: 1em
}



aside p {
	margin-bottom: .7em
}



@media only screen and (min-width: 980px) {
	.msg {
		padding-left: 11%
	}
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
	a.imprimir {
		float: none
	}
	form {
		float: none;
		margin-top: 1.5em
	}
	.wrapper {
		margin-top: 1em
	}
	.wrapper form {
		width: 100%
	}
	.msg {
		padding-left: 15%
	}
	aside {
		float: none;
		width: 100%
	}
}

@media only screen and (max-width: 767px) {
	a.imprimir {
		float: none
	}
	form {
		float: none;
		margin-top: 1.5em
	}
	.wrapper {
		margin-top: 1em
	}
	.wrapper form {
		width: 100%
	}
	form .error input {
		box-shadow: none
	}
	.msg {
		padding-left: 22%
	}
	aside {
		float: none;
		width: 100%
	}
}

@media only screen and (max-width: 480px) {
	a.imprimir {
		display: none;
		float: none
	}
	.blockError,.ok {
		padding-top: 5em;
		background-size: 14%;
		background-position: 50% 4%
	}
	.msg {
		padding-left: 10%
	}
	form {
		float: none;
		margin-top: 1.5em
	}
	.wrapper form {
		width: 100%
	}
	form .sizeS {
		width: 100%
	}
	form label {
		float: none;
		display: block;
		text-align: left;
		width: 100%;
		margin-bottom: .5em
	}
	form .error input {
		box-shadow: none
	}
	form input,form textarea,form select,form option {
		float: none;
		width: 100%
	}
	form .error span.txtError {
		float: none;
		display: block;
		margin-left: 0
	}
	form div span.txt {
		float: none;
		display: block;
		margin: .2em 0;
		width: 100%
	}
	form div.politica {
		width: 100%;
		padding-left: 0
	}
	form .brokenline {
		float: none;
		display: block;
		width: 100%;
		margin-bottom: 1em;
		text-align: left
	}
	form .cl fieldset label {
		display: inline;
		vertical-align: middle
	}
	form .cl fieldset input [type="radio"] {
		vertical-align: middle
	}
	aside {
		float: none;
		width: 100%
	}
}
/**************************************************/
/* Fin - Nuevos estilos para dispositivos móviles */
/**************************************************/