@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700,800,900&display=swap');


html {
	height: 100%;
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
	font-size: 16px; font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	color: #fff;
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased; height:100%; margin:0; 
}
h1, h2, h3, h4, h5, h6, p, ul {
	padding: 0;
	margin: 0;
}


h2 { font-size:68px; font-weight:700; color:#FFF; position:relative; background:#ee5b24; width:100%; padding:190px 0 0 0; text-align:center; text-transform:uppercase}
h3 { font-size:26px; font-weight:700; color:#FFF;  position:relative; background:#ee5b24; width:100%; padding:10px 0 50px 0; text-align:center; text-transform:uppercase}
h4 { font-size:26px; font-weight:700; color:#FFF; margin-bottom:30px; position:relative; background:#00b2ac; width:100%; padding:10px 0 ; text-align:center; text-transform:uppercase}
h5 { font-size:26px; font-weight:700; color:#5c5c5c; margin-bottom:30px; position:relative; width:100%; padding:10px 0 ; text-align:left; text-transform:uppercase}
p {font-size:22px; font-weight:400; color:#404040; margin-bottom:40px; position:relative; padding:0px 0 ; text-align:center; }
p.chico {font-size:18px !important; line-height:30px !important; font-weight:400 !important; margin-bottom:40px; position:relative;  padding:0px 0 ; text-align:left !important; }



.linea { background:#FFF; position:absolute; width:60px; height:4px; bottom:-28px; left:0px}
.info { color:#FFF;  position:relative; float:left; font-weight:600;}
.globos {background:url(../img/fondo.png) no-repeat top; background-size:cover; padding:100px 0 !important}
.globos img { width:40%}
.sinbak { padding-top:100px}
.sinbak .col-md-8 { text-align:left; color:#404040; font-size:36px; padding-top:80px}
.sinbak .col-md-4 { text-align:center}

ul, li {
	list-style: none;
}
a,button {
	text-decoration: none;
	-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;color:#404040;
}
a:hover {
	text-decoration: none;
}

a.btnOrange { margin:0 auto; position:relative; padding:8px 20px; color:#FFF; font-weight:700; background:#ee5b24; display:inline-block; width:200px; text-align:center}

.clear {
	clear: both;
}
.autoClearer:before,
.autoClearer:after {
    content: " ";
    display: table;
}
.autoClearer:after {
    clear: both;
}
input[type="radio"],
input[type="checkbox"] {

}
input[type="text"],
input[type="password"],
input[type="email"] {
}
.wrapper {  margin-right: auto; margin-left: auto;  padding: 0;  width: auto;}
iframe { border:none}


@media (min-width: 1400px) {
  .wrapper {
    width: 1400px;
  }
}
.content-mini,
.content-medium,
.content-large {
	width: auto;
	margin: 0 auto;
}
.content-medium {
	max-width: 1060px;
	}
@media (min-width: 1226px) {
.content-medium,
.content-large {
	width: 1060px;
	}
}
@media (min-width: 614px) {
	.content-mini {
		width: 614px;
	}
}

.celeste { text-align:center; color:#00b2ac !important; padding:40px 0px; border-top:#00b2ac 3px solid; border-bottom:#00b2ac 3px solid; margin:40px 0}
.destacado { text-align:left; color:#f05a22 !important; padding:20px; border-top:#f05a22 2px solid; border-bottom:#f05a22 2px solid; margin:0px 0 20px 0;
    float: left;
    text-transform: uppercase;
    font-weight: 700; font-size:24px; width:100%}

.txtProducto { text-align:left; color:#5c5c5c; font-size:20px; font-weight:600; padding-top:30px}

.content-full { width:100%;}
/************** MENU *****************/
header {width: 100%;display: block;	-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;	-ms-transition: all 0.6s ease;	-o-transition: all 0.6s ease;	transition: all 0.6s ease; background:#FFF; height:160px }
.styk header {	position: fixed;	z-index: 6999;}
.styk.open header .topHeader{ margin-top:-30px}
.styk.open header { background:rgba(255,255,255,0.9); height:90px}
.styk.open header .menu-nav {margin: -6px 0 0 0;}
header.open {position: fixed;	top: 0;	z-index: 99;	background:#fff;	padding: 10px 0;}


.top { position:fixed; bottom:10px; right:10px; width:40px; height:40px; display:block; z-index:6999;  opacity:0; background:#323232;-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease; transition: all 0.3s ease;font-family: fontawesome; color:#FFF; font-size:18px; text-align:center; padding-top:10px; border-radius:200px;}
.top:hover {opacity:1; }
.top.menu-active { color:#fff !important}
.display { opacity:0.7}

header .logo {	 -webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; position:relative; margin:20px auto;    float: left;    width: 100%;}
header .content-medium { position:relative}	
header .logo img{ width:260px; -webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.styk.open .logo img{ width:140px}


.legales { font-size:12px; text-align:left; font-weight:300}
.legales a { color:#106cb6; font-weight:600; text-decoration:underline}

img { max-width:100%}

/**** styky ****/
.stiky {
	background: rgba(255,255,255,1);
	width: 100%;
	height: 0;
	overflow: hidden;
	position: fixed;
	opacity: 0.5;
	top: 0;
	z-index: 99;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.stiky.open {
	opacity: 1;
	height: 30px;
}


/****************** HOME ******************/
.diapo {clear: both; position:relative; float:left; width:100%; background-size:cover !important; padding:20px 0px; text-align:center}


section { position:relative}


/************************ G E N E R I C O S *****************************/

*:focus, a:focus {
    outline: none;
}



/**************************** RESPONSIVE ***************************/

@media (max-width: 1023px) {
	
	
.top { display:none}
}

@media (max-width: 900px) {
h2 { font-size:50px;}
.sinbak { padding-top:40px}

}
@media (max-width: 560px) {
	section { padding: 0 10px}
.globos img { width:100%}
.sinbak .col-md-8 { text-align:center; color:#404040; font-size:26px; padding-top:20px}

}