html{
	font-size: 1.2rem;
	font-family: verdana,arial,tahoma;
}

#responsive {
	margin: 0;
	width: auto; 
}

header{
	margin: auto;
	margin-top: -0.4rem;
	margin-bottom: 0.75rem;
	padding: 0.1em 1em;
	/* width: 99%; */
	/* background-image: url("../images/27005-horz.jpg"); */
	background-color: rgba(255,162,214,0.5);
	box-sizing: border-box;
	border-radius: 0px 0px 15px 15px;
}

.cabc{
	margin: -1rem 0 0 2rem;
	color:#8B0000;
}

.elivi{
	list-style-type: none;	/* Elimina viñetas, sangrias, etc */
}

.fac{
	display: inline; 	/* Comvierte lista vertical en fila <li> */
	padding: 0rem 0.7rem 0rem 0.7rem;	/* Separa los elementos de la fila */
	line-height: 1.8rem;
}

/* ---- INCIO Menu responsive */
.menumov {
	position: absolute;
	text-align: center;
	margin: 0.2rem 0rem 0rem 0.5rem;
	padding: 0.3rem 1rem 0.3rem 1rem;
	text-decoration: none; 
	color: #FFF; 
	border-radius: 5px; 
	-moz-border-radius: 5px; /*Propiedad de soporte*/   
    -webkit-border-radius: 5px; /*Propiedad de soporte*/ 
	background: #FF0000;
}
	
#menuA {   
    position: absolute; 
    margin: 0.35rem 0.5rem 0.5rem -0.4rem; 
    float: left; 
	font-weight: 900;
    font-family:verdana,arial; /*tipo de letra*/  
    width: 23%; 
    min-width: 200px; 
    line-height: 20pt; /*separación entre lineas*/ 
    z-index: 4; 
}  
	
.showme{                 /* Capa emergente */ 
    position: absolute; 
	margin: 2rem 0rem 0rem 1rem;
    padding: 0.5rem 1.5rem 0.5rem 0.3rem; 
    width: 12rem; 
    background-color: #000; 
    display: none; 
    text-align: left; 
	line-height: 2.5rem;
    border-radius: 5px; 
	-moz-border-radius: 5px; /*Propiedad de soporte*/   
    -webkit-border-radius: 5px; /*Propiedad de soporte*/ 
} 
.showhim:hover .showme{ 
    display: block; 
} 
/* FIN Menu responsive */	

.busca{
	text-align: right;
	padding: 0.5rem 0rem 0.5rem 0rem;
}

nav{
	/* display: none; xxx */
}

		nav a{
			border-radius: 10px; padding: 2px 5px 5px 5px;  
			text-decoration: none; color: #000000;	/* No visitado */
			background: #FFFFFF;
		}
		nav a.visited{
			text-decoration: none; color: #696969;	/* Visitado */
		}
		nav a.active{
			text-decoration: none; color: #800000;	/* Ultimo visitado */
		}
		nav a:hover{
			text-decoration: none; color: #FFFFFF;	/* Color paso raton */
			background: #FF0000;
		}

.bienvenida {
	text-align: right;
	font-size: 1rem;
	margin: 0rem 0.5rem 0.5rem 0rem;
/* 	background-color: #FF0000; */
	display: none; /* xxx */
}		

	.bienvenida a {    /* Color del enlace no visitado */ 
		text-decoration: none; color: #8B0000; 
	} 
	.bienvenida a.visited {    /* Color del enlace visitado */ 
		text-decoration: none; 
		color: #FFFF00; 
		background: #A61C00;
	} 
	.bienvenida a.active {        /* Color que toma el ultimo enlace visitado */ 
		text-decoration: none; color: #FF0000; 
	} 
	.bienvenida a:hover {        /* Color que toma el enlace al pasar el raton sobre el */ 
		text-decoration: none;  
		font-family: tahoma;
		color: #000000; 
	} 
	
#capa1 {
	position: relative;
    float: left;
    background-color: rgba(255,0,0,0.1);
    box-sizing:border-box;
    margin: 0.15% 0% 0.5% 0%;    
	border-radius: 15px;
}

H1{
	
}

	H1 a {    /* Color del enlace no visitado */ 
		text-decoration: none; color: #8B0000; 
		border-radius: 5px; 
		padding: 3px 5px 3px 5px;
		background: #FFF;
	} 
	H1 a.visited {    /* Color del enlace visitado */ 
		text-decoration: none; 
		color: #FFFF00; 
		background: #A61C00;
	} 
	H1 a.active {        /* Color que toma el ultimo enlace visitado */ 
		text-decoration: none; color: #FF0000; 
	} 
	H1 a:hover {        /* Color que toma el enlace al pasar el raton sobre el */ 
		text-decoration: none;  
		font-family: tahoma;
		color: #000000; 
		background: #FF0000;
	} 
	
