@font-face {
    font-family: 'bree';
    src: url('font/breeserif-regular-webfont.eot');
    src: url('font/breeserif-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/breeserif-regular-webfont.woff') format('woff'),
         url('font/breeserif-regular-webfont.ttf') format('truetype'),
         url('font/breeserif-regular-webfont.svg#bree_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'segoe';
    src: url('font/segoerg.eot');
    src: url('font/segoerg.eot?#iefix') format('embedded-opentype'),
         url('font/segoerg.woff') format('woff'),
         url('font/segoerg.ttf') format('truetype'),
         url('font/segoerg.svg#bree_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {font-family: arial !important}
a {text-decoration: none;}
h1 {text-indent: -9999px;}
h2 { font: 54px bree; color: #8e7119; line-height: 50px; margin-bottom: 10px;}
input {font-family: arial;}
h3 { font-size: 45px;font-family: bree, arial; color: #ffffff; }
span {font-weight: bold;}
strong {font-weight: bold;}

.fixed { margin: 0 auto; position: fixed; width: 100%; background: #f3ede0; font-size: 12px; color: #707070; z-index: 2;}
.fixed a {color: #707070;font-family:arial;font-weight: bold;}
.fixed p{font-family: arial;font-size: 12px;letter-spacing: 0.04em;margin-right: 60px;max-width: 700px;padding: 10px 0;text-align: center;width: 100%;}

.barra1 { height: 220px; background: #f3ede0; font-family: arial;}
.wrap {margin: 0 auto;}
.grid_12 { margin-top: 60px; width: 100%; position: relative; background-size: 100%;}
.grid_12 .tarjetas {width: 47%;float: left;margin-left: 140px;}
.grid_5 {float: right;}
.bienvenido { font: 27px segoe; color: #535352; }
.parrafo { font: 18px segoe; color: #7b7b7b; line-height: 24px; max-width: 260px;}
.pie { color: #7b7b7b; text-align: center; margin-top: 522px;}
.pie p {  font-family: arial;font-size: 18px;font-weight: bold;margin-bottom: 8px;}

.barra2 { overflow: hidden; background: #ffffff; font-family: Segoe; width: 100%;margin-bottom: 40px}
.servicios { margin: 0 auto; overflow: hidden; max-width: 550px;}
.grid_3 { display: inline-block; max-width: 240px; width: 100%; margin-right: 66px;margin-bottom: 20px}
.grid_3:nth-child(2n) {margin-right: 0}
.grid_3 p {  color: #494948;  font-family: arial;font-size: 16px;line-height: 23px; display: inline-block;width: 78%;vertical-align: top;}
.grid_3 img {margin-bottom: 10px;width: 20%;display: inline-block}
.pie2 {margin: 0 auto;  color: #8e7119; text-align: center; margin-top: 60px;}
.pie2 p { font-family: arial;font-size: 15px;font-weight: bold;letter-spacing: 0.03em;margin-bottom: 10px}
kog.pie2 img { margin-top: 18px; margin-bottom: 18px; }

.barra3 { background: #f3ede0; overflow: hidden; padding-bottom: 50px;}
.numero_tarjeta {float: left; margin-left: 110px; margin-bottom: 10px;}
.grid_6 { margin: 30px auto 0; float: none; width: 100%; max-width: 481px; }
.peque { text-align: center; margin-bottom: 7px; border: 1px solid #d7cdb6; border-radius: 2px; max-width: 490px; width: 100%; padding: 10px 0;}
.grande { text-align: center; margin-bottom: 7px; border: 1px solid #d7cdb6; border-radius: 2px; max-width: 481px; width: 100%; padding: 20px 0;}
.grande2 { text-align: center; border: 1px solid #d7cdb6; border-radius: 2px; max-width: 481px; width: 100%; padding: 20px 0;}
.grid_6 p { font-family: arial;font-size: 12px;margin-top: 8px; }
.grid_6 p a {color: #000; text-decoration: underline; cursor: pointer}
.obligatorio { color: #ff0101; margin-left: 18px; }
.boton { background: #c29425; color: #ffffff; font-family: arial; padding: 15px 19px; border-radius: 2px; text-align: center; margin: 0 auto; display: block; width: 149px; margin-top: 30px; }
.boton:hover { background: #936f19; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; }
.barra1 .grid_4 {float: right;}
.barra4 .wrap {width: 980px;}
.barra4 .grid_4 {float: none; display: inline-block;width: 316px;}
.barra4 img { background-size: 100%; max-width: 516px; display: inline-block; margin-right: 30px;}
.barra4 { overflow: hidden; font-family: Segoe; background: url(../images/fondo.jpg) no-repeat; padding-top: 70px; padding-bottom: 70px; margin-bottom: 60px;}
.tarjeta { color: #ffffff; font: 20px arial; }
.parrafo2 { color: #ffffff; font: 16px arial; line-height: 21px; }
.grid_2 p { color: #ffffff; font: 16px segoe; line-height: 21px; }
.grid_2 { width: 240px; margin-top: 24px; margin-bottom: 20px;}
.queremos { color: #ffffff; font: 16px segoe; margin-top: 43px; line-height: 21px; }
.boton2 { background: #856519; color: #ffffff; float: left; padding: 15px 19px; margin-top: 12px; aborder-radius: 2px; font: 15px segoe;}
.boton2:hover { background: #000000; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; }

.barra3 p {text-align: center;margin-top: 20px;color: #9a7200}


.obligatorio.error {background: none repeat scroll 0 0 #ca0023;    border-radius: 3px;color: #ffffff;font-family: arial;font-size: 15px;margin: 40px auto 30px;max-width: 190px;padding: 4px;text-align: center;width: 100%;}
input.error {border: 2px solid #ca0023;margin-left: -1px;}

span.cine {display: block;background: url("../img/cine_abc.jpg") no-repeat scroll center center / 100% 100%;text-indent: -9999px;padding: 7px 0px}
span.codigo {display: block; text-align: center;border: 1px solid #825e00;padding: 5px 0;border-radius: 3px;margin-top: 5px}
/* ENCUESTA */

.encuesta {font-size: 24px; color: #8e7119; font-family: arial; margin-bottom: 10px;}
.texto3 {font-size: 13px; color: #6c6c6c; font-family: arial;margin: 10px 0;}


/* MENSAJE GRACIAS */

.logo {margin: 0 auto 20px 20px;width: 100%; max-width: 150px;}
.mensaje {margin: 0 auto 80px; float: left; width: 100%; text-align: center;}
.gracias {font-size: 28px; color: #8e7119; font-family: arial; margin-bottom: 10px;}
.texto2 {font-size: 20px; color: #555555; font-family: arial; margin-bottom: 20px;}
.boton3 { background: #c29425; font-family: arial; padding: 15px 19px; border-radius: 2px; text-align: center; margin: 0 auto; margin-bottom: 35px; width: 149px; overflow: hidden;}
.boton3:hover { background: #936f19; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; }
.boton3 a { color: #ffffff;}
.tarjetas2 { margin: 0 auto; overflow: hidden; max-width: 724px;}
.tarjetas2 img { max-width: 724px; width: 100%;}
.queremos_conocer {clear: left;float: none;}
.tabla_encuesta {overflow: hidden;float: none;clear: both;width: 860px;margin: 0 auto;}
.grid_3 a {display: block;color: #8e7119;}
.grid_3 a:hover {text-decoration: underline}

.parrafo.peli strong {font-size: 25px;margin-top: 5px;display: inline-block}
.parrafo.app {margin: 20px auto 0}
.parrafo.app img {vertical-align: middle;margin-left: 10px}




@media all and (max-width: 580px) {
	.grid_5 {width: 72%;float: none;margin: 0 auto;}
	.pie {margin-top: 170px;}
}
@media all and (max-width: 748px) {
	.grid_8{width: 60%;}
	.grid_2 {margin: 20px 0;width: 100%;}
	.barra4 img {float: none;  display: block; width: 100% !important;}
	.grid_12 .tarjetas {position: static;float: none;}
	.pie {margin-top: 20px;}
	.barra1 .grid_4 {float: none; width: 100%;margin: 0 auto 20px;max-width: 250px;}
}

@media all and (max-width: 1065px) {
	.grid_3{margin-left: 51px;}
    .servicios {max-width: 619px}
	.numero_tarjeta {margin-left: 20px;  }
	.grid_6 {margin-top: 20px !important;}
}
@media all and (max-width: 860px) {
	.grid_3{margin-left: 51px;}
	.pie2{ line-height: 21px;}
	.numero_tarjeta {float: none; margin: 50px auto 0; display: block}
}
@media all and (max-width: 920px) {
	.grid_3{margin-left: 51px;}
	.pie2{ line-height: 21px;}
}
@media all and (max-width: 660px) {
    .servicios {max-width: 230px;}
	.grid_3{margin-left: 0px;}
}
@media all and (max-width: 350px) {
	.grid_8{width: 100%;}
	.fixed p{padding-top: 6px;}
	.pie{margin-top: 190px; margin-bottom: 20px;}
	.barra1{height: 250px;padding-top: 40px}
	.grid_3{margin-left: 0;}	
	.grid_5{width: 90%;}
	.grid_12{margin-top: 0px;}
	input{font-size: 11px;}
	.queremos{margin-top: 73px;}
	.boton2{margin-top: 32px;}
}