@charset "utf-8";

#Cabecera {
	clear:both;
	width:100%;
	position:relative;
	background-color:#DDD;
	margin-bottom:0px;
	padding-bottom:-1px;
	top: 95px;
		z-index: -10;
}

#Cabecera_Fechador {
	background-color:#417;
	color:#FFF;
	font-family:Oswald, Arial, Helvetica, sans-serif;
	font-weight:300;
	font-size:1.0em;
	padding:4px;
	width:100%;

	text-align: center;


}


#head_contenedor {
	position: fixed;
	width: 1100px;
 	left: 50%;
	margin-left: -550px;

}

#head_contenedor_textos {
	position: fixed;
	width: 1100px;
 	left: 50%;
	margin-left: -550px;

}

#head_contenedor a{
	color:#FFF;
	font-size: 1.12em;
	

}

#head_contenedor a:hover{
	color:#FF0;
}

#fondo_playerINICIO {
	clear:both;
	display: block;
}

#Video {
	display: block;
	background-color:#000;
	width:100%;
	margin-left:-5px;


}

header {


	background:#000;
	width: 100%;
	height: 110px;
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: 11px solid #606;
	z-index: 100;

}

#logo{

	margin: 5px;
	float: left;
	width: 605px;
	height: 81px;
	background: url(../imagenes/logo_VT_1.png) no-repeat center;
	display: block;

}

#fechador{
	width: 500px;
	margin: 5px;
	float: right;
	color: #fff;
	display: block;
}

#lugador{

	width: 500px;
	margin: 5px;
	float: right;
	color: #fff;
	display: block;
}






#menu-icon {

	display: hidden;
	width: 40px;
	height: 40px;
	background:  #606 url(../imagenes/menu-icon.png) center;

}



#menu-icon a {
		color:#FFF;
		text-decoration:none;
	} 





.current {

	color:#FF0;

}

.normalazo {
	
	color:#FFF;
	
}

.normalazo a{
	
	color:#FFF;
	
}

.normalazo a:hover{
	
	color:#FFF;
	
}
section {

	margin: 80px auto 40px;
	max-width: 980px;
	position: relative;
	padding: 20px

}

h1 {

	font-size: 2em;
	color: #606;
	line-height: 1.15em;
	margin: 20px 0 ;

}

p {


	line-height: 1.45em;
	margin-bottom: 20px;

}

/*MEDIA QUERY  tablets*/
@media only screen and (max-width : 1250px) {
	



	#fondo_playerINICIO {
	clear:both;
	display: block;
}


	
	#head_contenedor {
	position: fixed;
	width: 600px;
 	left: 50%;
	margin-left: -300px;


	
	}

header {

	background:#000;
	width: 100%;
	height: 110px;
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: 11px solid #606;
	z-index: 100;

}

	#logo{
	
		margin: 5px;
		float: left;
		width: 346px;
		height: 81px;
		background: url(../imagenes/logo_VT_2.png) no-repeat center;
		display: block;
	
	}




	#menu-icon {

		display:inline-block;

	}


	
}





/*MEDIA QUERY   mobil*/
@media only screen and (max-width : 740px) {

#Video {
    clear:both;
	display: block;
	background-color:#000;

}

	
	
#fondo_playerINICIO {
	clear:both;
	display: block;
}
	
	
	
	#head_contenedor {
	position: fixed;
	width: 370px;
 	left: 50%;
	margin-left: -170px;


	
	}

header {

	background:#000;
	width: 100%;
	height: 110px;
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: 11px solid #606;
	z-index: 100;

}

	#logo{
	
		margin: 5px;
		float: left;
		width: 250px;
		height: 81px;
		background: url(../imagenes/logo_VT_3.png) no-repeat center;
		display: block;
	
	}




	#menu-icon {

		display:inline-block;

	}




	
}







nav, ul, li {
		font-family: Oswald, Arial, serif;
	font-weight: 300;
	font-size: 1.08em;
	margin: 0; 
	padding: 0;

	
	}

.container {
    width: 90%;
    max-width: 900px;
    margin: 10px auto;

}
.toggleMenu {
    display:  none;
    background: #666;
    padding: 10px 15px;
    color: #fff;
}
.nav {
	position:relative;
    list-style: none;



	width: 100%;
	height: 105px;
	top: 15px;
	left: 0;
	z-index: 155;
	 
	 
	 
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 10em;
}
.nav a {
    padding: 10px 15px;
    color:#fff;
}
.nav li {
    position: relative;
}
.nav > li {
    float: left;
    border-top: 1px solid #000;
}
.nav > li > .parent {
    background-image: url("/imagenes/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
	font-size: 1.08em;
    display: block;
	font-size: 1.08em;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
	font-size: 1.08em;
}
.nav > li.hover > ul {
    left: 0;
	font-size: 1.08em;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
	font-size: 1.08em;
}
.nav li li a {
    display: block;
    background: #606;
    position: relative;
    z-index:100;
    border-top: 1px solid #175e4c;
	font-size: 1.08em;
}
.nav li li li a {
    background:#222;
    z-index:200;
    border-top: 1px solid #1d7a62;
	font-size: 1.08em;
}

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

.toggleMenu {
    display:  none;
    background: #417;
    padding: 3px 3px;
    color: #fff;
	top: 20px;
	left: 130px;
	position:relative;
	
}

	
.nav {
	clear:both;
		top: 29px;
	position:relative;
	background:#222;
		z-index: 155;
	 
	 
	 
	 
}
	
	
    .active {
        display: block;
    }
    .nav > li {
		
        float: none;
		background:#222;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("/imagenes/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

}

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

.toggleMenu {
 
	top: 20px;
	left: 30px;

	
}
}