@charset "utf-8";
/* CSS Document / Estilo base de Htmls */
@import url('http://fonts.googleapis.com/css?family=Archivo+Narrow'); 
 @font-face
{
 font-family: 'Exo-Regular';
 src: url('../fonts/Exo-Regular.otf');          /* requerido */
 font-weight: weight;                /* opcional */
 font-style: style;                /* opcional */
}
 @font-face
{
 font-family: 'Questrial-Regular';
 src: url('../fonts/Questrial-Regular.otf');          /* requerido */
 /*font-weight: weight;                /* opcional */
 /*font-style: style;                /* opcional */
}
 @font-face
{
 font-family: 'LUBGRHB';
 src: url('../fonts/LUBGRHB.ttf');          /* requerido */
 /*font-weight: weight;                /* opcional */
 /*font-style: style;                /* opcional */
}
 @font-face
{
 font-family: 'LUBGRHM';
 src: url('../fonts/LUBGRHM.ttf');          /* requerido */
 /*font-weight: weight;                /* opcional */
 /*font-style: style;                /* opcional */
}
 @font-face
{
 font-family: 'LUBGRHB2';
 src: url('../fonts/LUBGRHB.otf');          /* requerido */
 /*font-weight: weight;*/                /* opcional */
 font-style: normal;                /* opcional */
}
 @font-face
{
 font-family: 'LUBGRHM2';
 src: url('../fonts/LUBGRHM.otf');          /* requerido */
 /*font-weight: weight; */               /* opcional */
 font-style: normal;                /* opcional */
}
div.centrar
	{
		/*border:1px solid #231f20;*/
		width:800px;
		margin: 0 auto;
		height:260px;
		text-align:center;
		margin-bottom:140px;
		
	}
	div.twi
	{
		margin-top:50px;
		float:left;
		margin-left:290px;
	}
	
	div.fb-like
	{
		margin-top:50px;
		margin-left:10px;
		float:left;
	}
	div.redes
	{
	
	}
	div.division
	{
		width:800px;
		height:1px;
	}
	div.izquierda
	{
		margin-left:500px;
	}
	div.derecha
	{
		margin-left:300px;
		width:200px;
		height:200px;
	}

	.contador
	{
		width:800px;
		height:180px;
		/*border:1px solid #000;*/
		margin: 1 auto;
		
	}
	.faltan 
	{
		
		font-size: 40px;
		color: #FFFF00;
		margin-top:90px;
		margin-left:445px;
		width:535px;
		height:115px;
		background-color:rgba(0,0,0,0.6);
		text-align: center;
		font-weight: bold;
		
		/*para Firefox*/
		-moz-border-radius: 15px 15px 15px 15px;
		/*para Safari y Chrome*/
		-webkit-border-radius: 15px 15px 15px 15px;
		/* para Opera */
		border-radius: 15px 15px 15px 15px;
		
		}
	div.dia_estamos
		{
			margin-top:20px;
			font-family: LUBGRHM,LUBGRHM2;
			font-size:44px;
		}
	div.dia_numero
	{
		float:left;
		font-family:LUBGRHM,LUBGRHM2;
		font-size:132px;
		position:relative;
		margin-top:-25px;
		
		
	}
	div.dia_dias
	{
		background-color:#000;
		font-family:Exo-Regular;
		float:left;
		font-size:30px;
		padding-right:10px;
		padding-left:4px;
		margin-top:70px;
		margin-left:10px;
		/*padding:2px 2px;*/
		/*display: block;*/
	}
	 div.dia
	 {
		 float:left;
		 margin-left:100px;
		 height:200px;
		 width:250px; 
	 }

	 div.centro2
	 {
		 
		 width:800px;
		 height:250px;
		 margin: 0 auto;
	 }
        body
			{
			
			background-image:url('../img/fon.jpg');
			background-repeat:no-repeat;	
			background-position:top;		
			color:#FFF;
			width:100%;
			height:100%;
			background-color:#000;
			
			
			margin: 0;
    		padding: 0;
			}
		::-webkit-input-placeholder { /* WebKit browsers */
   			 color:    #ed1c24;
			 text-align:center;
			}
		:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  			color:   #ed1c24;
			text-align:center;
			}
		::-moz-placeholder { /* Mozilla Firefox 19+ */
   		 	color:    #ed1c24;
			text-align:center;
			}
		:-ms-input-placeholder { /* Internet Explorer 10+ */
    		color:    #ed1c24;
			text-align:center;
			}
		.campo
		{
			width:200px;
			height:30px;
		    text-indent:10px;
			
		}
		.btn
		{
			background-color:#ed1c24;
			border:hidden;	
			height:36px;
			width:50px;
			color:#fff;
			
		}
		.estamos
		{
			font-family:LUBGRHM,LUBGRHM2;
			margin-left:5px;
			margin-top:15px;
			font-size:15px;
		}
		.venimos
		{
		 font-family:LUBGRHB, LUBGRHB2;
		 font-size:35px;
		 margin-left:5px;
		 margin-bottom:15px;
		}
		.llenar
		{
			font-family:Questrial-Regular;
			margin-left:5px;
			margin-top:15px;
			font-size:12px;
			color:#ed1c24;
			
		}
		.rojo
		{
			color:#ed1c24;
		}
		div.formulario
		{
			margin-left:50px;
			width:570px;
			height:50px;

		}
		div.texto_form
		{
			color:#FFF;
			text-align:justify;
			margin-left:50px;
			margin-top:170px;
			font-size:16px;
			width:570px;
		}

		
			footer
			{
				height:250px;
			}
			.franja{
				background-color: #191919;
				width: 100%;
				height: 150px;
				position: relative;
				top: 55px;
				z-index: 1;
			}
			#video{
				width: 560px;
				margin-left:120px;
				position: relative;
				margin-top: -180px;
				z-index: 2;
			}
			div.divPie
			{
			width:100%;
			background-color:#ed1c24;
			height:258px;
			}
			div.add1
			{
			background-image:url('../img/add1.png');
			background-repeat:no-repeat;
			padding-top:10px;
			width:325px;
			height:165px;
			float:left;
			margin-left:70px;
			margin-top:10px;
			}
			/*Para cargar los logos*/
			div.logo_pri
			{
			float:left;
			margin-left:0px;
			background-image:url('../img/hex.png');
			background-repeat:no-repeat;
			width:303px;
			height:400px;
			
			}
			div.logos2
			{
			font-family:Questrial-Regular;
			height:250px;
			width:800px;
			margin: 0 auto;
			margin-top:100px;
			text-align:center;
				
			}
			div.logo1
			{
			background-image:url('../img/logo1.png');
			background-repeat:no-repeat;
			width:90px;
			height:35px;
			float:left;
			}
			div.logo2
			{
			
			background-image:url('../img/logo2.png');
			background-repeat:no-repeat;
			margin-left:15px;
			width:90px;
			height:35px;
			float:left;
			}
			div.logo3
			{
			
			background-image:url('../img/logo3.png');
			background-repeat:no-repeat;
			margin-left:15px;
			width:90px;
			height:35px;
			float:left;
			}
					
			.log_izq
			{
				margin-left:75px;
				margin-top:27px;
				width:300px;
				height:100px;
				text-align:left;
				float:left;
					
				
			}
			.log_der
			{
				margin-left:50px;
				width:300px;
				height:100px;	
				text-align:left;
				float:left;
			}
			
	
	
		/*Para los enlaces*/
		a:link {color:gray;text-decoration:none;}      /* unvisited link */
		a:visited {color:purple;text-decoration:none;}  /* visited link */
		a:hover {color:gray;text-decoration:none;}  /* mouse over link */
		a:active {color:#0000FF;}  /* selected link */