/* estilos del sitio web */

/*fuentes y fuentes CDN*/

/*estilos generales*/
html, body{opacity:0;margin:0;}
html{position:relative; min-height:100%}
body{ background: rgb(42,41,40); padding-top:0px; outline: none; color: #fff;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance:none;}
.required{border:1px solid red !important;}
.row{margin-left:0px; margin-right:0px}
:focus { outline: none; }

@font-face {
	font-family: 'Aileron-Light';
	src: url('../fonts/Aileron-Light/Aileron-Light.eot');
	src: local('☺'), url('../fonts/Aileron-Light/Aileron-Light.eot') format('woff'), url('../fonts/Aileron-Light/Aileron-Light.eot') format('truetype'), url('../fonts/Aileron-Light/Aileron-Light.eot') format('svg');
	font-weight: normal;
	font-style: normal;
}

#contenedor{
	width: 100%;
	height: 100vh;
	background: url('../img/fondo.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#contenedor .contenido{
	position: relative;
	width: 100%;
	height: 100vh;
}
#contenedor .contenido .logo .contenido-logo{
	position: absolute;
	top: 75px;
	left: 80px;
}
#contenedor .contenido .logo img{
	width: 400px;
}
#contenedor .contenido .titulo{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
#contenedor .contenido .titulo img{
	width: 545px;
}
#contenedor .contenido .info{
	position: absolute;
	bottom: 20px;
}
#contenedor .contenido .info .row .redes{
	margin-top: 40px;
	padding-left: 20px;
}
#contenedor .contenido .info .row .redes .fb, #contenedor .contenido .info .row .redes .in{
	display: inline-block;
	padding-right: 2%;
	width: 50px;
}
#contenedor .contenido .info .row .contacto{
	padding: 0px;
}
#contenedor .contenido .info .row .contacto p{
	text-align: right;
	font-family: 'Roboto', sans-serif;
	color: #fff;
	font-size: 22px;
	font-style: normal;
	letter-spacing: 0.5px;
	margin-right: 65px;
	line-height: 29px;
}
#contenedor .contenido .info .row .contacto p a{
	text-decoration: none;
	color: #fff;
}

@media (max-width: 1999px) {
	
}
@media (max-width: 991px){

}

/*###### Moviles y Tablets ######*/
@media (max-width: 767px){ 
	#contenedor .contenido .logo{
		padding: 0px;
	}
	#contenedor .contenido .logo .contenido-logo{
		left: initial;
		top: 30px;
	}
	#contenedor .contenido .logo .contenido-logo img{
		width: 90%;
	}
	#contenedor .contenido .titulo{
		
	}
	#contenedor .contenido .info{
		padding-left: 0px;
	}
	#contenedor .contenido .info .row .redes{
		padding-left: 0px;
		margin-top: 10px;
	}
	#contenedor .contenido .info .row .redes .fb, #contenedor .contenido .info .row .redes .in{
		width: 45px;
		padding-left: 5%;
	}
	#contenedor .contenido .info .row .contacto{
		padding: 0px;
	}
	#contenedor .contenido .info .row .contacto p{
		font-size: 11px;
		margin-right: 30px;
		line-height: unset;
	}
}


@media screen and (min-width: 360px) and (max-width: 823px) and (orientation: landscape){
	#contenedor .contenido .logo{
		top: 25px;
	}
	#contenedor .contenido .logo .contenido-logo{
		left: 30px;
		top: 30px;
	}
	#contenedor .contenido .logo .contenido-logo img{
		width: 40%;
	}
	#contenedor .contenido .titulo img{
		width: 45%;
	}
	#contenedor .contenido .info{
		position: absolute;
    	bottom: 5px;
	}
	#contenedor .contenido .info .row .redes{
		margin-top: 10px;
		padding-left: inherit;
	}
	#contenedor .contenido .info .row .redes .fb, #contenedor .contenido .info .row .redes .in{
		width: 45px;
	}
	#contenedor .contenido .info .row .contacto p{
		font-size: 12px;
		line-height: unset;
	}
}