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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

.limpiar{
	clear:both;
	width:100%;
	height:0px;
	float:none;
	display:block
}


#popup
{
	padding-top:1px;
	width:100%;
	max-width:1065px;
	height:620px;
	background:url(../images/popup/base2.jpg) no-repeat top left;
	position:relative;
}

#textos
{
	   width: 56%;
text-align: justify;
font-size: 12pt;
margin: 0px auto;
background: rgba(0,0,0,.1);
border-radius: 10px;
padding: 13px;

}

#textos p
{
	margin-bottom:15px;
	line-height: 1.2em;
}

#titulo
{
	font-size: 2em;
    text-align: center;
    font-weight: bold;
    display: block;
    margin-bottom: 4px;
	line-height: 1.1em;
	border-bottom:1px solid #000;
	margin-top:13px;
	margin-left:auto;
	margin-right:auto;
    padding-bottom: 8px;
	width:90%;
}

#subtitulo
{
	 display: block;
	 width:90%;
	 margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	text-align: center;
}

#textos ul 
{
  float:left;
  font-size:.9em;
}


#textos ul + ul
{
	margin-left:20px;
  
}

#textos ul li
{
	background:url(../images/popup/checker.png) no-repeat center left;
	padding-left:19px;
	padding-top:5px;

}

#avisoPromo
{
	background-color: rgba(0, 0, 0, 0.3);
    padding-top: 15px;
	padding-bottom: 15px;
	font-size: 2.3em;
	text-align: center;
	color: #fff;
	font-weight: bold;
	margin-bottom:10px;
}

#avisoPromo p
{
	margin-bottom:10px;
}

#avisoPromo span
{
	color: #F00;
font-size: .9em;
padding-left: 10px;

}

#avisoPromo #apartado
{
	
text-align: center;
    font-weight: bold;
    padding-top: 6px;
    color: #FFF;
    font-size: .4em;
}

#contadorPromo p:first-child
{
	font-size:1.7em;
	font-weight:bold;
	text-align:center;
	padding:4px;
	margin-bottom:10px;
	
}

#contadorPromo p:first-child span
{
	background-color: #000;
	padding:2px 4px;;
	color:#FFF;
	
}

.contador
{
	width:50%;
	margin:0 auto; 
	padding: 4px 0;
	
	
}

.contador .resaltar
{
	
}

/* mayor a 980 pixeles y menor a 1065 */

@media (min-width:981px) and (max-width:1000px){
	#popup
	{
		max-width:980px;
		
	}
	
	#textos
	{
		width:62%;
        margin:15px
	}
	
	#textos p
	{
		margin-bottom:6px;
		
	}
	
	#textos #titulo
	{
	  font-size:1.8em;
	}
	
	#avisoPromo
	{
		padding-bottom:10px;
		padding-bottom:10px;
		
		
	}
	
	.contador .resaltar {
      color: #000;
     }
}


@media (min-width:700px) and (max-width:979px){
	
	#popup
	{
		max-width:700px;
		background-image:url(../images/popup/7002.jpg)
		
	}
	
	#textos #titulo
	{
	  font-size:1.8em;
	}
	
	#textos
	{
		    width: 88%;
    margin-left: auto;
    margin-right: auto;
   
    float: none;
       
	}
	
	
}

@media (max-width:699px){
	
	#popup
	{
		max-width:400px;
		background-image:url(../images/popup/4002.jpg)
		
	}
	
    #titulo
	{
		font-size:1.5em;
		       
	}
	

	
	
	#textos
	{
		width:80%;
       
	}
	
	
		
	
	#textos p {
    margin-bottom: 5px;
    line-height: 16px;
    font-size: .8em;
    }
	
	#textos ul + ul {
    margin-left: 0px;
    }
	
	#textos ul li {
       font-size: .8em;
    }
	
	#avisoPromo{
      font-size:1.3em;
	}
	
	#avisoPromo #apartado {
       font-size: .6em;}
	
	#avisoPromo p {
    margin-bottom: 3px;
	
    }
	
	.contador {
    width: 100%;
	}
	
	.contador table{
		width: 328px;
	}
	
	#contadorPromo p:first-child {
    font-size: 1em;}
	
	#horas{
		
	}
}