/* Cross Browser Compatability CSS */
/**
 * html5doctor.com Reset Stylesheet (Eric Meyer"s Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

.container, .circuloBTN  *, #navigation-menu a .textoLiga{
	-webkit-transition: all 300ms ease-in-out 0s;
	-moz-transition: all 300ms ease-in-out 0s;
	-ms-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;	
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

.tiptext {
    background:#ccc;
    border: 1px #333 solid;
    padding:5px;
    width:100px;
}
.description {
    display:none;
    position:absolute;
    border:1px solid #000;
    width:400px;
    height:400px;
}



html, body {
    		margin: 0;
    	
background-color:white;
    	font-family: 'pt_sansregular';
    	}

    	#container {
    		min-height: 100%; 
    	}
    	
    		#content{
    		min-height: 100%; 
    		position:absolute;
    		height:100%;
    		width:100%;
    	}
    	
    	#content-index{
    	overflow:hidden;
    		min-height: 100%; 
    		position:absolute;
    		height:100%;
    		width:100%;
    	}
    	
     	
    	
    	
    	
   
h3{
  font-family: 'pt_sansbold';

  }
   
    	
    	
.si{
position:absolute; left:5%; top:20%;
}
    	
#menu-desktop{
float:left;
width:13%;
min-width:105px;
height:90%;
background-color:#0f1921;
font-size:.75em;
}

#menu-template{
position:fixed;
top:16%;
left:0;
width:13%;
min-width:105px;
height:90%;
background-color:#0f1921;
font-size:.75em;
}

.margen-menu{
margin-top:22%;
position:absolute;
}

a:link {
text-decoration:none;
    color: #3e6182;
}

/* visited link */
a:visited {text-decoration:none;
text-decoration:none;
    color: #3e6182;
}

/* mouse over link */
a:hover {text-decoration:none;
text-decoration:none;
    color: #ecd760;
}

/* selected link */
a:active {text-decoration:none;
text-decoration:none;
    color: #3e6182;
}
.contenedor-slide{
float:left;
position:relative;
width:87%;
height:90%;
background-color:#0f1921;
}  
.contenedor-top{
text-align:center;
position:relative;


height:20%;
background-color:#172836;
z-index:20;
color:white;
} 

.titulo{
font-family: 'pt_sansbold';
margin:auto;
font-size:1.6em;
text-align:center;}

.frase{
margin:auto;
font-size:1.2em;
padding-top:1%;
text-align:center;}

.contenido{
z-index:15;
position:relative;
margin-left:13%;
width:100%;
height:auto;
background-color:white;
}  


.contenidon{
z-index:15;
position:relative;
margin-left:13%;
width:100%;
height:auto;
background-color:white;
}

.ventajas{
text-align:justify;
position:absolute;
float:left;
padding-left:5%;
margin-top:59vw;
margin-right:2%;
width:63%;
}   	


    	
.banner { 
position:relative;
height:1000px;}

    .banner li { list-style: none; }

        .banner ul li { float: left; }
    
.on-top{
width:100%;
height:10%;
position:relative;
top:0;
}

.on-top2{
position:fixed;
background-color:white;
width:13%;
height:17%;
min-width:105px;
z-index:10;
top:0;
}

.on-top3{
position:absolute;
background-color:white;
width:40vw;
height:20%;
right:0;
z-index:10;
top:0;
}

.on-top1{
position:relative;
background-color:white;
width:100%;
height:150px;
min-height:70px;
min-width:105px;
z-index:10;
top:0;
}


.logo-menu-template{
height:auto;
position:relative;
top:27%;
width:80%;
left:6%;
}

.logo-menu-mobile{
height:auto;
position:relative;
top:27%;
width:75%;
left:6%;
}

.logo-contacto{
height:auto;
position:relative;
padding-top:5%;
width:50%;
}

.logo-menu-template-x{
height:12%;
min-height:40px;


position:fixed;
top:4.6%;
width:auto;
left:1%;
}

.logo-menu-template-y{

min-height:40px;


position:absolute;
top:44px;
width:auto;
min-width:117px;
left:5%;
}

.logo-menu-desktop{
width:70%;
position:relative;
top:36px;

left:8.5%;
}

