/*FUENTES*/

@font-face
{
 font-family:'titulo';
 src: url('fonts/Gotham-Medium.otf');
}

@font-face
{
 font-family:'texto';
 src: url('fonts/OpenSans-Light.ttf');
}

@font-face
{
 font-family:'desplegado_bold';
 src: url('fonts/OpenSans-Bold.ttf');
}

@font-face
{
 font-family:'titulo_accordion';
 src: url('fonts/Gotham-Light.otf');
}

@font-face
{
 font-family:'nav_vertical';
 src: url('fonts/Gotham-Bold.otf');
}

/*GENERALES*/

*{
	margin:0px;
	padding:0px;
	font-family:sans-serif;
}

a{
	font-size:13px;
	text-decoration:none;
	color:#2e2d2d;
}

h3{
	margin-bottom:20px;
	font-family:"titulo_accordion";
	font-size:24px;
	color:#808285;
}

ul{
	padding-top:40px;	
	font-size:15px;
	font-weight:100;	
	color:black;	
	float:right;
	list-style:none;
}

li{
	margin-left:30px;
	float:left;	
}

#blanco{
	width:100%;
	height:auto;
	/*background-color:black;*/
}

#blanco_aux{
	width:600px;
	height:auto;
	margin:auto;
	padding:65px 0px;
	/*background-color:red;*/
}

.miti1{
	width:600px;
	height:auto;
}

.miti2{
	width:360px;
	height:auto;
	background-color:yellow;
}

#blanco_aux2{
	width:960px;
	height:auto;
	margin:auto;	
	padding:65px 0px;
	/*background-color:orange;*/
}

#celeste{
	width:100%;
	height:auto;
	background-color:#22b8d4;
}

#celeste_aux{
	width:600px;
	height:auto;
	margin:auto;
	padding:65px 0px;
}

#gris{
	width:100%;
	height:auto;
	background-color:#22b8d4;	
}

#gris_aux{
	width:600px;
	height:auto;
	margin:auto;
	padding:65px 0px  55px 0px;
}

#mitad5{
	width:500px;
	float:left;
}

#mitad6{
	margin-left:50px;
	width:150px;
	float:left;
}

/*HEADER*/

header{
	height:90px;	
	width:100%;
	background-color:white;
}

#header_aux{
	height:90px;	
	width:100%;
	margin:auto;	
	background-color:white;
       padding:0% 5% 0% 5%;
}

.idiomas{
	font-size:10px;
	margin-top:-5px;
}

.idiomas2{
	font-size:10px;
	margin-top:-5px;
}

/*CONTACTO*/

#mitad1{
	height:auto;
	width:350px;
	float:left;
	/*ackground-color:green;*/
}

#mitad2{
	height:auto;
	width:180px;
	float:left;
	margin-left:130px;		
	/*background-color:red;*/
}

#mitad3{
	height:auto;
	width:170px;
	float:right;
	margin-left:50px;	
	/*background-color:pink;*/
}

/*FOOTER*/

footer{
	height:100px;
	width:100%;
	background-color:#4d4d4d;
	clear:both;
}

#footer_aux{
	height:auto;
	width:960px;
	margin:auto;
	padding:45px 0;
	font-family:"texto", "Open Sans";	
	font-size:16px;
}

.copyright1{
	font-family:"texto", "Open Sans";
	font-size:14px;
	float:left;
	color:#acacac;	
}

.copyright2{
	font-family:"texto", "Open Sans";
	font-size:14px;
	float:right;
	color:#acacac;	
}

.by{
	font-size:14px;
	color:white;
	float:right;
	color:#acacac;	
}

.by:hover{
	color:#22b8d4;

}

/*TEXTOS*/	

.titulo{
	font-family:"titulo";
	font-size:50px;
	font-weight:lighter;
	color:#22b8d4;
	margin-bottom:16px;	
}

.texto{
	font-family:"texto", "Open Sans";
	font-size:15px;
	color:#808285;
	text-align:justify;
    text-justify: inter-word;	
}

.titulo_blanco{
	font-family:"titulo";
	font-size:50px;
	font-weight:lighter;
	color:white;
	margin-bottom:20px;	
}

.texto_blanco{
	font-family:"texto", "Open Sans";
	font-size:14px;
	color:white;
	margin-bottom:30px;	
	text-align: justify;
    text-justify: inter-word;		
}

.texto_blanco2{
	font-family:"texto", "Open Sans";
	font-size:14px;
	color:white;
	text-align: justify;
    text-justify: inter-word;		
}

.titulo_gris{
	font-family:"titulo";
	font-size:35px;
	font-weight:lighter;
	color:white;
	margin-bottom:20px;	
}

