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

*{
	padding:0px;
	margin:0;
}
html, body{
	-webkit-font-smoothing: antialiased !important;
	margin:0;
	width:100%;
}

a{
outline:0;
}
img{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }



/*////////////MENU FIJO//////////////*/

#superior{
	width:100%;
	height:96px;
	position:fixed;
	top:0px;
	min-width:990px;
	
}

#linea_naranja{
	background: url(../Imagenes/f_naranjaSuperior.jpg) repeat-x;
	height:10px;
	width:100%;
}


#menuGeneral{
	background: url(../Imagenes/f_menu.png) repeat-x;
	height:86px;
}

#divMenu{
	margin:0 auto;
	height:86px;
	width:990px;
}

#logo{
width:400px;
height:50px;
margin-top:18px;
margin-left:10px;
background:url(../Imagenes/i_logo.jpg) no-repeat;
float:left;
}

#navegacion{
width:450px;
padding-top :14px;
height:50px;
float:right;
margin-right:15px;
font: 14px 'Montserrat', Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}



.nav {
  position:relative;
  list-style: none;
  height:46px;
 float:right;
/* margin-left:40px;*/
  
}

.nav > ul{
	list-style:none;
	z-index:10;
	position:absolute;
	z-index:100;
	padding:9px 5px;
	width:450px;

	}

.nav > li > a {
  display: block;
  float:left;
  margin:11px;
  height:27px;
}

.nav > li > a:hover {
  text-decoration: none;
 background:url(../Imagenes/barra_menu.png);

}

.navbar .nav > li {
  float: left;
  
}

.navbar .nav > li > a {
  	text-decoration:none;
	color: #CCC;
}

.navbar .nav > li > a:hover {

	color: #fff;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
	color: #FFF;
  	text-decoration:none;
	background:url(../Imagenes/barra_menu.png);

}

.anton{
	font: 13px 'Montserrat', Verdana, Arial, Helvetica, sans-serif;
color: color:#FD4239;
font-weight:bold;
}

#contenedor{
	margin:0 auto;
	min-width:990px;
	/*position: relative;*/
	height:100%;
}

#inicio{
	padding-top:140px;
	background:url(../Imagenes/fondo_gris.jpg) repeat;
	width:100%;
	height:1047px;	
}


#inicio_a{
	width:990px;
	margin:0 auto;
	background:url(../Imagenes/fondo_gris.jpg) repeat;
}


#rotador{
	height:448px;
	width:990px;
	/*margin-left:25px;*/
	float:left;
}


/*ROTADOR DE IMAGENES*/



#container {
	width:980px;
	/*padding:10px;*/
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:980px;
	margin:0 auto;
	height:470px;
	position:relative;
}
#ribbon{
	position:absolute;
	top:-7px;
	left:20px;
	z-index:500;
	float:left;
	width:164px;
	height:160px;
	background:url(../Imagenes/new-ribbon.png) no-repeat;
}

#fondo_rot {
	position:absolute;
	float:left;
	z-index:0;
	width:980px;
	height:448px;
	top:-5px;
	background: url(../Imagenes/i_rotador.png) no-repeat;
	/*left:-36px;*/
}

#slides {
	/*width:900px;*/
	height:390px;
	position:absolute;
	top:15px;
	left:40px;
	z-index:100;
}

.slides_container {
	width:900px;
	height:448px;
	overflow:hidden;
	position:relative;
	display:none;
}


.slide{
	width:900px; 
	height:390px;
	position:relative;
	

}
.slide img{
	width:900px; 
	height:390px;
	position:absolute;

}

.slides_container div.slide {
	width:900px;
	height:390px;
	display:block;
}


#slides .next,#slides .prev {
	position:absolute;
	top:178px;
	left:0px;
	width:34px;
	height:36px;
	display:block;
	z-index:101;
}

#slides .next {
	left:866px;
}

#lista ul{
	list-style:none;
}

.pagination {
	margin-left:390px;
	margin-top:-25px;
	width:100px;
	position:absolute;
	z-index:600;
}

