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, h1, h2, h3, h4, h5, h6 {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline; box-sizing:border-box; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box; /* 2 */}
*:before, *:after {box-sizing: border-box;-moz-box-sizing: border-box;  -webkit-box-sizing: border-box;}
body{font-family:sans-serif;}


html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  font-size:1em;
  background-color: #ffffff;
	border-top: 5px solid #A91C2F;
  width: 100%;
  height: 100%;
  color: #98989A;
}

body {
	width: 100%;
	height: 100%;
}

#wrapper {
   width: 100%;
   height: auto;
   overflow: hidden;
   overflow-x: hidden;
   -webkit-transition: -webkit-transform 0.5s;
   transition: transform 0.5s;
}

a {
  background-color: transparent;
  text-decoration:none;
}

a:focus,
a:active,
a:hover {
  outline: 0;
  text-decoration:none;
}

.bnt {
	filter: grayscale(100%) !important;
}


b,
strong {
  font-weight: bold;
}

@font-face {
  font-family: 'Montserrat Thin';
  font-style: normal;
  src: url("Montserrat-Thin.otf");
}
@font-face {
    font-family: 'Gotham Book';
    src: url('gotham-book-webfont.eot');
    src: url('gotham-book-webfont.eot.eot?#iefix') format('embedded-opentype'),
         url('gotham-book-webfont.woff') format('woff'),
         url('gotham-book-webfont.ttf') format('truetype'),
         url('gotham-book-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham Light';
    src: url('gotham-light-webfont.eot');
    src: url('gotham-light-webfont.eot.eot?#iefix') format('embedded-opentype'),
         url('gotham-light-webfont.woff') format('woff'),
         url('gotham-light-webfont.ttf') format('truetype'),
         url('gotham-light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham Medium';
    src: url('gotham-medium-webfont.eot');
    src: url('gotham-medium-webfont.eot.eot?#iefix') format('embedded-opentype'),
         url('gotham-medium-webfont.woff') format('woff'),
         url('gotham-medium-webfont.ttf') format('truetype'),
         url('gotham-medium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Gotham Black';
	src: url('gotham-black-webfont.eot');
	src: url('gotham-black-webfont.eot.eot?#iefix') format('embedded-opentype'),
		url('gotham-black-webfont.woff') format('woff'),
		url('gotham-black-webfont.ttf') format('truetype'),
		url('gotham-black-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'merribold';
	src: url('merriweather-bold-webfont.eot');
	src: url('merriweather-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('merriweather-bold-webfont.woff') format('woff'),
		url('merriweather-bold-webfont.ttf') format('truetype'),
		url('merriweather-bold-webfont.svg#merriweatherbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'merriboldit';
	src: url('merriweather-boldit-webfont.eot');
	src: url('merriweather-boldit-webfont.eot?#iefix') format('embedded-opentype'),
		url('merriweather-boldit-webfont.woff') format('woff'),
		url('merriweather-boldit-webfont.ttf') format('truetype'),
		url('merriweather-boldit-webfont.svg#merriweatherbold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
    -moz-box-shadow: 0 0 0px 1000px #ffffff inset;
    background-color: #ffffff !important;

}
#signup .text:focus{
	outline:0px;
}
input:focus {
   outline: none;
   background-color: transparent !important;
}
textarea:focus {
   outline: none ;
}

a,img,input {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}
.zoomin {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.zoomin:hover, .zoomin:focus, .zoomin-in:active {
  -webkit-transform: scale(1.0);
  transform: scale(1.0);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

.zoomin2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transform: scale(1.0);
  transform: scale(1.0);
}
.zoomin2:hover, .zoomin:focus, .zoomin:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}


.atenua  {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}
.atenua:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.cleaner {
    clear: both !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.centrar {
   width: auto;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
}



.header-top {
	height: 35%;
	width: 100%;
	background-image: url(../imagenes/ciudad.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 80%;
}
@media only screen and (max-width: 1300px) { .header-top { height: 30%; } }
@media only screen and (max-width: 800px)  { .header-top { height: 25%; } }

.footer {
	width: 100%;
	height: 120px;
	background-image: url(../imagenes/ftbk.png);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #19161A;
}
@media only screen and (max-width: 950px) { .footer { position: relative; height: auto; overflow: hidden; margin-top: 35px;} }

.interiores {
	padding-top: 8px;
	position: relative !important;
}
.interiores2 {
	height: 100px !important;
}

.urlprom {
	height: 35px;
	width: 100%;
	z-index: 1;
	background-image: url(../imagenes/lin1.png);
	background-repeat: repeat-x;
	background-position: center center;
}
@media only screen and (max-width: 800px)  { .urlprom { height: 25px;} }

.urlprom_in {
	height: 35px;
	width: 420px;
	font-family: 'gotham light';
	font-size: 25px;
	color: #080808;
	text-align: center;
	letter-spacing: -2px;
	background-color: #fff;
	margin: 0 auto;
}
@media only screen and (max-width: 800px)  { .urlprom_in { width: 80%; letter-spacing: -1px;} }
@media only screen and (max-width: 750px)  { .urlprom_in { font-size: 20px; height: 25px;} }


.apartados {
	height: auto;
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	padding: 3px 0 3px 0;
	margin-top: 30px;
}

.apitem {
	height: 190px;
	width: 25%;
	border-right: 1px solid #FFFFFF;
	float: left;
}

@media only screen and (max-width: 1300px) { .apitem { height: 150px; } }
@media only screen and (max-width: 950px)  { .apitem { width: 50%; margin-bottom: 1px;} }
@media only screen and (max-width: 600px)  { .apitem { height: 120px; } }

.apitem1 {
	height: 190px;
	width: 100%;
}
@media only screen and (max-width: 1300px) { .apitem1 { height: 150px; } }

.apitem2 {
	height: 190px;
	width: 100%;
	background-image: url(../imagenes/subcont.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 190px;
}
@media only screen and (max-width: 1300px) { .apitem2 { height: 150px; background-size: 100% 150px;} }
@media only screen and (max-width: 600px)  { .apitem2 { height: 120px; background-size: 100% 120px;} }

.apitlink {
	height: 190px;
	width: 100%;
	display: block;
	font-family: 'Gotham Medium';
	font-size: 25px;
	color: #A9192D;
	text-align: center;
	letter-spacing: -1px;
	padding-top: 80px;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
@media only screen and (max-width: 1300px) { .apitlink { height: 150px; font-size: 18px; padding-top: 65px;} }
@media only screen and (max-width: 600px)  { .apitlink { height: 120px; font-size: 15px; padding-top: 53px; letter-spacing: 0;} }

.apitlink:hover { color: #610B16; }


.sc1 {
	height: 190px;
	width: 100%;
	background-image: url(../imagenes/sc1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 190px;
}
@media only screen and (max-width: 1300px) { .sc1 { height: 150px; background-size: auto 150px;} }
@media only screen and (max-width: 600px)  { .sc1 { height: 120px; background-size: auto 120px;} }

.sc2 {
	height: 190px;
	width: 100%;
	background-image: url(../imagenes/sc2.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto 190px;
}
@media only screen and (max-width: 1300px) { .sc2 { height: 150px; background-size: auto 150px;} }
@media only screen and (max-width: 600px)  { .sc2 { height: 120px; background-size: auto 120px;} }

.sc3 {
	height: 190px;
	width: 100%;
	background-image: url(../imagenes/sc3.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto 190px;
}
@media only screen and (max-width: 1300px) { .sc3 { height: 150px; background-size: auto 150px;} }
@media only screen and (max-width: 600px)  { .sc3 { height: 120px; background-size: auto 120px;} }

.sc4 {
	height: 190px;
	width: 100%;
	background-image: url(../imagenes/sc4.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: auto 190px;
}
@media only screen and (max-width: 1300px) { .sc4 { height: 150px; background-size: auto 150px;} }
@media only screen and (max-width: 600px)  { .sc4 { height: 120px; background-size: auto 120px;} }

.prox {
	font-family: 'Gotham Medium';
	font-size: 15px;
	color: #080808;
	text-align: center;
	letter-spacing: -2px;
}


.footer_in {
	width: 60%;
	height: 110px;
	margin: 0 auto;
	background-color: #19161A;
	margin-top: 8px;
}

@media only screen and (max-width: 1500px) { .footer_in { width: 80%; } }
@media only screen and (max-width: 1200px) { .footer_in { width: 90%; } }
@media only screen and (max-width: 950px)  { .footer_in { width: 60%; } }
@media only screen and (max-width: 650px)  { .footer_in { width: 90%; } }

.footer_in1 {
	width: 33%;
	height: 110px;
	float: left;
}
@media only screen and (max-width: 950px) { .footer_in1 { width: 100%; height: 55px;} }

.footer_in1 img{
	display: block;
	margin: 0 auto;
	width: auto;
	height: 65px;
	margin-top: 20px;
	float: left;
}
@media only screen and (max-width: 1500px) { .footer_in1 img { height: 55px; margin-top: 25px; } }
@media only screen and (max-width:  950px) { .footer_in1 img { height: 45px; margin-top: 15px; } }

.footer_in2 {
	width: 33%;
	height: 110px;
	float: left;
}
@media only screen and (max-width: 950px) { .footer_in2 { width: 100%; height: 40px;} }

.footer_in3 {
	width: 33%;
	height: 110px;
	float: left;
}
@media only screen and (max-width: 950px) { .footer_in3 { width: 100%; height: 80px; margin: 40px auto 5px auto; } }

.footer_in3 img{
	display: block;
	margin: 0 auto;
	width: auto;
	height: 55px;
	margin-top: 20px;
}
@media only screen and (max-width: 1500px) { .footer_in3 img { height: 50px; margin-top: 25px; } }
@media only screen and (max-width:  950px) { .footer_in3 img { height: 50px; margin-top: 10px; } }


.subap {
	width: 100%;
	height: auto;
	display: table;
	margin-top: 25px;
}
.subap a{ text-decoration: none; color: #FFFFFF;}

.subap ul{
	min-width: 100px;
	height: 46px;
	list-style: none;
	display: table;
	margin: 0 auto;
}
.subap ul li{
	float:left;
	margin-right: 10px;
	font-family: 'Gotham Medium';
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: -2px;
	text-transform: uppercase;
	padding: 20px 10px 0px 10px;
	letter-spacing: -1px;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
@media only screen and (max-width:  950px) { .subap ul li { font-size: 12px; margin-right: 5px; letter-spacing: -1px;} }

.subap ul li:hover{
	cursor: pointer;
	color: #A9192D;
}

.subap ul li a {
	color: #FFFFFF;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
@media only screen and (max-width:  950px) { .subap ul li a { font-size: 12px; margin-right: 5px; } }

.subap ul li a:hover{
	color: #A9192D;
}

.contenidos {
	height: auto;
	width: 100%;
	overflow: hidden;
}

.lateral {
	min-height: 380px;
	width: 25%;
	overflow: hidden;
	background-image: url(../imagenes/latbk.png);
	background-repeat: repeat-y;
	background-position: top left;
	background-size: 100% auto;
	float: left;
}

@media only screen and (max-width:  1600px) { .lateral { width: 15%; } }
@media only screen and (max-width:  850px)  { .lateral { width: 0; display: none; } }

.lateral ul {
	width: 95%;
	overflow: hidden;
  border-right: 1px solid #BFBFC0;
  padding: 35px 15px 35px 10px;
	float: left;
  margin: 190px 0;
}
@media only screen and (max-width: 850px) { .lateral ul { display:none; } }

.lateral ul li{
	width: 100%;
	overflow: hidden;
	float: left;
  font-family: 'Gotham Medium';
  font-size: 14px;
  color: #A9192D;
  text-align: right;
  padding: 15px 5px;
}
@media only screen and (max-width:  1200px) { .lateral ul li { font-size: 13px; padding: 12px 4px; } }




.bloquecentral {
	min-height: 380px;
	width: 75%;
	overflow: hidden;
	float: left;
	padding: 40px 50px 80px 50px;
}
@media only screen and (max-width:  1600px) { .bloquecentral { width: 85%; padding: 30px 40px 60px 40px; } }
@media only screen and (max-width:   850px) { .bloquecentral { width: 100%;padding: 20px 20px 40px 20px;  } }

.bloquecentral_in {
	width: 75%;
	height: auto;
	overflow: hidden;
}
@media only screen and (max-width:  1600px) { .bloquecentral_in {  width: 90%; } }
@media only screen and (max-width:  1300px) { .bloquecentral_in { width: 100%; } }

.logotop {
	width: auto;
	height: 125px;
	float: left;
}
@media only screen and (max-width:   850px) { .logotop { width: 250px; margin: 0 auto; float: none;} }

.logotop img {
	width: auto;
	height: 125px;
}


.urlprom2 {
	height: 35px;
	width: 100%;
	margin-top: 81px;
}
@media only screen and (max-width: 850px)  { .urlprom2 { height: 25px; margin-top: 5px; text-align: center;} }

.urlprom2_in {
	height: 35px;
	width: 100%;
	font-family: 'gotham light';
	font-size: 25px;
	color: #080808;
	text-align: left;
	letter-spacing: -2px;
	background-color: #fff;
}
@media only screen and (max-width: 850px)  { .urlprom2_in { width: 100%; letter-spacing: -1px; text-align: center;} }
@media only screen and (max-width: 750px)  { .urlprom2_in { font-size: 20px; height: 25px;} }


.titsec {
	height: 134px;
	width: 100%;
	margin-top: 40px;
	border-bottom: 1px solid #CFCFCF;
}
@media only screen and (max-width:  1300px)  { .titsec { height:  65px; margin-top: 15px;} }
@media only screen and (max-width:  420px)   { .titsec { height:  55px; margin-top: 15px;} }

.titico {
	height: 134px;
	width: 134px;
	float: left;
}
@media only screen and (max-width:  1300px)  { .titico { height:  60px; width:  75px;} }
@media only screen and (max-width:  420px)   { .titico { height:  40px; width:  55px;} }
@media only screen and (max-width:  375px)   { .titico { display:none;} }

.titico img {
	height: 134px;
	width: auto;
}
@media only screen and (max-width:  1300px)  { .titico img { height: 60px; } }
@media only screen and (max-width:  420px)   { .titico img { height: 40px; } }

.tittx {
	height: auto;
	width: auto;
	float: left;
}
.tittx h2 {
	font-family: 'Gotham Black';
	font-size: 45px;
	color: #A91C2F;
	text-align: left;
	letter-spacing: -2px;
	padding: 30px 15px 0 10px;
}
@media only screen and (max-width:  1300px) { .tittx h2 { font-size: 30px; padding: 0 15px 0 0;} }
@media only screen and (max-width:  420px)  { .tittx h2 { font-size: 22px; padding: 0 15px 0 0;} }

.tittx a {
	display: block;
	font-family: 'Gotham Medium';
	font-size: 12px;
	color: #2F2F2F;
	text-align: left;
	padding: 0 15px 0 10px;
	text-transform: uppercase;
}
@media only screen and (max-width:  1300px) { .tittx a { font-size: 10px; padding: 0 15px 0 0 ;} }
@media only screen and (max-width:  420px)  { .tittx a { font-size:  9px; padding: 5px 15px 0 0 ;} }

.ular {
	display: block;
	font-family: 'Gotham Medium';
	font-size: 12px;
	color: #A0A0A0;
	text-align: left;
	padding: 20px 15px 20px 30px;
	text-transform: uppercase;
	background-image: url(../imagenes/ular.png);
	background-repeat: no-repeat;
	background-position: center left;
	background-size: auto 12px;
}
@media only screen and (max-width:  420px)  { .ular { font-size: 11px;} }

.firmas {
	height: auto;
	width: 100%;
	overflow: hidden;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 50px;
	background-color: #F0F0F0;
}
@media only screen and (max-width: 1600px)  { .firmas { padding: 40px;} }
@media only screen and (max-width:  850px)  { .firmas { padding: 30px;} }
@media only screen and (max-width:  600px)  { .firmas { padding: 10px;} }

.firmaitem {
	height: auto;
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
}

.firmatex {
	min-height: 80px;
	width: 100%;
	overflow: hidden;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 15px;
	background-color: #E2E2E2;
	background-image: url(../imagenes/firmaitem.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: auto 70px;
}
@media only screen and (max-width: 1300px) { .firmatex { padding: 10px; background-size: auto 50px;} }


.firmashd {
	height: 12px;
	width: 100%;
	overflow: hidden;
	margin-top:auto -1px;
}

.firmashd img {
	height: 12px;
	width: 100%;
}

.firmadatos {
	font-family: 'Gotham Medium';
	font-size: 12px;
	color: #A91C2F;
	text-align: left;
	padding: 8px 0 0 0;
	text-transform: uppercase;
}
@media only screen and (max-width: 1300px) { .firmadatos { font-size: 11px;} }
@media only screen and (max-width: 850px)  { .firmadatos { font-size: 10px;} }

.firmatex_in {
	width: 100%;
	padding-left: 70px;
}
@media only screen and (max-width: 1300px) { .firmatex_in { padding-left: 50px;} }

.firmamsg {
	font-family: 'merriboldit';
	font-size: 15px;
	color: #333333;
	text-align: left;
	padding: 8px 0 8px 0;
}
@media only screen and (max-width: 1300px) { .firmamsg { font-size: 13px;} }
@media only screen and (max-width: 850px)  { .firmamsg { font-size: 11px;} }

.listainf {
	min-height: 80px;
	width: 100%;
	background-image: url(../imagenes/firma_inf.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60px 60px;
}

.firmas input {
	min-height: 30px;
	width: 95%;
	overflow: hidden;
	border: 1px solid #C1C1C1;
	padding: 15px;
	background-color: #E2E2E2;
	font-family: 'Gotham Light';
	font-size: 17px;
	color: #333;
	text-align: left;
	margin-bottom: 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

@media only screen and (max-width: 1300px) { .firmas input { min-height: 20px; width: 90%; padding: 10px; font-size: 14px;} }
@media only screen and (max-width: 850px)  { .firmas input { min-height: 20px; width: 85%; padding: 5px; font-size: 12px;} }

.firmas input:hover { background-color: #C1C1C1; border: 1px solid #949494; }
.firmas input:focus { background-color: #C1C1C1; border: 1px solid #949494; }

.itform {
	display: block;
	font-family: 'Gotham Medium';
	font-size: 12px;
	color: #A91C2F;
	text-align: left;
	padding: 20px 15px 20px 30px;
	text-transform: uppercase;
	background-image: url(../imagenes/ular.png);
	background-repeat: no-repeat;
	background-position: center left;
	background-size: auto 12px;
	margin-top: -20px;
}
@media only screen and (max-width: 1300px) { .itform { font-size: 11px; } }

.firmas textarea {
	min-height: 80px;
	width: 95%;
	overflow: hidden;
	border: 1px solid #C1C1C1;
	padding: 15px;
	background-color: #E2E2E2;
	font-family: 'Gotham Light';
	font-size: 17px;
	color: #333;
	text-align: left;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
@media only screen and (max-width: 1300px) { .firmas textarea { min-height: 80px; width: 90%; padding: 10px; font-size: 14px;} }
@media only screen and (max-width: 850px)  { .firmas textarea { min-height: 80px; width: 85%; padding: 5px; font-size: 12px;} }


.firmas textarea:hover { background-color: #C1C1C1; border: 1px solid #949494; }
.firmas textarea:focus { background-color: #C1C1C1; border: 1px solid #949494; }

.btn {
	min-height: 60px;
	width: 55%;
	background-color: #A91C2F;
	font-family: 'gotham black';
	font-size: 15px;
	color: #FFF;
	text-align: center;
	margin-top: 20px;
	padding: 20px 15px 15px 15px ;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background-position: center center;
}

.btn:hover {
	background-color: #610A15;
}

@media only screen and (max-width: 850px) { .btn { min-height: 40px; width: 85%; font-size: 13px; padding: 15px 15px 15px 15px ; } }

.firmando {
	background-image: url(../imagenes/firmando.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px 30px;
}

.firmas img {
	margin: 0 auto;
	display: block;
}

.firmas p {
	font-family: 'Gotham Light';
	font-size: 30px;
	color: #666;
	text-align: center;
	letter-spacing: -2px;
}

@media only screen and (max-width: 850px) { .firmas p { font-size: 20px; } }






/*** COOKIES */

.cookies {
	background-color: rgb(17, 17, 17);
	z-index: 999999;
	opacity: 0.9;
	position: fixed;
	padding: 18px 10px 10px 10px ;
	width: 100%;
	height: 111px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	color: #dddddd;
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	line-height: 15px;
	bottom: 0px; left: 0px;
}

@media only screen and (max-width: 900px) { .cookies { font-size: 11px; height: 90px;} }
@media only screen and (max-width: 480px) { .cookies { font-size: 10px; } }

.cookies2 {
	background-color: rgb(17, 17, 17);
	z-index: 999999;
	padding: 0px 0px 7px;
	text-align: center;
	color: #dddddd;
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	letter-spacing: normal;
	font-style: normal;
	margin: 0px;
}

@media only screen and (max-width: 900px) { .cookies2 { font-size: 11px; } }
@media only screen and (max-width: 480px) { .cookies2 { font-size: 10px; } }

.cookies2 a {
	background-color: rgb(17, 17, 17);
	z-index: 999999;
	padding: 0px 0px 7px;
	text-align: left;
	color: #dddddd;
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	letter-spacing: normal;
	font-style: normal;
	margin: 0px;
}

@media only screen and (max-width: 900px) { .cookies2 a { font-size: 11px; } }
@media only screen and (max-width: 480px) { .cookies2 a { font-size: 10px; } }

.cookies3 {
	border: 0px;
	padding: 0px;
	cursor: pointer;
	margin: 0px;
	white-space: nowrap;
	margin-right: 15px;
}

.cookies3 a {
	color: #dddddd;
	margin-top: 20px;
	text-decoration: underline;
}

.cookies3 a:hover {
	color: #ffffff;
	margin-top: 20px;
	text-decoration: none;
}

.cookies4 {
	border-radius: 10px;
	border: 0px;
	padding: 0px;
	cursor: pointer;
	margin: 0px;
	transition: 0.25s;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 12px;
	right: 17px;
	text-align: center;
	font-weight: bold;
	line-height: 21px;
	font-size: 20px;
	background-color:
		rgb(91, 183, 91);
	color: #dddddd;
	float: left;
}




.ckapcepta { color: #BDD56D !important; }
.ckacancela { color: #BF1717 !important; }



.cookiesin {
	width: 80%;
	height: auto;
	overflow: hidden;
	font-size: 15px;
	font-family: 'Montserrat Light';
	padding-top: 50px;
	padding-bottom: 50px;
	margin: 0 auto;
	color: #333333 ;
	line-height: 23px;
}

@media only screen and (max-width: 900px) { .cookiesin { font-size: 12px; } }

.cookiesin h3 {
	font-size: 30px;
	font-family: 'Montserrat Light';
	padding-top: 20px;
	padding-bottom: 40px;
	color: #333333 ;
}

.cookiesin h4 {
	font-size: 24px;
	font-family: 'Montserrat Light';
	color: #2ab4c6 ;
}

.cookiesin a {  color: #2ab4c6 ; }
.cookiesin a:hover {  color: #333333 ; }


.footer_tx {
	height: auto;
	width: auto;
	padding: 0 20px 0 20px;
}
.footer_tx h2 {
	font-family: 'Gotham Black';
	font-size: 60px;
	color: #A91C2F;
	text-align: center;
	letter-spacing: -2px;
	padding: 30px 15px 30px 10px;
}
@media only screen and (max-width:  1300px) { .footer_tx h2 { font-size: 30px; padding: 20px 15px 30px 0;} }
@media only screen and (max-width:  420px)  { .footer_tx h2 { font-size: 22px; padding: 20px 15px 30px 0;} }

.footer_tx p {
	display: block;
	font-family: 'Gotham Medium';
	font-size: 12px;
	color: #2F2F2F;
	text-align: center;
	padding: 20px 15px 20px 10px;
	text-transform: uppercase;
}
@media only screen and (max-width:  1300px) { .footer_tx p { font-size: 10px; padding: 20px 15px 20px 0 ;} }
@media only screen and (max-width:  420px)  { .footer_tx p { font-size:  9px; padding: 20px 15px 20px 0 ;} }


.footer_tx p strong {
	font-weight: normal;
	color: #A91C2F;
}

.redes {
	width: 320px;
	height: auto;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

.redes img{
	float: left;
}


.bio_cont {
	height: auto;
  overflow: hidden;
	width: 100%;
	margin-top: 30px;
	border-bottom: 1px solid #CFCFCF;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.bio1 {
	height: auto;
  overflow: hidden;
	width: 50%;
  float: left;
}
@media only screen and (max-width:  1000px) { .bio1  { width: 100% ;} }

.bio1 p {
  font-family: 'Gotham Book';
  font-size: 15px;
  color: #2F2F2F;
  text-align: justify;
  padding: 0 25px 0 0;
  line-height: 20px;
}
@media only screen and (max-width:  1000px) { .bio1 p { font-size: 14px; padding: 0; line-height: 18px;} }
@media only screen and (max-width:  800px)  { .bio1 p { font-size: 12px; padding: 0; line-height: 16px;} }
@media only screen and (max-width:  600px)  { .bio1 p { font-size: 11px; padding: 0; line-height: 16px;} }

.bio2 {
	height: auto;
  overflow: hidden;
	width: 50%;
  float: left;
}
@media only screen and (max-width:  1000px) { .bio2  { width: 100% ; } }
.bio2 p {
  font-family: 'Gotham Book';
  font-size: 15px;
  color: #2F2F2F;
  text-align: justify;
  padding: 0 0 0 25px;
  line-height: 20px;
}
@media only screen and (max-width:  1000px) { .bio2 p { font-size: 14px; padding: 15px 0 0 0; line-height: 18px;} }
@media only screen and (max-width:  800px)  { .bio2 p { font-size: 12px; padding: 12px 0 0 0; line-height: 16px;} }
@media only screen and (max-width:  600px)  { .bio2 p { font-size: 11px; padding: 10px 0 0 0; line-height: 16px;} }

.info2_cont {
	height: auto;
  overflow: hidden;
	width: 100%;
	margin-top: 30px;
  padding-bottom: 30px;
}
@media only screen and (max-width:  700px)  { .info2_cont { margin-bottom: -50px; } }

.entrevista {
	height: auto;
  overflow: hidden;
	width: 48%;
  float: left;
}
@media only screen and (max-width: 700px)  { .entrevista { width: 100%;} }

.entrevista img {
	width: 100%;
  height: auto;
  -webkit-filter: brightness(100%);
 filter: brightness(100%);
}
@media only screen and (max-width: 700px)  { .entrevista img { margin-bottom: 30px;} }
.entrevista img:hover {
  -webkit-filter: brightness(120%);
 filter: brightness(120%);
}

.poemas {
	height: auto;
  overflow: hidden;
	width: 48%;
  float: right;
}
@media only screen and (max-width: 700px)  { .poemas { width: 100%;} }

.cab_nf {
    font-family: 'Gotham Black';
    font-size: 30px;
    color: #A91C2F;
    text-align: left;
    letter-spacing: -1px;
    padding: 0 15px 20px 5px;
    width: 100%;
}


.poemasit {
	height: auto;
	width: 100%;
	overflow: hidden;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 10px;
	background-color: #F0F0F0;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1600px)  { .poemasit { padding: 4px;} }


.poemasitem {
	height: auto;
	width: 100%;
	overflow: hidden;
	margin-bottom: -4px;
}

.poematex {
	min-height: 80px;
	width: 100%;
	overflow: hidden;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 15px;
	background-color: #E2E2E2;
	background-image: url(../imagenes/poemaitem.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: auto 70px;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1300px) { .poematex { padding: 12px; background-size: auto 50px;} }

.poematex:hover {
	background-color: #fff;
}


.firmashd {
	height: 12px;
	width: 100%;
	overflow: hidden;
	margin-top:auto -1px;
}

.firmashd img {
	height: 12px;
	width: 100%;
}

.poemadatos {
	font-family: 'Gotham Medium';
	font-size: 11px;
	color: #A91C2F;
	text-align: left;
	padding: 5px 0 0 0;
	text-transform: uppercase;
}
@media only screen and (max-width: 1300px) { .poemadatos { font-size: 11px;} }
@media only screen and (max-width: 850px)  { .poemadatos { font-size: 10px;} }

.firmatex_in {
	width: 100%;
	padding-left: 70px;
}
@media only screen and (max-width: 1300px) { .firmatex_in { padding-left: 50px;} }

.poemadatos2 {
	font-family: 'merriboldit';
	font-size: 15px;
	color: #333333;
	text-align: left;
	padding: 8px 5px 0 0;
}
@media only screen and (max-width: 1300px) { .poemadatos2 { font-size: 13px;} }
@media only screen and (max-width: 850px)  { .poemadatos2 { font-size: 11px;} }






.wrap_galpic_fbx {
   width: 100%;
   height: auto;
   overflow: hidden;
   background-color: #EBEAEB;
   padding: 30px 10px 0 10px;
}

@media only screen and (max-width: 900px) { .wrap_galpic_fbx { padding: 25px 0px 35px 0px; } }

.galpic_ico_fbx {
  width: 100%;
  height: 60px;
  margin-bottom: 35px;
  background-image: url(../imagenes/gal_ico.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 60px;
}

@media only screen and (max-width: 900px) { .galpic_ico_fbx { height: 40px; background-size: auto 40px; margin-bottom: 20px;} }

.galeria_cont_fbx {
   width: 100%;
   height: auto;
   overflow: hidden;
   padding: 2px 15px 2px 15px ;
}

@media only screen and (max-width: 900px) { .galeria_cont_fbx { padding: 2px 15px 2px 15px ; } }

.galeria_cont_fbx ul{
   width: 100%;
   height: auto;
   overflow: hidden;
   list-style: none;
    display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-around;
   margin: 0 auto;
   padding: 1px;
}

.galeria_cont_fbx ul li{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-grow: 0;
   width: auto;
   height: auto;
   float:left;
   margin-bottom: 25px;
   border: 4px solid #fff;
   -webkit-box-shadow: 0px 0px 0px 1px #DBDBDB;
   -moz-box-shadow: 0px 0px 0px 1px #DBDBDB;
   box-shadow: 0px 0px 0px 1px #DBDBDB;
   -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.galeria_cont_fbx ul li:hover { border: 4px solid #A91C2F; }

.galeria_cont_fbx ul li img { height: 85px; }


@media only screen and (max-width: 800px) { .galeria_cont_fbx ul li img { height: 70px;  } }
@media only screen and (max-width: 650px) { .galeria_cont_fbx ul li img { height: 60px;  } }





.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;

}


.overlay-close {
	width: 80px;
	height: 80px;
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: hidden;
	border: none;
	background: url(../imagenes/cross.png) no-repeat center center;
	background-size: 60px 60px;
	text-indent: 200%;
	z-index: 100;
	cursor: pointer;
}
@media only screen and (max-width: 1200px) { .overlay-close { width: 40px; height: 40px; background-size: 40px 40px;} }
@media only screen and (max-width: 640px)  { .overlay-close { width: 30px; height: 30px; background-size: 30px 30px; top: 15px;} }

.idiomafondo {
	background: #424340 !important;
}

.overlay nav {
	text-align: center;
	position: relative;
	top: 120px;
}
@media only screen and (max-width: 1200px) { .overlay nav { top: 80px;} }
@media only screen and (max-width: 640px)  { .overlay nav { top: 60px;} }


.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
	width: 100%;
	border-top: 1px solid #2B2C29;
	border-bottom: 1px solid #5E5F5C;
}

.overlay ul li {
	display: block;
	width: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-bottom: 1px solid #2B2C29;
	border-top: 1px solid #5E5F5C;

}

.overlay ul li a {
	font-size: 18px;
	display: block;
	color: #fff;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	font-family: 'Montserrat Light';
	padding: 15px 10px;
	text-transform: uppercase;
}
@media only screen and (max-width: 1200px) { .overlay ul li a { font-size: 16px;} }
@media only screen and (max-width: 640px)  { .overlay ul li a { font-size: 14px; padding: 12px 8px;} }

.overlay ul li a:hover,
.overlay ul li a:focus {
	color: #f0f0f0;
}

.container {
	overflow-x: hidden;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

#wrapper.overlay-open {
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
}

#wrapper::after {
	content: '';
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}

#wrapper.overlay-open::after {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.overlay-contentpush {
	background: #494a47;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;
	transition: transform 0.5s, visibility 0s 0.5s;
}

.overlay-contentpush.open {
	visibility: visible;
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.menuactiva {
   width: auto;
   height: 100px;
   position: absolute;
   display: none;
}
@media only screen and (max-width: 850px)  { .menuactiva {  display: block; height: 80px;} }

.menuactiva img {
   float: left;
   height: 26px;
   width: auto;
   margin-left: 10px;
   margin-top: 35px;
}
@media only screen and (max-width: 1100px)  { .menuactiva img {  height: 20px; margin-top: 35px;} }
@media only screen and (max-width: 1100px)  { .menuactiva img {  height: 20px; margin-left: 30px; margin-top: 30px;} }


.cab_esp {
    font-family: 'Gotham Light';
    font-size: 40px;
    color: #333;
    text-align: left;
	border-bottom: 1px solid #ddd;
    letter-spacing: -1px;
    padding: 0 15px 5px 5px;
    width: 100%;
	margin-bottom:-10px;
	margin-top:10px;
}

.poematexy {
	width: 100%;
	overflow: hidden;
  min-height: 60px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 15px;
	background-color: #E2E2E2;
	background-image: url(../imagenes/link_r.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: auto 50px;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1300px) { .poematexy { padding: 12px; background-size: auto 50px;} }

.poematexy:hover {
	background-color: #d8d5d5;
}
.poemadatosY {
	font-family: 'Gotham Medium';
	font-size: 11px;
	color: #A91C2F;
	text-align: left;
	padding: 10px 0 0 0;
	text-transform: uppercase;
}
@media only screen and (max-width: 1300px) { .poemadatosY { font-size: 11px;} }
@media only screen and (max-width: 850px)  { .poemadatosY { font-size: 10px;} }

.firmatex_inY {
	width: 100%;
	padding-left: 50px;
}
@media only screen and (max-width: 1300px) { .firmatex_inY { padding-left: 50px;} }

.corr2 {
   float: left;
   height: 26px;
   width: auto;
   margin-left: 10px;
   margin-top: 35px;
}

.int1 {
	height: auto;
  overflow: hidden;
	width: 60%;
   margin: 30px auto 25px auto;
}
@media only screen and (max-width:  1000px) { .int1  { width: 80% ;} }
@media only screen and (max-width:   800px) { .int1  { width: 85% ;} }

.int1 p {
  font-family: 'Gotham Book';
  font-size: 15px;
  color: #2F2F2F;
  text-align: justify;
  padding: 0 25px 0 0;
  line-height: 20px;
}
@media only screen and (max-width:  1000px) { .int1 p { font-size: 14px; padding: 0; line-height: 18px;} }
@media only screen and (max-width:  800px)  { .int1 p { font-size: 12px; padding: 0; line-height: 16px;} }
@media only screen and (max-width:  600px)  { .int1 p { font-size: 11px; padding: 0; line-height: 16px;} }


















.zz { }