.info{
text-align:justify;
position:relative;
float:left;
margin-left:5%;
margin-top:3%;
width:31%;
height:50%;

margin-right:9%;
background-color:white;
}

.infov{
text-align:justify;
position:absolute;
float:left;
padding-left:5%;
padding-top:3%;
margin-right:2%;
width:38%;
z-index:90;
padding-bottom:3%;
}

.infovn{
text-align:justify;
position:absolute;
float:left;
padding-left:5%;
padding-top:3%;
margin-right:2%;
width:38%;
z-index:90;
padding-bottom:3%;
}

.infos{
text-align:justify;
position:relative;
float:left;
margin-left:5%;
margin-top:3%;
margin-right:3%;
width:50%;
height:50%;
background-color:white;
}


.infot{
width:95%;
text-align:justify;
position:relative;
float:left;
margin-left:5%;
margin-top:3%;
margin-right:3%;

height:50%;
background-color:white;
}

.complemento{
position:relative;
float:left;
margin-left:0%;
width:100%;
overflow:auto;

background-color:white;
}

.complemento-s{
position:relative;
float:left;
margin-left:0%;
width:50%;
overflow:auto;
margin-top:8%;
text-align:center;
background-color:white;
padding-bottom:5%;
}

.complemento-t{
position:relative;
display:none;
float:left;
margin-left:0%;
width:45%;
overflow:auto;
margin-top:8%;
text-align:center;
background-color:white;
}

.cover{
position:relative;
width:100%;
height:auto;
margin-bottom:-1%;
overflow:auto;
}

.cover-s{
position:relative;
width:80%;
height:auto;
overflow:auto;}

.cover-t{
position:relative;
width:61%;
height:auto;
overflow:auto;
padding-top:5%;}


.text-info{

text-align:justify;
font-size:1em;
padding-top:9%;
line-height:2.1em;
}

.text-info-v{
z-index:9090;
font-size:1em;
line-height:2.1em;
width:90%;
margin-top:8%;
}


.text-info-c{

font-size:1.2em;
line-height:2.1em;
width:50%;
margin-top:7%;
}

.text-info-s{
font-size:1em;
line-height:2.1em;
width:100%;
margin-top:8%;
}

.text-info-t{
font-size:1em;
line-height:2.1em;
width:98%;
margin-top:8%;
display:none;
}


.text-info-tt{
font-size:1em;
line-height:2.1em;
width:98%;
margin-top:8%;
display:block;
}


.text-info-v2{
font-size:1em;
line-height:2.1em;
width:58%;
}
.text-info-v3{
font-size:1em;
line-height:2.1em;
width:100%;
}
.text-info-v4{
font-size:1em;
line-height:2.1em;
width:100%;
}

.titulo-info{

padding-top:4%;
    font-family: 'pt_sansbold';
font-size:1.6em;

}


.botones{
z-index:9000;
width:44%;
padding-left:3%;
padding-right:3%;
padding-top:5%;
}


.m-left{
padding-left:18%;
padding-top:6vh;
width:70%;
}



.inicio-info{
width:100vh;
overflow:auto;
margin-left:-20%;
}





.on-top2{display:none;
}
.on-top3{display:block;
min-height:100px;
}
.contenido{
margin-left:0%;
}

.contenidon{
margin-left:0%;
}

.contenedor-top{
margin-left:0%;
width:59vw;
height:150px;
}



.frase{
display:none;
}


.infov{
width:59vw;
}
.infovn{
width:59vw;
}


.titulo{
padding-top:48px;
}

.infov{
margin-left:6%;
margin-top:6%;
width:87vw;
}

.infovn{
margin-left:6%;
margin-top:6%;
width:87vw;
}


.banner { 
display:none;
}


.contenido{


  opacity:1;
-moz-transition: opacity 2s; /* Firefox 4 */
-webkit-transition: opacity 2s, margin-left 2s; /* Safari and Chrome */
-o-transition: opacity 2s;
transition: opacity 2s, margin-left 2s;

  margin-left:0%;

}


