@charset "utf-8";
/* CSS Document */

body { background-color: #000; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background: #000 url(../images/fondoescenario.png) no-repeat 50% -50% ; font-family: 'Open Sans', sans-serif; font-size:16px; }
.divtop{ width:100%; height:155px; position:absolute; top:0px;}
	.logoimg{left: 50%; position: absolute; margin-left: -176px; }
	.logovanguardiaimg{ position:absolute;}
	.logovanguardiaimg img{margin-right:5px;}
	.titulobarra{ width:100%; height:56px; background:#000; position:absolute; top:90px;}
	.colordorado1{ background:#d3a25c; height:5px;}
	.titulo{ color:#fff; font-size:25px; text-align:center;}
.divcenter{ width:100%; height:500px; position:absolute; top:50%; margin-top:-250px; font-size:13px;}	
	.llamarvideos{ color:#EFC27C; font-weight:bold; cursor:pointer; z-index:10; margin-top: -15px;}
	.videosyoutube{ position:absolute; z-index:10; width:920px; height:450px; background:url(../images/black.png); display:none; }
	.cerrarvideo{ color:#fff; position:absolute; right:0px; font-size:13px; cursor:pointer; text-decoration:underline;}
	.cerrarvideo:hover{color:#EFC27C;}
	.flechasotras{ position:absolute; width:940px; top:180px; z-index:5; left:50%; margin-left:-470px; top:30%;}
		.flechasizq{ position:absolute; left:240px; cursor:pointer; display:none;}
		.flechasder{ position:absolute; right:-240px; cursor:pointer; display:none;}
	.otrasnomi{width:2000px; height:478px; position:absolute; z-index:1; color:#EFC27C; background:url(../images/black.png); margin-top:-15px; display:none;}
		.infoizqotras{ float:left; /* padding-right:35px;*/}
		.infoblancootras{ color:#fff;}
		.infotitulootras{ font-size:13; color:fff;}
	.contenedordenter{ width:950px; height:500px; left:50%; margin-left:-475px; position:absolute; overflow-x:hidden; line-height: 19px;}
	.contenedordenter2{ width:475px; height:500px; left:50%; margin-left:-475px; position:absolute; }
		.infoizq{width:400px; position:absolute; left:0px; margin-top:-60px; z-index:9;}
			.imgyinfo{ padding-top:9px;}
			.tituloconte{ color:#fff; font-size:27px;}
			.imgpreio{ position:absolute; right:114px; top:97px;}
			.titulocontesub{ color:#efc27c; font-size:16px;}
			.imgizq{ width:204px; height:290px; background:url(../images/marco-fotos.png); padding:8px;}
			.infoimg{ color:#fff; font-size:13px;}
			.brillogrande{ position:absolute; margin-top: -298px; margin-left: 70px;}
		.infoder{ width:360px; position:absolute; right:0px;}
			.titulonomi{ color:#fff; font-size:20px;}
			.textonomi{ font-size:14px; cursor:pointer;}
			.textonomi span{ color:#efc27c;}
				.nomMP1:hover, .nomMP2:hover, .nomMP3:hover, .nomMP4:hover, .nomMP5:hover, .nomMP6:hover, .nomMP7:hover, .nomMP8:hover, .nomMP9:hover, .nomMP10:hover{ font-weight:bold;}
			.imgseleccion{position:absolute; width:0px; height:0px; background:url(../images/tranfotos.png); cursor:pointer;}				
				.minis{ padding:4px; background:url(../images/marco-fotos-minis.png); width:70px; float:left; margin-left:4px; margin-top:5px;}
				.brillominis{ position:absolute; margin-top:-74px; margin-left:4px; cursor:pointer;}
.divbotton{ width:100%; height:165px; position:absolute; bottom:0px; background:url(../images/fondoGris.png) 0px -567px}
	.menuBotton{ width:940px; height:97px; left:50%; margin-left:-470px; position:absolute; background:url(../images/menu.png)}
		.textomenu{ width:940px;}
		.textomenu2{ position: absolute; left: 90px; top: 17px; width: 140px; text-align: center; font-weight: bold; cursor:pointer;}
		.textomenu3{ position: absolute; left: 234px; top: 17px; width: 151px; text-align: center; font-weight: bold; cursor:pointer;}
		.textomenu4{ position: absolute; left: 540px; top: 17px; width: 140px; text-align: center; font-weight: bold; cursor:pointer;}
		.textomenu5{ position: absolute; left: 684px; top: 17px; width: 221px; text-align: center; font-weight: bold; cursor:pointer;}
		.textomenu6{ position: absolute; left: 61px; top: 52px; width: 207px; text-align: center; font-weight: bold; cursor:pointer;}
		.textomenu7{ position: absolute; left: 270px; top: 52px; width: 148px; text-align: center; font-weight: bold; cursor:pointer;}
		.textomenu8{ position: absolute; left: 580px; top: 52px; width: 222px; text-align: center; font-weight: bold; cursor:pointer;}
		.textomenu:hover, .textomenu2:hover, .textomenu3:hover, .textomenu4:hover, .textomenu5:hover, .textomenu6:hover, .textomenu7:hover, .textomenu8:hover{ text-decoration:underline;}
.premioesta{ width:222px; position:absolute; bottom:0px; left:50%; margin-left:-111px;}
	.mejordirboton{ position:absolute; width:148px; height:35px; top:290px; left:-93px; cursor:pointer; z-index:10; background:url(../images/transpa.png);}

@media only screen and ( max-height: 850px ) {
	.divcenter{ position:static; margin-top:179px;}
	.divbotton{ position:static; margin-top:-36px;}
	.premioesta{ margin-top: -406px; bottom:auto;}
	body {background: black url(../images/fondoescenario.png) no-repeat 50% 50%;}
	.barratituloprin{ width:50%;}
	.flechasotras{top:30%;}
}
@media only screen and ( max-width: 1000px ) {
		
}