@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:100');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200');

Designio_Regular.otf

@font-face {
	font-family: Designio;
	src: url(../fonts/Designio_Regular.otf);
}


body {
	margin: 0px 0px 0px 0px;
	font-family: Titillium Web, sans-serif;

}
	
#logo {
	
	position:absolute;
	left: 7%;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	background:url(../images/logoHome.png) no-repeat;
	background-position:center center;
	background-size:100% auto;
	width: 200px;
	/*width:25%;*/
	height:60px;
	
	
	
	}
#btn_contacto{
	position:absolute;
	right:9%;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	border-left: solid 7px #FFFFFF;
	background: rgba(0,0,0,0.1);
	cursor:pointer;
	
	}
	
#txt_boton_contacto{
	margin:4px 4px 4px 17px;
	font-size:1.5em;
	color:#FFF;
	}
	
	
#bkg01 {
	position:fixed;
	background: rgb(194,86,84);
	background: -moz-linear-gradient(-45deg, rgb(194,86,84) 0%, rgb(163,106,134) 32%, rgb(87,129,198) 66%, rgb(0,149,255) 100%);
	background: -webkit-linear-gradient(-45deg, rgb(194,86,84) 0%,rgb(163,106,134) 32%,rgb(87,129,198) 66%,rgb(0,149,255) 100%);
	background: linear-gradient(135deg, rgb(194,86,84) 0%,rgb(163,106,134) 32%,rgb(87,129,198) 66%,rgb(0,149,255) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c25654', endColorstr='#0095ff',GradientType=1 );
	height:100%;
	width:100%;
	background-size:cover;
	top:0px;
	left:0px;
	
	}
#bkg02{
	position:fixed;
	background: rgb(62,109,150);
	background: -moz-linear-gradient(45deg, rgb(62,109,150) 1%, rgb(50,50,112) 100%);
	background: -webkit-linear-gradient(45deg, rgb(62,109,150) 1%,rgb(50,50,112) 100%);
	background: linear-gradient(45deg, rgb(62,109,150) 1%,rgb(50,50,112) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e6d96', endColorstr='#323270',GradientType=1 );
	height:100%;
	width:100%;
	background-size:cover;
	top:0px;
	left:0px;
	}
	
#tamanio_horizonal{
	position:absolute;
	
	width:5px;
	height: 500px;
	top:0px;
	left:0px;
	}
	
#recuadro_home {
	
	background: rgba(0,0,0,0.25);
	width:100%;
	height:100%;
	position:absolute;
	display:table;
	border-radius: 0 0 10px 10px;

	
	}
	
#mascara_recuadro{
	
	max-width:500px;
	width:90%;
	height:500px;
	
	position:absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	
	overflow:hidden;
	border-radius: 8px;
	
	}
	
#recuadro_contenido{
	
	border-radius: 10px;
	position:absolute;
	
	background: rgba(0,0,0,0.15);
	width:98%;
	height:98%;
	
	left:500px;
	top:500px;
	overflow-y:auto;
	
}

/*#recuadro_contenido::-webkit-scrollbar { 
    display: none; 
}*/

#recuadro_contenido::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: rgba(255,255,255,0.2);
}

#recuadro_contenido::-webkit-scrollbar
{
	width: 8px;
	background-color: rgba(0,0,0,0.3);
}

#recuadro_contenido::-webkit-scrollbar-thumb
{
	background-color: rgba(0,0,0,0.3);
	border: 0px solid #555555;
}





	
#contenedor_animacion_textos{
	
	top:0px;
	position:absolute;
	height:330px;
	width:100%;
	overflow:hidden;

	
	}
#bkg_menu_home{
	
	background: rgba(0,0,0,0.1);
		position:absolute;
	height:170px;
	width:100%;
	bottom:0px;
	border-radius: 0 0 10px 10px;
	
	
	}
	
.btn_menu_home{
	height:32px;
	width:100%;
	/*background-color:#CCC;
	padding: 5px 0px 5px 0px;
	
	margin: 0px 0px 0px 10px;*/
	position:relative;
	display:inline-table;
	
	border-left: solid 4px #009999;
	cursor:pointer;
	
	
	
	}
.btn_menu_home:hover{
	
	/*background-color:#999;*/
	}
	
.txt_boton{
	margin:0px 0px 0px 20px;
	font-size:1.2em;
	color:white;
	
	}
	
#container_menu_home{
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	position:relative;
	
	}
.txtGrande{
	font-size: 2.9em;
	color:#FFF;
	margin:0px 25px 0px 25px;
	position:absolute;
	
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	line-height:0.9em;
	width:80%;
	}
	

#myVideo {
    position:absolute;
	left:0;
	bottom:0;
   
    min-width: 80%; 
    min-height: auto;
	opacity:0.4;
}

#gifbkg{
	
	opacity:0.5;
	
	}

#cargandoPagina{
	
	width:100%;
	height:100vh;
	background: url(../images/loaded.gif) no-repeat center center;
	background-size: 70px auto;
	position:fixed;
	z-index: 1500;
	font-family:kittenSwash;
	font-size:1em;
	background-color:#FFF;
	
	}
	
#iconMenu{
	
	position: relative;
 
    width: 100%;
	height:100%;
	background:url(../images/iconMenu.png) no-repeat center center;
	background-size:40% auto;
	cursor:pointer;
	z-index:400;
	
	}

#contenedor_contenido{
	
	height: auto;
	color:#FFF;
	font-size: 1.3em;
	
	
	}


	
@media (max-width: 1080px) {
	
#logo {
	left: 5%;
	top:15px;
	transform: translate(0,0);
	-webkit-transform: translate(0, 0);
	width: 140px;
	}
	
#btn_contacto{
	
	right:5%;
	top:26px;
	transform: translate(0,0);
	-webkit-transform: translate(0, 0);
	border-left: solid 6px #FFFFFF;

	}

#txt_boton_contacto{

	font-size:1.2em;
	
	}
	
#mascara_recuadro{
	
	top:90px;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	height:480px;
	
	}
.txtGrande{
	font-size: 2.6em;
	}
	
#contenedor_animacion_textos{
	
	height:310px;
	
	}
#tamanio_horizonal{
	height: 600px;	
}