H2{
	color:#8B0000;
}

.caph2{
	margin: -0.5rem 1% 0 -1%;
	background-color: rgba(255,182,193,0.7);
	padding: 0.15rem 0.15rem 0.15rem 0.25rem;
	border-radius: 10px 10px 0px 0px;
	width:101%;
}

H3{
	
}

#publicidad {
	margin: 0.15% 0% 0.5% 0.5%;
    background-color: rgba(200,155,100,0.5);
    box-sizing:border-box;
    float: right;
    padding: 0.1em;
    width: auto; /* 23% */
	border-radius: 15px;
	display: none; /* xxx */
}

.imgapubli{
	
	width: 100%;
	height: auto;
	border-radius: 0.8rem;
}

.texto_publi{
	/* background-color: #FF0000; */
	font-size: 1rem;
	font-family: tahoma,verdana,arial;
	margin: 0rem 0rem 0.5rem -1.9rem;
	line-height: 1.2rem; 
}

.pvp {
	padding: 0.5rem 0.5rem 0.2rem 70%;
	font-size:1.5rem; 
	font-weight:900; 
}

#capa2 {
	margin: 0.15% 0% 0.5% 0.5%;
    background-color: rgba(200,155,100,0.2);
    box-sizing:border-box;
    float: right;
    padding: 0.1em;
    width: auto; /* 23% */
	border-radius: 15px;
}

#capa3 {
	position: relative;
	margin: 0.15% 0% 0.5% 75%;
    background-color: rgba(200,155,100,0.2);
    box-sizing:border-box;
    float: right;
    padding: 0.1em;
    width: auto; /* 23% */
	border-radius: 15px;
}

.caph2d{
	margin: -0.6rem -0.6rem 0rem -0.6rem;
	background-color: rgba(255,182,193,0.7);
	padding: 0.05rem 0.15rem 0.05rem 0.4rem;
	border-radius: 10px 10px 0px 0px;
	max-height: 4.5rem;
}

.h3d{
	color:#8B0000;
	line-height: 1.2rem;
}

H3 {
	font-family: verdana,arial,tahoma;
	text-align:left;
}

article{
	padding: 0.5em 0.5rem;
	/* text-indent: 2rem;  */
}

aside{
	padding: 0.5em 0.5rem;
	line-height: 2.5em; 
}

		.lmv a{
			text-decoration: none; color: #8B0000;	/* No visitado */
		}
		.lmv a.visited{
			text-decoration: none; color: #696969;	/* Visitado */
		}
		.lmv a.active{
			text-decoration: none; color: #800000;	/* Ultimo visitado */
		}
		.lmv a:hover{
			border-radius: 10px; padding: 2px 5px 5px 5px;
			text-decoration: none; color: #FFFFFF;	/* Color paso raton */
			background: #FF0000;
		}

.umv{ 
    list-style-type: none;    /* Elimina viñetas, sangrias, etc */ 
     
} 

.lmv{ 
    margin: 0rem 0rem 0rem -2rem ;
} 

.limg{ 
    margin: 0rem 0rem 0rem -2rem ;
} 

		.limg a:hover{
			opacity: 0.7;
			-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
			filter: alpha(opacity = 70);
			transition-duration: 0.5s;
			-moz-transition-duration: 0.5s;
			-webkit-transition-duration: 0.5s;
			-o-transition-duration: 0.5s;
		}

.imgaside{
	width: 100%;
	height: auto;
	border-radius: 0.8rem;
}

#barra_info{
	padding: 20px 0px 20px 10px;
	text-align:center;
	font-family: tahoma,verdana,arial;
	font-size: 1rem; 	/* Original 15pt  */
	word-spacing: 7px;
	font-weight: 600;	/* negrita */
	line-height: 2rem;
	clear: both; 
}

	#barra_info a {    /* Color del enlace no visitado */ 
		text-decoration: none; color: #8B0000; 
		border-radius: 5px; 
		padding: 3px 5px 3px 5px;
		background: #FFF;
	} 
	#barra_info a.visited {    /* Color del enlace visitado */ 
		text-decoration: none; 
		color: #FFFF00; 
		background: #A61C00;
	} 
	#barra_info a.active {        /* Color que toma el ultimo enlace visitado */ 
		text-decoration: none; color: #FF0000; 
	} 
	#barra_info a:hover {        /* Color que toma el enlace al pasar el raton sobre el */ 
		text-decoration: none;  
		font-family: tahoma;
		color: #000000; 
		background: #FF0000;
	} 

.n_registros{
	text-align:right;
	font-size: 0.9rem; 
	word-spacing: 1px;
	margin: 1rem 1rem 0rem 0rem;
	line-height: 1.2rem;
}