.pagination li {
	float:left;
	margin:0 3px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../Imagenes/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}


/*FIN ROTADOR*/




#tituloInicio{
	width:990px;
	color:#999;
	height:80px;
	margin:0 auto;
	padding-top:36px;
	clear:both;
	font: 62px 'Anton', Arial, Helvetica, sans-serif;
	text-align:center;
}

#info_inicio{
	width:990px;
	color:#666;
	height:360px;
	margin:0 auto;
	padding-top:30px;
	clear:both;
	font: 12px 'Montserrat', Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	
}

.montserrat_bold{
	font-weight:bold;
}

#texto_inicio{
	width:362px;
	height:300px;
	float:left;
	margin-left:90px;
	margin-top:38px;

}

#imagen_inicio{
	width:448px;
	height:340px;
	margin-right:50px;
	float:right;
	background:url(../Imagenes/i_inicio.jpg) no-repeat;
}

#prev_juegos{
	width:990px;
	height:23px;
	margin-top:35px;

	
}

.anton{
	font: 13px 'Montserrat', Verdana, Arial, Helvetica, sans-serif;
color: color:#FD4239;
font-weight:bold;
}

/*////////////JUEGOS//////////////////*/


#juegos{
background: url(../Imagenes/fondo_naranja.jpg) repeat;
	width:100%;
	height:1570px;
		
}

#info_juegos{
	width:1170px;
	color:#FFF;
	height:1510px;
	margin:0 auto;
	padding-top:50px;
	clear:both;
	
}

#titulo_juegos{
	width:990px;
	color:#FFF;
	height:90px;
	margin:0 auto;
	margin-bottom:10px;
	margin-top:23px;
	font-family:'Anton',  Arial, Helvetica, sans-serif;
	font-size:49px;
	text-align:center;	

}

#prev_anuncios{
	background: url(../Imagenes/fondo_naranja.jpg) repeat;
	width:100%;
	height:70px;
	min-width:990px;
	
}

/*///////////////ESTILO IMG JUEGOS///////////////*/



#fila_juegos{
	width:1170px;
	margin:0 auto;
	float:left;
	margin-left:12px;	
}

.espacio_juego{
	width:180px;
	height:230px;
	float:left;
	margin-right:15px;
	top:0px;
}

.item {
	width:180px;
	height:180px;		
	overflow:hidden;
	position:relative;
	float:left;
	margin-bottom: 5px;
}

.item .caption {
	cursor: default;
	width:174px;
	height:180px;
	background:#000;
	color:#fff;
	font-weight:bold;
	margin-top:5px;
	margin-left:3px;
	position:absolute;
	display:none;
	filter:alpha(opacity=85);    /* ie  */
	-moz-opacity:0.85;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.85;    /* for really really old safari */  
	opacity: 0.85;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.item .caption  a{
	text-decoration:none;
	color:#FF3333;
	font: 19px 'Anton', Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	/* add spacing and make the whole row clickable*/
	padding-top:7px;
	display:block;
	
}

.item .caption p {
	padding:6px;		
	margin:0;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height:12px;
}

.item img {
	border:0;
	/* allow javascript moves the img position*/
	position:absolute;
	
}

.clear {
	clear:both;	
}

#barra_inferior{
	clear:both;
	width:180px;
	height:37px;
	margin-top:180px;
	background: rgba(54, 25, 25, .7);
	border-radius: 5px;
}

#barra_inferior p{
	margin-left:5px;
	margin-top:7px;
	color: orange;
}

#barra_inferior_izq{
	float:left;
	width:71px;
	height:34px;
	color:#6C0809;	
	font: 14px 'Montserrat', Verdana, Arial, Helvetica, sans-serif;
}

#barra_inferior_der{
	float:right;
	width:109px;
	height:34px;
}

#facebook{
	float:left;
	width:36px;
	height:34px;
	margin-left:1px;
	background:url(../Imagenes/juegos/facebook.png) no-repeat;
	display:block;
}

#apple{
	float:left;
	width:36px;
	height:34px;
	background:url(../Imagenes/juegos/apple.png) no-repeat;
	display:block;
}

