@charset "utf-8";
/* Guia de Estilos. Baanaloo Marketing */
/*//////////////////////////////////////////////////////////////*/
/*Estilos variables según tamaño de pantalla////////////////////*/
/*//////////////////////////////////////////////////////////////*/
/* Configuración para móviles. BAJA RESOLUCIÓN. Tomada como base*/
/* Resolución hasta 359px (Iphone 4 vertical - S3 vertical) ////*/
/*//////////////////////////////////////////////////////////////*/
@media (/*min-width: 490px*/ max-width: 400px) {
body {
margin: 0px; 
overflow: hidden;
}

A:link {text-decoration: none; color: #0354ae;font-weight: 600;}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: red;}

#contenedor
{
width: 100%;
height: 100%;
margin: 0px;
background: url(../imagenes/fondo.jpg) no-repeat center;
}

#principal
{
margin:0px;

height: auto;
}

#banda_central
{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
min-height: 60vh;
}

#evento
{
text-align: center;	
padding-top: 5px;
}

#contenedor_cuenta_atras
{
width: 255px;
height: 95px;
background-color: black;
text-align: Center;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0px 0px 31px 6px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 31px 6px rgba(255,255,255,1);
box-shadow: 0px 0px 31px 6px rgba(255,255,255,1);
}

#dias{margin-left: 0px;}

#horas{margin-left: 60px;}

#min{margin-left: 120px;}

#seg{margin-left: 185px;}

#cuenta_dias{margin-left: 3px;}

#cuenta_horas{margin-left: 63px;}

#cuenta_min{margin-left: 120px;}

#cuenta_seg{margin-left: 185px;	}

.copyright
{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
min-height: 25vh;
}


#pie {
font-family:”trebuchet MS”, Arial, Helvetica, sans-serif;
font-weight: 200;
text-align: center;
color: white;
bottom: 0px;
font-size:50%; 
width:100%;
display: flex;
align-items: center;
justify-content: center;
min-height: 5vh;
}

#pie A:link {text-decoration: none; color: white; font-weight: 600;}
#pie A:visited {text-decoration: none}
#pie A:active {text-decoration: none}
#pie A:hover {text-decoration: underline; color: red;}

.texto
{
font-family:”trebuchet MS”, Arial, Helvetica, sans-serif;
color: white;
font-weight: 200;	
font-size:100%; 
}

.caja
{
overflow:hidden;
position:absolute;
text-align:center;	
}

.numeros
{
font-family: 'ds-digitalnormal';
margin-top:7px;
width:62px;
height:35px;
font-size:36px;
color: red;
text-align:center;	
}

.unidades
{
font-family:”trebuchet MS”, Arial, Helvetica, sans-serif;
margin-top:-10px;
width:65px;
height:20px;
font-size:14px;
color: white;
text-align:center;	
font-weight: 200;		
}
}
/*//////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////*/
/* Configuración para móviles de ALTA RESOLUCIÓN o Tablets//////*/
/*//////////////////////////////////////////////////////////////*/
/* Resolución 360px - 844px (S9 horizontal - Iphone4 horizontal)*/      
/*//////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////*/
@media (min-width: 401px /* max-width: 844px*/) {
body {
margin: 0px; 
overflow: hidden;
}

A:link {text-decoration: none; color: #0354ae;font-weight: 600;}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: red;}

#contenedor
{
width: 100%;
height: 100%;
margin: 0px;
background: url(../imagenes/fondo.jpg) no-repeat center;
}

#principal
{
margin:0px;

height: auto;
}

#banda_central
{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
min-height: 60vh;
}

#evento
{
text-align: center;	
padding-top: 5px;
}

#contenedor_cuenta_atras
{
width: 280px;
height: 100px;
background-color: black;
text-align: Center;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0px 0px 31px 6px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 31px 6px rgba(255,255,255,1);
box-shadow: 0px 0px 31px 6px rgba(255,255,255,1);
}

#dias{margin-left: 0px;}

#horas{margin-left: 70px;}

#min{margin-left: 140px;}

#seg{margin-left: 210px;}

#cuenta_dias{margin-left: 5px;}

#cuenta_horas{margin-left: 75px;}

#cuenta_min{margin-left: 140px;}

#cuenta_seg{margin-left: 210px;	}

.copyright
{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
min-height: 25vh;
}


#pie {
font-family:”trebuchet MS”, Arial, Helvetica, sans-serif;
font-weight: 200;
text-align: center;
color: white;
bottom: 0px;
font-size:60%; 
width:100%;
display: flex;
align-items: center;
justify-content: center;
min-height: 5vh;
}

#pie A:link {text-decoration: none; color: white; font-weight: 600;}
#pie A:visited {text-decoration: none}
#pie A:active {text-decoration: none}
#pie A:hover {text-decoration: underline; color: red;}

.texto
{
font-family:”trebuchet MS”, Arial, Helvetica, sans-serif;
color: white;
font-weight: 400;	
font-size: 110%; 
}

.caja
{
overflow:hidden;
position:absolute;
text-align:center;	
}

.numeros
{
font-family: 'ds-digitalnormal';
margin-top:3px;
width:70px;
height:45px;
font-size:45px;
color: red;
text-align:center;	
}

.unidades
{
font-family:”trebuchet MS”, Arial, Helvetica, sans-serif;
margin-top:-10px;
width:70px;
height:40px;
font-size:15px;
color: white;
text-align:center;	
font-weight: 200;		
}
}
/*//////////////////////////////////////////////////////////////////////////////*/
/* Configuración para móviles. BAJA RESOLUCIÓN. Tomada como base////////////////*/
/* Resolución desde 845px (Iphone horizontal - escritorios normales - alta res) */
/*//////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 845px) {
body {
margin: 0px; 
min-height: 280px;
overflow: hidden;
}
A:link {text-decoration: none; color: #0354ae;font-weight: 600;}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: red;}

#contenedor
{
width: 100%;
height: 100%;
margin: 0px;
background: url(../imagenes/fondo.jpg) center;
}

#principal
{
margin:0px;

height: auto;
}

#banda_central
{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
min-height: 60vh;
}

#evento
{
text-align: center;	
padding-top: 10px;
}

#contenedor_cuenta_atras
{
width: 360px;
height: 140px;
background-color: black;
text-align: Center;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0px 0px 31px 6px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 31px 6px rgba(255,255,255,1);
box-shadow: 0px 0px 31px 6px rgba(255,255,255,1);
}

#dias{margin-left: 0px;}

#horas{margin-left: 90px;}

#min{margin-left: 180px;}

#seg{margin-left: 270px;}

#cuenta_dias{margin-left: 0px;}

#cuenta_horas{margin-left: 90px;}

#cuenta_min{margin-left: 180px;}

#cuenta_seg{margin-left: 270px;	}



.copyright
{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
min-height: 25vh;
}


#pie {
font-family:”trebuchet MS”, Arial, Helvetica, sans-serif;
font-weight: 200;
text-align: center;
color: white;
bottom: 0px;
font-size:50%; 
width:100%;
display: flex;
align-items: center;
justify-content: center;
min-height: 5vh;
}

#pie A:link {text-decoration: none; color: white; font-weight: 600;}
#pie A:visited {text-decoration: none}
#pie A:active {text-decoration: none}
#pie A:hover {text-decoration: underline; color: red;}

.texto
{
font-family:”trebuchet MS”, Arial, Helvetica, sans-serif;
color: white;
font-weight: 600;	
font-size:120%; 
}

.caja
{
overflow:hidden;
position:absolute;
text-align:center;	
}

.numeros
{
font-family: 'ds-digitalnormal';
margin-top:20px;
width:90px;
height:60px;
font-size:55px;
color: red;
text-align:center;	
}

.unidades
{
font-family:”trebuchet MS”, Arial, Helvetica, sans-serif;
margin-top:0px;
width:90px;
height:60px;
font-size:17px;
color: white;
text-align:center;	
font-weight: 600;		
}
}