.infov{  opacity:0;
-moz-transition: opacity 2s; /* Firefox 4 */
-webkit-transition: opacity 2s, margin-left 2s; /* Safari and Chrome */
-o-transition: opacity 2s;
transition: opacity 2s, margin-left 2s;

  margin-left:18%;

}




.contenido.active
{
margin-left:0%;

 opacity:1;
}



.infov.active
{
margin-left:0%;

 opacity:1;
}
   
   
   
.gone{display:none;}


#myimage {
	-webkit-transition:all 1s linear 0s;
	-moz-transition:all 1s linear 0s;
	-o-transition:all 1s linear 0s;
	transition:all 1s linear 0s;
	-webkit-transform: translate3d(0,0,0); /* Fixes trails in Chrome */
}

#bg1, #bg2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#bg1 {
    z-index: -1;
     background-image: url('img/exportacion.jpg');
}
#bg2 {
    z-index: -2;
    display: none;
}

.bye {display:block;}




@media only screen and (max-height: 500px) {

.frase{
display:none !important;
}

.inicio-info{
    width:80vh;
}



}

@media only screen and (min-height: 530px) {

.contenedor-top{

height:38%;}
.logo-menu-template{
top:27%;}

.inicio-info{
    width:80vh;
margin-left:-30%;}


}



@media only screen and (min-height: 650px) {


.contenedor-top{
height:35%;}
.logo-menu-template{
top:30%;}

.inicio-info{
    width:80vh;
}


}

@media only screen and (min-height: 700px) {
.contenedor-top{
height:30%;}

.titulo{
padding-top:6%;

}

.inicio-info{
    width:80vh;
}

}


@media only screen and (min-height: 750px) {
.contenedor-top{
height:30%;}

.titulo{
padding-top:7%;

}

.inicio-info{
    width:80vh;
}


}

@media only screen and (min-height: 800px) {
.contenedor-top{
height:24%;}
.logo-menu-template{
top:35%;}

.inicio-info{
    width:80vh;
}

}

@media only screen and (min-height: 850px) {
.contenedor-top{
height:24%;}
.logo-menu-template{
top:35%;}
.titulo{
padding-top:8%;
}

.inicio-info{
    width:80vh;
}

}

@media only screen and (min-height: 850px) {
.contenedor-top{
height:27%;}

.inicio-info{
    width:80vh;
}

}



@media only screen and (min-height: 1000px) {
.contenedor-top{
height:22%;}
.logo-menu-template{
top:37%;}

.inicio-info{
    width:80vh;
}

}

@media only screen and (min-height: 1200px) {
.contenedor-top{
height:20%;
}

.inicio-info{
    width:80vh;
}

}

@media only screen and (min-height: 1300px) {
.contenedor-top{
height:18%;
}

.inicio-info{
    width:80vh;
}

}

@media only screen and (min-height: 1450px) {
.contenedor-top{
height:17%;
}

.inicio-info{
    width:80vh;
}

}


@media only screen and (min-width: 1px) {



.contenedor-top{
height:150px; !important
}

.inicio-info{
    width:80vh;
}

}


@media only screen and (min-width: 350px) {


.text-info-tt{
display:none;

}

.text-info-t{
display:block;

}

.inicio-info{
    width:70vh;
    margin-left:50%;
    transform: translate(-50%);
}

}

@media only screen and (min-width: 360px) {

.inicio-info{
    width:80vh;
    margin-left:50%;
    transform: translate(-45%);
}

}

@media only screen and (min-width: 390px) {


.inicio-info{
    width:70vh;
    margin-left:50%;
    transform: translate(-45%);

}

}

@media only screen and (min-width: 400px) {


.inicio-info{
    margin-left:50%;
    transform: translate(-45%);
}

}

@media only screen and (min-width: 540px) {


.inicio-info{
    margin-left:50%;
    transform: translate(-45%);
}

}

@media only screen and (min-width: 600px) {


.botones{
width:31%;
}

.infov{
margin-left:0%;
margin-top:0%;
width:59vw;
}
.infovn{
margin-left:0%;
margin-top:0%;
width:59vw;
}

.inicio-info{
    width:70vh;
    margin-left:50%;
    transform: translate(-45%);

}

}