.texto_gris{
	font-family:"texto", "Open Sans";
	font-size:14px;
	color:#808285;
	margin-bottom:20px;
	text-align: justify;
    text-justify: inter-word;	
}

.texto_contacto{
	font-family:"texto", "Open Sans";
	font-size:14px;
	line-height:250%;
	color:#22b8d4;
	margin-bottom:15px;
}

.texto_logo_contacto{
	font-family:"texto", "Open Sans";
	font-size:14px;
	margin-top:10px;
	margin-left:10px;
	color:#22b8d4;
	float:left;
	line-height: 40%;
}

.texto_desplegado{
	font-family:"texto", "Open Sans";
	font-size:14px;
	text-align: justify;
    text-justify: inter-word;		
}

.texto_desplegado_bold{
	font-family:"desplegado_bold";
	font-size:14px;	
}

.desplegado_asset{
	text-align: justify;
    text-justify: inter-word;		
}

.color{
	color:#22b8d4;
}

.video{
    color:white;   
    font-family:"titulo_accordion";     
    font-size:15pt;  
}

/*FORM LOGIN DESPLEGABLE*/

.form_login{
	margin-left:50px;
}

.form_login input[type="text"], input[type="password"] {
	height:45px;
	width:300px;
	margin:0px 0px 10px 0px;	
	border:1px solid #bbbdc0;	
	resize:none;	
	padding-left:20px;   
    font-size:14px;	
    color:#bbbdc0;
}

.form_login input::-webkit-input-placeholder {
    font-size:14px; 
	color:#bbbdc0;    
}	


.form_login input[type=text]:focus, input[type="password"]:focus{
	font-family:sans-serif;	
	font-size:14px;	
	border:1px solid;
	border-color:#22b8d4;  	
	outline: 0;
	color:black;	
}

.form_login textarea {
	width:300px; 
	height:140px;	
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;	
	border:1px solid #bbbdc0;
	resize:none;
	font-size:14px;	
    font-family:sans-serif;	
	padding:20px;	
	color:#bbbdc0; 	
}

.form_login textarea::-webkit-input-placeholder {
    font-family:sans-serif;
	font-size:14px;	
	color:#bbbdc0;
	line-height: 150%;
}

.form_login textarea:focus {
    font-family:sans-serif;	
	font-size:20px;
	border:1px solid;
	border-color:#22b8d4;
	outline: 0;	
	color:black;	
}

.form_login input[type="submit"] {
	width:300px;
	height:45px;
	margin:0px;	
	font-size:20px;
	color:#808285;	
	border:1px solid;
	border-color:#808285; 
	background:white;
	float:left;	
}

.form_login input[type=submit]:focus{
	border-color:#808285;  	
}

.form_login input[type=submit]:hover{
	border-color:#22b8d4;  
	color:#22b8d4;	
}

/*LOGIN DESPLEGABLE*/

#login{
	height:100%;
	width:400px;
	position:fixed;
	right:-100%;
	z-index:1;
	background-color:white;
	opacity:0.95;
	/*background:url("images/img1.jpg") no-repeat center;*/
	/*background-position:top center;*/
}

.blanco_login{
	height:auto;
	width:400px;
	background-color:white;
	position:absolute;
	top:50%;
	left:50%;
	padding:15px 0 65px 0;
	margin:-50% 0 0 -200px;
}

.close_login{
	margin:0px;
	font-family:"titulo_accordion";
	font-size:30px;
	margin-top:5px;
	margin-right:49px;
	float:right;
}

.close_login_aux{
	height:45px;
	width:400px;
	background-color:white;
}

.titulo_login{
	opacity:1;	
	margin-bottom:20px;
	text-align:center;	
}


.titulo_login2{
	opacity:1;	
	margin-bottom:20px;
	text-align:center;	
}
/*FORM CONTACTO*/

input[type="text"] {
	height:45px;
	width:350px;
	margin:0px 0px 10px 0px;	
	border:1px solid #bbbdc0;	
	resize:none;	
	padding-left:20px;
	padding-top:1px;   
    font-size:14px;	
    color:#bbbdc0;
    border-radius: 0px;
    background-clip: padding-box;
}

input::-webkit-input-placeholder {
    font-size:14px; 
    padding-top:1px;  
	color:#bbbdc0;    
}	

input[type=text]:focus{
	font-family:sans-serif;	
	font-size:14px;	
	border:1px solid;
	border-color:#22b8d4;  	
	outline: 0;
	color:black;	
	padding-top:1px;  
	border-radius: 0px;
}

textarea {
	width:350px; 
	height:120px;	
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;	
	border:1px solid #bbbdc0;
	resize:none;
	font-size:14px;	
    font-family:sans-serif;	
	padding-left:20px;
	padding-top:12px;	
	color:#bbbdc0; 	
	border-radius: 0px;
	background-clip: padding-box;
}

