@charset "utf-8";
/* CSS Document */

/*gt*/
@import 'https://fonts.googleapis.com/css?family=Libre+Franklin';
body{ font-family: 'Libre Franklin', sans-serif; font-size:1.5em}

/*fuentes*/
@font-face { font-family: 'kenyan_coffeeitalic'; src: url('../fonts/kenyan_coffee_rg_it-webfont.eot'); src: url('../fonts/kenyan_coffee_rg_it-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/kenyan_coffee_rg_it-webfont.woff2') format('woff2'), url('../fonts/kenyan_coffee_rg_it-webfont.woff') format('woff'), url('../fonts/kenyan_coffee_rg_it-webfont.ttf') format('truetype'),url('../fonts/kenyan_coffee_rg_it-webfont.svg#kenyan_coffeeitalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'kenyan_coffeeregular'; src: url('../fonts/kenyan_coffee_rg-webfont.eot'); src: url('../fonts/kenyan_coffee_rg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/kenyan_coffee_rg-webfont.woff2') format('woff2'), url('../fonts/kenyan_coffee_rg-webfont.woff') format('woff'), url('../fonts/kenyan_coffee_rg-webfont.ttf') format('truetype'), url('../fonts/kenyan_coffee_rg-webfont.svg#kenyan_coffeeregular') format('svg'); font-weight: normal; font-style: normal; }

/*colores*/
.cyan_gradient{background: #0097cd; background: -moz-radial-gradient(center, ellipse cover,  #0097cd 0%, #40b4e5 100%); background: -webkit-radial-gradient(center, ellipse cover,  #0097cd 0%,#40b4e5 100%); background: radial-gradient(ellipse at center,  #0097cd 0%,#40b4e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0097cd', endColorstr='#40b4e5',GradientType=1 );}

.blue_gradient{background: #006789; background: -moz-linear-gradient(left,  #006789 0%, #0084b3 100%); background: -webkit-linear-gradient(left,  #006789 0%,#0084b3 100%); background: linear-gradient(to right,  #006789 0%,#0084b3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006789', endColorstr='#0084b3',GradientType=1 );}

.cyan{ color:#0097CD} .cyan_bg{ background:#0097CD}
.blue{ color:#060E9F}
.dark-blue{ color:#0000AB} .dark-blue_bg{ background:#0000AB}
.dark-grey{ color:#4D4D4D}.dark-grey_bg{ background:#4D4D4D}
.verydark-grey{ color:#333333}
.light-grey{ color:#E6E6E6} .light-grey_bg{ background:#E6E6E6}
.white{ color:#fff} .white_bg{ background:#fff}

/*position*/
.relative{ position:relative}
.absolute{ position:absolute}

/*padding*/
.padd{ padding-top:50px; padding-bottom:50px}
.short-padd{ padding-top:15px; padding-bottom:15px}

/*tipography*/
h2{ font-size:3em; margin-bottom:40px}
h3{ font-size:2.5em; margin-bottom:20px}
h2, h3{font-family: 'kenyan_coffeeregular'; }
h4{ font-weight:bold}
.bold{ font-weight:bold}
.italic{font-family: 'kenyan_coffeeitalic';}
p.lead{ margin-bottom:20px}

/*botones*/
a, a:hover, a:focus, a:active{ color: inherit}
.btn-rounded{ border-radius:40px; padding-left:30px; padding-right:30px;font-family: 'kenyan_coffeeregular'; font-size:1.5em}
.btn-rounded.dark-blue_bg:hover,.btn-rounded.dark-blue_bg:active, .btn-rounded.dark-blue_bg:focus{ color:#fff !important; background-color:#060E9F}

/*nav*/
header.main-header nav ul{ margin:0}
header.main-header nav ul li{}
header.main-header nav ul li a{ display:block; width:100%; height:100%; border-bottom:4px solid transparent; padding:15px 25px}
header.main-header nav ul li a.active, header.main-header nav ul li:first-child a, header.main-header nav ul li a:hover{ border-bottom:4px solid #fff}
header.main-header nav ul li a:hover{ color:#fff; text-decoration:none}

/*secciones*/
.splash{ background-image: url(../img/splash.jpg); background-position:center top; background-repeat:no-repeat; background-size:cover; height:650px; position:relative }
.splash .row{ position:absolute; bottom:0; width:auto; max-width:1170px; left:0; right:0; margin:auto}
.splash p{ margin-bottom:0}
.splash article.fig-link, .splash article.brand-link{ height:60px}
.splash article.fig-link a, .splash article.brand-link a{ display:block;text-indent:-99999px; position:absolute; left:0; right:0; margin:auto}
.splash article.fig-link a{ width:35px; height:35px; background:url(../img/fb.svg) no-repeat center center}
.splash article.brand-link a{ width:100px; height:60px; background:url(../img/temis.svg) no-repeat center center; bottom:20px}
.spot{ background-image:url(../img/back-azul.jpg); background-position:center top; background-repeat:no-repeat; padding-top:150px }
.spot .atomos { background:url(../img/back-atomos.png) no-repeat center center; background-size:contain}
.spot .atomos p{ font-size:1.25em}
.prospecto article figure { width:100%; display:inline-block; vertical-align:middle;height:80px; }
.prospecto article figure img{ height:60px; width:auto}
.prospecto{ padding-bottom:150px}
.prospecto .absolute{ left:0; right:0; margin:auto}
.para-quienes{ background-image: url(../img/back-para_quienes.jpg); background-position:center top; background-repeat:no-repeat }
.para-quienes .icon{ margin-bottom:20px; margin-top:40px}
.para-quienes .icon img{ height:60px}
.para-quienes h2{ margin-bottom:20px}
.para-quienes p{ margin-bottom:10px; font-size:1.15em}

.feat-button{ padding:0; border:none !important; background: url(../img/backFeatButton.jpg) no-repeat center top; }
.feat-button:hover, .feat-button:active, .feat-button:focus{ background-position:center bottom}
.feat-button a{ padding:5px 5px 2px 5px !important; color:#fff;font-family: 'kenyan_coffeeitalic'; font-size:1.5em; border:none !important}
.feat-button a:hover{ border:none !important}

@media (min-width:801px) {
	.splash .row.hidden-lg{ display:none}
}
@media (max-width:800px) {
	.padd{ padding:50px}
	.splash{ height:450px; }
	.splash .row{ bottom:10px}
	.prospecto .absolute img{ width:260px}
	.splash .row.hidden-lg{ position:absolute; width:100%;bottom:auto; top:115px}
	.splash .row.hidden-lg .fig-link{ float:left; margin-left:20px }
	.splash .row.hidden-lg .brand-link{ float:right; margin-right:10px; margin-top:30px}
	.splash .row.hidden-lg .fig-link a, .splash .row.hidden-lg .brand-link a{ position:relative}
	.splash .row.hidden-lg .fig-link a{ box-shadow:2px 2px 10px rgba(0,0,0,0.5); border-radius:50px}
	header.main-header nav ul li a{ padding:15px 5px}
}

@media (max-width:500px) {
	.splash{ background:#006789 url(../img/splash-mobile.jpg) no-repeat center 88px; background-size:contain; height:350px}
	.splash p{ font-size:.9em}
	.splash .row.hidden-lg .fig-link{ margin-left:5px; margin-top:10px }
	.splash .row.hidden-lg .brand-link{ margin-right:5px; margin-top:20px }
	.splash .row.hidden-lg .brand-link a{ width:75px; }
	.para-quienes{ background:#ddd; background-image:none}
	.list-inline>li{ padding:0 !important}
	.list-inline li:last-child{ display:inline-block; margin:10px 0}
}

@media (max-width:375px){
	header.main-header nav ul li a{ font-size:12px}
	header.main-header nav ul li:last-child a{ font-size:16px}
}