footer{
	position: relative;
	float:left;
	bottom: 0; 
	text-align: center;
	font-size: 0.8rem;
	/* margin: auto 1%; */
	margin-top: 0.5rem;
	padding: 1.4em 1em;
	width: 100%;
	height: 4em;
	background-color: rgba(255,69,0,0.6);
	box-sizing:border-box;
	border-radius: 15px 15px 0px 0px;
}

.texto{
	float:left;
    font-family: verdana, arial, hevetica;
    text-align: justify;
	color: #363636;
    border: 1px dotted red;    /* solid ó dotted */ 
    width: 98%;            /* 1rem = 16px 98% */
	box-sizing:border-box;
    padding: 0.2rem 0.2rem;
	margin: 0.2rem 0.2rem;
    background-color: rgba(255,127,80,0.4);
    border-radius: 1rem;
	min-height: 34rem;
	max-height: 34rem;
}

	.texto a {    /* Color del enlace no visitado */ 
		text-decoration: none; color: #8B0000; 
	} 
	.texto a.visited {    /* Color del enlace visitado */ 
		text-decoration: none; 
		color: #FFFF00; 
		background: #A61C00;
	} 
	.texto a.active {        /* Color que toma el ultimo enlace visitado */ 
		text-decoration: none; color: #FF0000; 
	} 
	.texto a:hover {        /* Color que toma el enlace al pasar el raton sobre el */ 
		text-decoration: none;  
		font-family: tahoma;
		color: #000000; 
	} 

.preg{
	font-weight:700; 
}
.item{
	margin: 0rem 0rem 0rem 2.5rem;
}

.cater{
	font-weight:700; 
	font-size: 1rem; 
	font-style:italic;
	color:#8B0000;
}

.durac{
	margin: -2rem 0.2rem;
	font-size: 0.7rem;
	font-weight:700; 
	text-align: right;
}

.comen{
	margin: 2.5rem 0.2rem;
	font-size: 0.7rem;
	font-weight:200; 
	text-align: right;
	display: none; /* xxx */
}

.img{
    float:left;
    width: 100%;            /* 1rem = 16px */
    height: 66%;
    margin: 0rem 0rem 0.4rem 0rem;
	border-radius: 1rem 1rem 0rem 0rem;
}

.campo_bus {  					/* Campo buscador */
    font-family:verdana,arial;     /* tipo de letra */  
    width: 50%;                 /* anchura de campos de formulario */  
	min-height: 20px; 
    height: 2rem;
    font-size: 1.2em;                /* tamaño de la letra*/   
    padding: 10px 15px 10px 15px; 
    border: 1px solid #666666;        /* color del borde puede ser solid ó dotted */ 
	border-radius: 10px 0px 0px 10px;	
    -moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    vertical-align: center;
}  

.boton_bus{ 			/* Boton buscador */
    font-size: 1.0em; 
    font-family:Verdana,Helvetica; 
    font-weight:bold; 
    color:#FFA2D6; 
    background:#B33059; 
    border:0px; 
    width: 5rem; 
    height: 2rem; 
	border-radius: 0px 10px 10px 0px;
    -moz-border-radius: 0px 10px 10px 0px;    /* Para Firefox, pero parece que no funciona */  
    -webkit-border-radius: 0px 10px 10px 0px; /* sup izq - sup der - inf der - inf izq. PARA Chrome y Opera */
    vertical-align: top;
} 

fieldset{
	float:left;
	margin-top: 1rem;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
	background-color: #FFF;
	display: inline-block;
	overflow-x: auto;
}

.boton_votar{
    font-size: 1.0em; 
    font-family:Verdana,Helvetica; 
    font-weight:bold; 
    color:#FFA2D6; 
    background:#B33059; 
    border:0px; 
    width: 5rem; 
    height: 3rem; 
	border-radius: 0px 10px 10px 0px;
    -moz-border-radius: 0px 10px 10px 0px;    /* Para Firefox, pero parece que no funciona */  
    -webkit-border-radius: 0px 10px 10px 0px; /* sup izq - sup der - inf der - inf izq. PARA Chrome y Opera */
    vertical-align: top;
}

.campo_votos{
    font-family:verdana,arial;     /* tipo de letra */  
    display: inline-block;                 /* anchura de campos de formulario */  
    height: 3rem;
    font-size: 1.2em;                /* tamaño de la letra*/   
    padding: 10px 15px 10px 15px; 
    border: 1px solid #666666;        /* color del borde puede ser solid ó dotted */ 
	border-radius: 10px 0px 0px 10px;	
    -moz-border-radius: 10px 0px 0px 10px;    /* Para Firefox, pero parece que no funciona */  
    -webkit-border-radius: 10px 0px 0px 10px; /* sup izq - sup der - inf der - inf izq. PARA Chrome y Opera */
    vertical-align: center;
}