@media only screen and (min-width: 750px) {


.inicio-info{
width:70vh;
    margin-left:50%;
    transform: translate(-45%);
}

}

@media only screen and (min-width: 800px) {



.contenedor-top{
height:150px !important;
}

}

@media only screen and (max-width: 900px) {

@media all and (orientation:landscape) {

.inicio-info{width:70vh; margin-left:0%;}  
  
  


}

@media only screen and (min-width: 900px) {






.logo-menu-template-y{

position:fixed;}

.infot{
width:44%;
}
.complemento-t{ display:block;
}

.titulo{
font-size:2em;
}




.logo-menu-template-x{
height:auto;
top:4.6%;
width:10.5%;

}

.logo-menu-template-y{
height:auto;
left:1%;
top:4.6%;
width:10.5%;


}

.on-top1{

width:50%;
height:17%;

}

.contenido{
padding-left:13%;
}
.contenidon{
padding-left:13%;
}

.seva{
display:none;}


.titulo{
padding-top:8%;}

.on-top3
{display:none;
}

.contenido{
width:100%;
}
.contenidon{
width:100%;
}

.frase{
display:block;
}

.on-top2{display:block;
}
.infov{
position:relative;
width:43%;
}

.infovn{
position:relative;
width:43%;
}

.complemento{
width:55%;
}
.contenedor-top{
width:87%;
height:38% ;
margin-left:13%;
}

.gone{
display:block;
}


.banner{ 
display:block;
}




.bye {display:none;}


   }

@media only screen and (min-width: 1024px) {


.inicio-info{
margin-left:-5%;
width:100vh;
}

}

@media only screen and (min-width: 1280px) {


.inicio-info{
margin-left:-5%;
width:100vh;
}

}

@media only screen and (min-width: 750px) {


.inicio-info{
width:100vh;
margin-left:50%;
transform: translate(-45%);
}

}




@media only screen and (min-width: 950px) {
.text-info-v{ 
width:86%
}
.text-info-v3{
width:58%;
}

.ventajas{
margin-top:57vw;
}

}
 

@media only screen and (min-width: 1000px) {
.text-info-v{ 
width:81%
}

.ventajas{
margin-top:55vw;
}

}

@media only screen and (min-width: 1100px) {


.ventajas{
margin-top:48vw;
}

.text-info-v4{
width:58%;
}
}






@media only screen and (min-width: 1200px) {


.ventajas{
margin-top:44vw;
}

}

@media only screen and (min-width: 1300px) {

.titulo{
padding-top:6% !important;
}
.ventajas{
margin-top:40vw;
}

}
@media only screen and (min-width: 1400px) {


.ventajas{
margin-top:36vw;
}

}
@media only screen and (min-width: 1500px) {

.titulo{
padding-top:5% !important;
}
.ventajas{
margin-top:34vw;
}

}
 
 
 
 
*{
  padding: 0;
  margin: 0;
  font-family: 'pt_sansregular';
  box-sizing: border-box;
}
.float-right{
  float: right;
}
.fa{
 font-size: .8em;
  line-height: 22px !important;
}
dropdown{
position:absolute;
right:0;
top:41px;
z-index:8999;
   display: inline-block;
}

dropdown ul li{
 background-color:#0f1921;
color:white;
font-size:.75em;
}

dropdown label, dropdown ul li{
  display: block;
  width: 110px;
  padding: 15px 20px;
 
}


dropdown label{
  color: #1ABC9C;
  
  border-radius: 0 5px 0 0; 
  position: relative;
  z-index: 2;
   background-image:url(img/menu-mobile10.png);
    background-size:contain;
     background-repeat:no-repeat;
     height:110px;
}
dropdown input{
  display: none;
}
dropdown input ~ ul{
  position: relative;
  visibility: hidden;
  opacity: 0;
  top: -20px;
  z-index: 1;
}
dropdown input:checked + label{

  color: white;
}

dropdown input:checked ~ ul{
  visibility: visible;
  opacity: 1;
  top: 0;
}



.animate{
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;  
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden; /* Chrome and Safari */
  -moz-backface-visibility:hidden; /* Firefox */
  -ms-backface-visibility:hidden; /* Internet Explorer */
}