#android{
	float:left;
	width:36px;
	height:34px;
	background:url(../Imagenes/juegos/android.png) no-repeat;
	display:block;
}



/*////////////ANUNCIOS////////////////////*/


#anuncios{
	background:url(../Imagenes/fondo_gris.jpg) repeat;
	width:100%;
	height:1700px;
	min-width:990px;
		
}

#info_anuncios{
	width:990px;
	height:840px;
	margin:0 auto;
	padding-top:55px;
	clear:both;
	
}

#titulo_anuncios{
	width:990px;
	height:85px;
	margin:0 auto;
	float:left;
	text-align:center;

}

#demo{
	width:975px;
	height:580px;
	padding-left:15px;
	padding-top:17px;
	clear:both;
	background:url(../Imagenes/fondo_demo.jpg) no-repeat;

}
#demo iframe{
	width:960px;
	height:540px;
}

h1{
	color:#999;
	font: 44px 'Anton',  Arial, Helvetica, sans-serif;
	text-align:center;
}

#datos_anuncios{
	margin:0 auto;
	width:990px;
	float:left;
	margin-top:7px;
	height:113px;
	background:url(../Imagenes/fondo_anuncios.jpg) center no-repeat;
}

#tabla_anuncios{
	margin-left:37px;
	margin-top:10px;
}

/*#tabla_anuncios table{
	width:925px;
}*/

h2{
	font: 33px 'Anton',  Arial, Helvetica, sans-serif;
	text-align:center;
}

h3{
	color:#999;
	font: 30px 'Anton',  Arial, Helvetica, sans-serif;
	text-align:center;
}

#datos_anuncios p{
	font: 13px 'Montserrat', Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#544E44;
	margin-top:-5px;
	text-align:center;
}
.anuncios1{
	color:#FD4239;	
	width:183px;
	float:left;
}

.anuncios2{
	color:#FAC43E;
	width:183px;	
	float:left;
}

.anuncios3{
	color:#136C80;	
	width:183px;
	float:left;
}

.anuncios4{
	color:#6EAA6F;
	width:183px;
	float:left;

}

.anuncios5{
	color:#7C4FD3;
	width:193px;
	float:left;
}

#linea_gris{
	margin:0 auto;
	width:820px;
	height:5px;
	clear:both;
	background:url(../Imagenes/linea.jpg) repeat-x;
}

#titulo_anuncios2{
	width:990px;
	height:50px;
	margin:0 auto;
	text-align:center;
	padding-top:45px;

}

#opciones_anuncios{
	margin:0 auto;
	width:925px;
	height:303px;
	clear:both;
	padding-top:18px;

}

#opciones_anuncios p{
	font: 13px 'Montserrat', Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}

.anuncio1{
	background: url(../Imagenes/anuncios1.jpg) no-repeat;
	width:183px;
	height:283px;
	float:left;
	margin-right:0px;
}

.anuncio2{
	background: url(../Imagenes/anuncios2.jpg) no-repeat;
		width:183px;
	height:283px;
	float:left;
	margin-right:0px;
}

.anuncio3{
	background: url(../Imagenes/anuncios3.jpg) no-repeat;
	width:183px;
	height:283px;
	float:left;
}

.anuncio4{
	background: url(../Imagenes/anuncios4.jpg) no-repeat;
		width:183px;
	height:283px;
	float:left;
	margin-left:0px;
	margin-right:0px;
}

.anuncio5{
	background: url(../Imagenes/anuncios5.jpg) no-repeat;
		width:183px;
	height:283px;
	float:left;
}


#texto_anuncios{
	width:183px;
	height:273px;
}


#texto_anuncios p{
	margin-top:193px;
}

#texto_anuncios2 p{
	margin-top:185px;
}

#linea_gris2{
	margin:0 auto;
	width:820px;
	height:5px;
	clear:both;
	background:url(../Imagenes/linea.jpg) repeat-x;
}

#formulario{
	margin:0 auto;
	width:750px;
	height:210px;
	clear:both;
}