.edad{
	font-family:verdana,arial;     /* tipo de letra */  
    width: 3rem;                 /* anchura de campos de formulario */  
    height: 1.5rem;
    font-size: 1.2em;                /* tamaño de la letra*/   
    padding: 10px 15px 10px 15px; 
    border: 1px solid #666666;        /* color del borde puede ser solid ó dotted */ 
	border-radius: 10px 0px 0px 10px;	
    -moz-border-radius: 10px 0px 0px 10px;    /* Para Firefox, pero parece que no funciona */  
    -webkit-border-radius: 10px 0px 0px 10px; /* sup izq - sup der - inf der - inf izq. PARA Chrome y Opera */
    vertical-align: center;
}

.resul_votar{
	float:left;
	margin: 1.5rem 0rem 0rem 0.5rem;
	padding: 0.3rem;
	border: 2px solid #777;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
	background-color: #FFF;
	display: inline-block;
}

.video{
	margin: 1.5rem 0rem 1.5rem 0rem;
    position: relative;
    padding-bottom: 57%;    /* Proporcion del ancho que será el alto. 56.25 para 16 x 9 */
    overflow: hidden;
}

.ifm{ 
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} 

.para_video{
	position: relative;
	margin: 2rem 0rem 2rem 0rem;
}

.red_social {
	position: relative;
	margin: -0.2rem 0rem 0rem 1.9rem;
}

.whatsapp_pr {
	position: absolute;
	margin: -0.2rem 0rem 0rem 0.2rem;
}

.whatsapp {
	position: absolute;
	margin: 0rem 0rem 0rem 0.2rem;
}

.img_whatsapp { 
	width: 1.7rem; 
	height: 1.7rem;
}

.neg{
	color:#000;
}

.tags_cat{
	position: relative;
	display: inline-block;
	padding: 0rem 0.3rem 0rem 0.3rem;
	font-family: Comic Sans MS, tahoma, verdana, arial;
	letter-spacing: 7pt;    /* para separar entgre letras */ 
	margin: 3.5rem 0.5rem 0.5rem 0.1rem;
	/* padding: 20px 0px 0px 10px; */
	line-height: 30pt;        /* para la separacion entre lineas */ 
	font-size: 1.0em; 	/* Original 14pt  */
	font-weight: 700;
	color:#8B0000;
	background-color: #FFF;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

.tags{
	position: relative;
	display: inline-block;
	padding: 0rem 0.3rem 0rem 0.3rem;
	font-family: tahoma, verdana, arial;
	letter-spacing: 3pt;    /* para separar entgre letras */ 
	/* margin-top: 3rem; */
	margin-left: 0.1rem;
	/* padding: 20px 0px 0px 10px; */
	line-height: 30pt;        /* para la separacion entre lineas */ 
	font-size: 1.0em; 	/* Original 14pt  */
	font-weight: 700;
	color:#8B0000;
	background-color: #FFF;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

	.tags_cat a {    /* Color del enlace no visitado */ 
		text-decoration: none; color: #8B0000; 
	} 
	.tags_cat a.visited {    /* Color del enlace visitado */ 
		text-decoration: none; 
		color: #FFFF00; 
		background: #A61C00;
	} 
	.tags_cat a.active {        /* Color que toma el ultimo enlace visitado */ 
		text-decoration: none; color: #FF0000; 
	} 
	.tags_cat a:hover {        /* Color que toma el enlace al pasar el raton sobre el */ 
		text-decoration: none;  
		font-family: tahoma;
		color: #000; 
	} 
	
		.tags a {    /* Color del enlace no visitado */ 
			color: #8B0000; 
		} 
		.tags a.visited {    /* Color del enlace visitado */ 
			text-decoration: none; 
			color: #FFFF00; 
			background: #A61C00;
		} 
		.tags a.active {        /* Color que toma el ultimo enlace visitado */ 
			text-decoration: none; color: #FF0000; 
		} 
		.tags a:hover {        /* Color que toma el enlace al pasar el raton sobre el */ 
			text-decoration: none;  
			font-family: tahoma;
			color: #000; 
		} 

.descri{
	font-family: verdana, arial, hevetica;
	text-align: justify;
	color: #363636;
	padding: 1rem 0rem 1rem 0rem;
	line-height: 1.4rem;
	/* background: yellow; */
}

.banner { 
	text-align:center;
	display: none; /* xxx */
} 

.img_banner{
	margin: 1rem 0rem 1rem 0rem; 
	width: 728px;
	height: 90px;
}

/* ----------------------------------------------- */


/* ----------------------------------------------- */