textarea::-webkit-input-placeholder {
    font-family:sans-serif;
	font-size:14px;	
	color:#bbbdc0;
	line-height:140%;
}

textarea:focus {
    font-family:sans-serif;	
	font-size:14px;
	border:1px solid;
	border-color:#22b8d4;
	outline: 0;	
	color:black;	
	border-radius: 0px;
}

input[type="submit"] {
	width:350px;
	height:45px;
	margin:0px;	
	font-size:20px;
	color:#808285;	
	border:1px solid;
	border-color:#808285; 
	background:white;
	float:left;	
	margin-bottom:65px;
	padding-bottom:2px;
	border-radius: 0px;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
}

input[type=submit]:focus{
	border-color:#808285;  	
}

input[type=submit]:hover{
	border-color:#22b8d4;  
	color:#22b8d4;	
}

.placeholder-fix:focus::-webkit-input-placeholder{
	color:transparent;
}
.placeholder-fix:focus::-moz-placeholder{
	color:transparent;
}
.placeholder-fix:-moz-placeholder{
	color:transparent;
}

/*OTROS*/

.logo_contacto{
	clear:both;
}

.logos_contacto{
	float:left;
}

.imagen_logo_contacto{
	height:25px;
	width:25px;
	margin-bottom:10px;
	float:left;
}

.logo_principal{
	float:left;
}

.logo_secundario{
	height:116px;
	width:339px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-58px 0 0 -169.5px;
	opacity:0.8;
}

.logo_terciario{
	height:157px;
	width:165px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-78.5px 0 0 -82.5px;
	opacity:0.8;
}

.logo_pro{
	height:382px;
	width:700px;

	top:50%;
	left:50%;
	margin: 0px 0 0 0;
	opacity:0.8;
        text-align:center;
}

.logo_secundario2{
	height:186px;
	width:700px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-93px 0 0 -350px;
	opacity:0.8;
}

.menos{
	margin-bottom:14px;
}

.argie{
	width:160px;
	height:160px;
	margin-top:10px;
}

.video{
	margin-top:1px;
	margin-bottom:20px;
}

/*PARALLAX*/

#imagen1 {
	background-image:url(images/img1-1.jpg);
	background-size:cover;
}

#imagen2 {
	background-image:url(images/img4-1.jpg);
	background-size:cover;	
}

#imagen3 {
	background-image:url(images/img3-1.jpg);
	background-size:cover;	
}

#imagen4 {
	background-image:url(images/img4-1.jpg);
	background-size:cover;	
        text-align:center;
}

#imagen5 {
	background-image:url(images/oficina2.jpg);
	background-size:cover;	
}

#imagen6 {
	background-image:url(images/img7-1.jpg);
	background-size:cover;	
}


#imagen7 {
	background-image:url(astroquant/img-astro.jpg);
	background-size:cover;
	text-align:center;
}

.parallax1{
	margin: 0 auto;
	width:100%;
	max-width:1920px;
	position:relative;
	min-height:90%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.parallax2{
	margin: 0 auto;
	width:100%;
	max-width:1920px;
	position:relative;
	min-height:50%;
	background-position: 50% 0;
	background-repeat: repeat;
	background-repeat: no-repeat;
	background-size: cover;
}

.parallax3{
	margin: 0 auto;
	width:100%;
	max-width:1920px;
	position:relative;
	min-height:60%;
	background-position: 50% 0;
	background-repeat: repeat;
	background-repeat: no-repeat;
	background-size: cover;
}


/*ACCORDION 1*/

:focus, :active {  
    outline: 0;  
}  

* {  
    -moz-box-sizing: border-box;   
    -webkit-box-sizing: border-box;   
    box-sizing: border-box;  
}  

#accordion1 {  
    width: 700px;  
    margin-top:16px;  
}  

#accordion1 .ui-accordion-content {  
    width: 100%; 
    height:auto; 
    background-color: #22b8d4;  
    color: white;    
}  

#accordion1 .ui-accordion-content > * {  
    margin: 0;  
    padding: 20px;  
}  

#accordion1 .ui-accordion-header {  
    background-color:white;  
    margin: 0px;      
}  

#accordion1 .ui-accordion-header a {  
    color:#22b8d4;  
    line-height:42px;  
    display: block; 
    font-family:"titulo_accordion";     
    font-size:15pt;  
    width: 100%;  
}  

/*ACCORDION 2*/

#accordion2 {  
    width:700px;  
    margin-top:20px;  
}  

#accordion2 .ui-accordion-content {  
    width:100%; 
    height:auto; 
    background-color:#22b8d4;  
    color:white;  
}  

#accordion2 .ui-accordion-content > * {  
    margin:0;  
    padding:20px;  
}  