#formulario_izq{
	width:265px;
	height:180px;
	float:left;
	margin-top:30px;
	margin-left:20px;
}

#formulario_der{
	width:440px;
	height:180px;
	float:right;
	margin-top:30px;
	margin-left: 13px;
}
form fieldset{
	border:none;	
}

form label{
	font: 12px 'Montserrat', Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#726958;
	text-align:center;
	
}


#prev_contacto{
	background:url(../Imagenes/fondo_gris.jpg) repeat;
	width:100%;
	height:70px;
	min-width:990px;
	clear:both;
	
}

form.contacto fieldset div label {
    display: block;
    float: left;
    margin-top: 5px;
    text-align: left;
    width:68px;
}

form.contacto input[type="text"]{
    background: #DAD7D3;
    border: 1px solid #CECECE;
    color: #626262;
    display: block;
    float: left;
	padding-bottom:1px;
	padding-top:1px;
	margin-bottom:16px;
    resize: none;
    width: 185px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	font: 12px 'Montserrat', Verdana, Arial, Helvetica, sans-serif;
}

form.contacto textarea {
    background: #DAD7D3;
	font: 12px 'Montserrat', Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #CECECE;
    color: #626262;
    display: block;
    float: left;
   padding-bottom:1px;
	margin-top:1px;
	margin-bottom:16px;
    resize: none;
    width: 360px;
	height:107px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	overflow:auto;

}

/*
form.contacto button {
	padding: 23px 52px;
	background:  url(../Imagenes/ENVIAR.png) no-repeat;
    border: 0 none;
    float: right;
	margin-right:15PX;
	background-color: transparent;
	cursor: pointer;
   outline:0;
}
form.contacto button:hover{
		background:  url(../Imagenes/enviar2.png) no-repeat;		
}
*/

.msg{
	float:left;
	width:240px;
    height: 32px;
	margin-left:70px;
	margin-top:15px;
	font: 11px 'Montserrat', Arial, Helvetica, sans-serif;
	color:#726958;
	text-align:right;
}


/*////////////CONTACTO//////////////*/
#contacto{
	height:130%;
	/*background: url(../Imagenes/fondo_naranja.jpg) repeat;*/
	background: url(../Imagenes/fondo_gris.jpg) repeat;
	margin:0 auto;
	width:100%;
	min-width:990px;
	position:absolute;
	min-height: 500px;
	/*max-height:887px;*/
}

#titulo_video{
	width:990px;	
	color:#999;
	height:80px;
	margin:0 auto;	
	font: 58px 'Anton', Verdana, Arial, Helvetica, sans-serif;
	text-align:center;	
}


#titulo_contacto{
	width:990px;
	/*color:#FFF;*/
	color:#999;
	height:80px;
	margin:0 auto;
	padding-top:86px;
	font: 58px 'Anton', Verdana, Arial, Helvetica, sans-serif;
	text-align:center;	
}

#info_contacto{
	width:880px;
	height:300px;
	margin:0 auto;	
	clear:both;	
}



.contacto1{
	background: url(../Imagenes/contacto_cel.jpg) no-repeat center top;
	height:280px;
	float:left;
	width:280px;
}
.contacto2{
	/*background: url(../Imagenes/contacto_mail.jpg) no-repeat center top;*/
	background: url(../Imagenes/contacto_mail.png) no-repeat center top;
	height:280px;
	width:290px;
	margin-left:300px;
	float:left;
}
.contacto3{
	background: url(../Imagenes/contacto_pais.jpg) no-repeat center top;
	height:280px;
	width:305px;
	float:left;
	margin-left:0px;
}

#texto_contacto{
	width:280px;

}

#texto_contacto2{	
	width:290px;
	margin-top:-30px;
}

#texto_contacto3{
	width:305px;
}




#texto_contacto p{
	margin-top:210px;
	font: 18px 'Montserrat', Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}

#texto_contacto2 p{
	margin-top:210px;
	font: 18px 'Montserrat', Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	/*color:#FFF;*/
	color:#999;
	text-align:center;
}

#texto_contacto3 p{
	margin-top:210px;
	font: 18px 'Montserrat', Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}