/* LOS GENÉRICOS */
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, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

a img, :link img, :visited img {
	border: 0;
}

html, body {
height: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}

html{background:none;}
body{font-family:Open Sans, Verdana, sans-serif;}

.borrar{clear:both;}
.flotar_izq{float:left;}
.flotar_der{float:right;}

.bold{font-weight:bold;}
.italic{font-style:italic;}
strong{font-weight:800;}

/* fin LOS GENÉRICOS */

/* Regular */
@font-face {
    font-family: 'League Gothic';
    src: url('leaguegothic-italic-webfont.eot');
    src: url('leaguegothic-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('leaguegothic-italic-webfont.woff') format('woff'),
         url('leaguegothic-italic-webfont.ttf') format('truetype'),
         url('leaguegothic-italic-webfont.svg#league_gothic_italicregular') format('svg');
    font-weight: normal;
    font-style: italic;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

}

/* Italic */
@font-face {
    font-family: 'League Gothic';
    src: url('leaguegothic-regular-webfont.eot');
    src: url('leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('leaguegothic-regular-webfont.woff') format('woff'),
         url('leaguegothic-regular-webfont.ttf') format('truetype'),
         url('leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

}

/* Condensed */
@font-face {
    font-family: 'League Gothic Condensed';
    src: url('leaguegothic-condensed-regular-webfont.eot');
    src: url('leaguegothic-condensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('leaguegothic-condensed-regular-webfont.woff') format('woff'),
         url('leaguegothic-condensed-regular-webfont.ttf') format('truetype'),
         url('leaguegothic-condensed-regular-webfont.svg#league_gothic_condensed-Rg') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

}

/* Condensed Italic */
@font-face {
    font-family: 'League Gothic Condensed';
    src: url('leaguegothic-condensed-italic-webfont.eot');
    src: url('leaguegothic-condensed-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('leaguegothic-condensed-italic-webfont.woff') format('woff'),
         url('leaguegothic-condensed-italic-webfont.ttf') format('truetype'),
         url('leaguegothic-condensed-italic-webfont.svg#league_gothic_condensed_itaRg') format('svg');
    font-weight: normal;
    font-style: italic;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.wrap{width:100%;}
.contenedor{width:1150px;display: block;margin:0 auto;padding:0 20px;}
.banner{background-image:url('../img/banner.jpg');background-repeat: no-repeat;background-position: top;min-height: 296px;}
.banner .texto{font-family: 'League Gothic',Verdana,sans-serif;color:white;font-weight: 300;float:right;padding: 50px 30px 0 0;font-size: 4em;}
.banner .texto span{display: block;text-shadow: 0px 1px 9px rgba(0, 0, 0, 1);}
.banner .texto img{margin-top:30px;}
.banner .texto strong{color:#e61520;text-decoration: underline;}
span.small{font-size:0.6em;}
h2{font-family: 'League Gothic',Verdana,sans-serif;color:#e61520;width:100%;text-align: center;font-size: 2.6em;text-transform: uppercase;font-weight: 300;margin-bottom: 30px;}
footer{background:#eaeaea;}
.salto{margin-top:30px;}
header{border-bottom: 1pt solid #d2d2d2;}
header .contenedor{padding:5px 20px;}
header .logo{float:left;}
header .link{float:right;}
header .link a{color:#252525;text-transform: uppercase;text-decoration: none;font-weight: 800;    padding: 30px 0 0;display: block;}
header .link a:hover{border-bottom: 1pt dotted #252525;}
section p{text-align: center;font-size: 1.1em;padding:40px 0;line-height: 1.4em;width:80%;margin: 0 auto;}
.linea{height: 1px;width:40%;margin:0 auto 30px;border-top:1pt solid #cecece;}
form{width:100%;text-align: center;margin-bottom: 50px;}
form div{text-align: center;}
form label{font-family: 'League Gothic',Verdana,sans-serif;color:black;font-size:1.8em;margin-right:10px;}
form input.cantidad{width:104px;height: 53px;text-align: center;/*background: url(../img/input.png) no-repeat;*/border:none;font-family: 'League Gothic',Verdana,sans-serif;color:black;font-size:1.8em;border: 2pt solid #ddd;}
form span{font-family: 'League Gothic',Verdana,sans-serif;color:black;font-size:1.8em;}
.button{border:none;background:#e61520;color:white;font-family: 'League Gothic',Verdana,sans-serif;font-size:1.8em;padding:5px 25px;text-transform: uppercase;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;cursor: pointer;margin-top: 30px;}
footer{margin-top:100px;padding:10px 0;}
footer .logo{float:left;}
footer .direccion{float:right;color:#a5a5a5;font-family: 'League Gothic',Verdana,sans-serif;font-size:1.2em;padding:20px 0 0 0;font-weight: 300;}

/* pantalla 2 */
.paso_2{padding:30px 0;}
.paso_2 .contenedor{text-align: center;}
.paso_2 .item{width:25%;display: inline-block;vertical-align: top;background: #ececec;    margin: 0 20px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;}
.paso_2 .item p{padding:17px 0 25px;}
.paso_2 .item strong{color:#e61520;}
.paso_2 .item img{width:100%;height: auto;-webkit-border-top-left-radius: 14px;
-webkit-border-top-right-radius: 14px;
-moz-border-radius-topleft: 14px;
-moz-border-radius-topright: 14px;
border-top-left-radius: 14px;
border-top-right-radius: 14px;}
.paso_2 .botones{text-align: center;display: block;margin: 40px 0 0 0;}
.paso_2 .botones a{text-decoration: none;margin:0 20px;}
.paso_2 .calculo{text-align: center;display: inline-block;width:70%;background: #ececec;margin-bottom:30px;}
.paso_2 .calculo strong{color:#e61520;padding: 20px 0;font-family: 'League Gothic',Verdana,sans-serif;font-size:1.8em;display:inline-block;vertical-align:middle;font-weight: 300;margin-left:3px;}
.link_desgravar{text-align: center;margin: 40px 0 0;}
.link_desgravar a{text-decoration: none;color:black;border-bottom: 1pt dotted black;}

/* pantalla explicación */
.explicacion p{width:90%;text-align: left;padding: 14px 0;}
.explicacion .tabla{width:60%;margin: 22px auto 0;background: #ececec;padding:20px;}
.explicacion .tabla h3{color:#e61520;font-family: 'League Gothic',Verdana,sans-serif;font-size:1.8em;font-weight: 300;text-align: center;}
.explicacion .tabla span.bajo_tit{text-align: center;display: block;margin-bottom: 20px;padding-bottom: 15px;border-bottom:1pt solid #fff;}
.explicacion .tabla table{width:100%;font-size: 1.5em;}
.explicacion .tabla table span{font-family: 'Open Sans',Verdana,sans-serif;font-size: 0.6em;margin-top: 0px;display: block;}
.explicacion table th,.explicacion table td{font-family: 'League Gothic',Verdana,sans-serif;}
.explicacion table th{width:18%;}
.explicacion table th:first-child{width:50%;}
.explicacion table td{padding: 5px 0;}
.explicacion .tabla table thead{color:#e61520;}
.explicacion ul{font-size: 1.1em;padding: 0;width:90%;margin:0 auto;}
.explicacion ul li{list-style: square;margin-left: 20px;padding: 5px 0;}
.explicacion .pie_tabla{font-size: 0.8em;    width: 60%;}
.tiempo_colaborar label {font-family: 'Open Sans',Verdana,sans-serif;font-size: 0.8em;}
.banner .texto{width: 40%;}
@media (max-width:1150px){
	.contenedor{width:94%;}
    .banner{background-position: -610px top;}
    .banner .texto{width: 50%;}
}
@media (max-width:768px){
    .banner{background-position: -830px top;}
    .banner .texto{width: 70%;}
    header .logo{    text-align: center;float:none;}
    header .link{float: none;text-align: center;display: block;}
    header .link a{display: inline-block;margin: 10px 0 13px;border: 1pt solid black;padding: 5px;}
    footer .logo{float:none;text-align: center;}
    footer .direccion{float:none;text-align: center;}
    .paso_2 .calculo{padding: 20px 0 0;}
    .paso_2 .item{width: 90%;margin: 0 20px 30px;}
    .paso_2 .botones a{display: block;text-align: center;margin: 10px 20px;}
    footer{margin-top: 50px;}
    .paso_2 .botones{    margin: 10px 0 0 0;}
}
@media (max-width:480px){
    .banner{background-position: -1000px top;}
    .banner .texto{width: 90%;font-size: 3em;}
    header .logo img{width:90%;}
    header .contenedor{padding: 5px 0;}
    .contenedor{    padding: 0 5px;}
    .explicacion .tabla{    width: 87%;}
    .explicacion .pie_tabla{width: 90%;}
}