#accordion2 .ui-accordion-header {  
    background-color:white;  
    margin:0px;      
}  

#accordion2 .ui-accordion-header a {  
    color:#22b8d4;  
    line-height:42px;  
    display: block;  
    font-family:"titulo_accordion";
    font-size: 15pt;  
    width:100%;  
}  

/*NAV VERTICAL*/

.nav1{
	float:left;
	margin-left:-58px;
	font-family:"titulo";
	display:none;
	color:#2e2d2d;
}

.nav2{
	float:left;
	margin-left:-150px;
	font-family:"titulo";	
	display:none;
	color:#2e2d2d;
}
.nav3{
	float:left;
	margin-left:-190px;
	font-family:"titulo";	
	display:none;
	color:#2e2d2d;
}
.nav4{
	float:left;
	margin-left:-132px;
	font-family:"titulo";	
	display:none;
	color:#2e2d2d;
}
.nav5{
	float:left;
	margin-left:-104px;	
	font-family:"titulo";	
	display:none;
	color:#2e2d2d;
}

.nav6{
	float:left;
	margin-left:-126px;
	font-family:"titulo";	
	display:none;
	color:#2e2d2d;
}

.nav7{
	float:left;
	margin-left:-119px;
	font-family:"titulo";	
	display:none;
	color:#2e2d2d;
}

.nav8{
	float:left;
	margin-left:-91px;
	font-family:"titulo";	
	display:none;
	color:#2e2d2d;
}

#nav{
	height:190px;
	width:20px;
	position:fixed;
	right:0%;
	top:50%;
	margin:-95px 10px 0 0;
}

.item1{
	height:20px;
	width:20px;
	border:1px solid #2e2d2d;
	margin-bottom:10px;
}

.item2{
	height:20px;
	width:20px;
	border:1px solid #2e2d2d;
	margin-bottom:10px;
}

.item3{
	height:20px;
	width:20px;
	border:1px solid #2e2d2d;
	margin-bottom:10px;
}

.item4{
	height:20px;
	width:20px;
	border:1px solid #2e2d2d;
	margin-bottom:10px;
}

.item5{
	height:20px;
	width:20px;
	border:1px solid #2e2d2d;
	margin-bottom:10px;
}

.item6{
	height:20px;
	width:20px;
	border:1px solid #2e2d2d;
	margin-bottom:10px;
}

.item7{
	height:20px;
	width:20px;
	border:1px solid #2e2d2d;
	margin-bottom:10px;
}

.item8{
	height:20px;
	width:20px;
	border:1px solid #2e2d2d;
	margin-bottom:10px;
}

.texto_destacado {
	text-align: center;
    font-size: 45px;
    position: absolute;
    width: 100%;
    bottom: 100px;
    color: rgba(255,255,255,.9);
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}


#header.abierto {
	height: 155px !Important;
}

#header.abierto li{
	line-height: 22px !Important;
}

#header.abierto ul{
	padding-top: 0px !Important;
}

#nav {
	display: none;
}

@media (max-width: 900px)
{

	#header_aux ul {
		display: none;
	}

	.hamburguesa {
		visibility: visible !important;
	}

	.titulo, .titulo_blanco {
		font-size: 40px;
	}
	
	#mitad2, #mitad3 {
		height: auto;
		width: 100%;
		float: none;
		margin-left: 0px;
		margin-top: 20px;
    }

	#blanco_aux, #gris_aux, #blanco_aux2, #footer_aux{
		padding-left: 25px;
		padding-right: 25px;
		width: 100%;
	}
	
	#accordion2, #accordion1 {
		width: 100%;
    }
	
	#celeste_aux{
		padding-left: 25px;
		padding-right: 25px;
		width: 100%;
	}
	
	.logo_pro {
    	height: auto;
    	width: 100%;
    }
    
    footer {
	    height: 132px;
	}
	
	#login {
		display: none;
	}
	
	
	
	.texto_destacado {
		text-align: center;
		font-size: 35px;
		position: absolute;
		width: 90%;
		left: 5%;
		bottom: 120px;
		color: rgba(255,255,255,.9);
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
	}
	
	
	input[type="text"], input[type="password"] {

		width:100% !important;
	}
	
	textarea {
		width:100% !important; 
	}
	
	input[type='submit'] {
		width: 100%;
	}
	
	#mitad1{
		width:100%;
		float:initial;
	}

	#mitad2{
		width:100%;
		float:initial;
	}
	
	.titulo{
		font-size:40px;
	}
}

.desc {
	font-size: 20px;
	line-height: 25px;
}

button[type='submit'] {
	border: 1px solid #cccdcf;
    width: 100%;
    background: white;
    font-size: 15px;
    padding: 10px;
    color: #18bad7;
    margin-bottom: 40px;
}