/*--------------------------------------------------ESTILOS DEL BODY, CUERPO, PORTADA DE LA WEB------------------------------------------------------*/

@font-face {
  font-family: "BebasNeueRegular";
  src: url("fonts/BebasNeue-webfont.woff")
}

body{
	background-attachment:fixed;
	background-image: url(bodybg.png);
	background-color:#FFF;
	
	//background-repeat: repeat-x;
	//background-repeat: no-repeat;
	background-repeat: repeat;
	color:#333;
	font-family:"Droid Sans",Arial,Verdana,sans-serif;
	margin:0px;
}

#cuerpo{
	//outline:1px solid pink;
	background-color:#FFF;
	border: 0px solid #777;
	margin:auto;
	min-height:2500px;
	width:1100px;
}

	#portada{
		border-top:3px solid #FF0000;	
		min-height:200px;
		width:1100px;
	}
	
	#menu{
		border-bottom:5px solid #FF0000;	
	}
				
	/*MENU PRINCIPAL YUI*/
	.yui-skin-sam .yuimenubar{	
		background-color:#555 !important;
		
		background-image:-moz-linear-gradient(0% 22px 90deg, #777, #555) !important;
		background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#555), to(#777)) !important;		
	}
	
	.yui-skin-sam .yuimenubaritem-selected{
		background-color:#777 !important;
		
		background-image:-moz-linear-gradient(0% 22px 90deg, #555, #777) !important;
		background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#777), to(#555)) !important;
	}
	
	.yui-skin-sam .yuimenuitem-selected{
		background-color:#777 !important;		
	}
	
	#zonaModificableAjax{
		/*outline:1px dashed red;*/
		float:left;
		width:560px;
	}
	
	.bordeZonaModificableReproductor{
		border-top:7px solid #FF0000;
	}
	
/*--------------------------------------------ESTILOS DE LOS TITULOS DE LAS SECCIONES-------------------------------------------------------------*/
/*Ejemplo: Clasificados, Informaciones Utiles, etc*/
/*Titulo de las diferentes secciones.*/
.tituloSeccion{
	/*outline:1px solid red;*/
	border-bottom:5px solid #FF0000;	
	color:#333;
	font-family:BebasNeueRegular,arial,Georgia, serif;
	font-size:25px;
	margin-left:0px;
	margin-top:10px;
	padding:5px;
	text-align:left;
}

/*Titulo de cada dia de programacion.*/
.tituloProgramacion{
	/*outline:1px solid red;*/
	border-bottom:1px solid #555;		
	color:#333;
	font-size:18px;
	font-variant:small-caps;
	font-weight:bold;
	margin-left:0px;
	margin-top:10px;
	padding:5px;
	text-align:left;	
}

	.tituloPrograma{
		color:#333;
	}
/*------------------------------------------------------ESTILOS DEL MODULO: NOTICIAS------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

/*Estilos de las Categorias de las noticias*/
.menuCategoria{
	/*outline:1px solid red;*/	
	margin-left:5px;
	margin-top:5px;
}

	.itemMenuCategoriaSel{
		background:#555;
		border-radius:5px;
		color:white;
		float:left;
		font-size:14px;		
		margin:3px;		
		padding:5px 5px;
	}
	
	.itemMenuCategoriaNoSel{
		background:transparent;
		border-radius:5px;		
		color:#colorTexto;
		float:left;
		font-size:14px;		
		font-weight:bold;
		margin:3px;	
		padding:5px 5px;
	}
				
	.itemMenuCategoriaNoSel:hover{
		color:#777;
		cursor:pointer;
	}

/*Estilos de las noticias izquierdas y derechas en la pagina principal*/
#noticiasIzquierdas{
	//outline:1px dashed red;
	float:left;
	margin-left:5px;
	margin-top:10px;
	//min-height:2200px;
	width:325px;
}

#noticiasCentrales{
	//outline:1px dashed red;
	float:right;
	margin-left:10px;
	margin-top:10px;
	//min-height:2200px;
	width:300px;
}

#noticiasDerechas{
	//outline:1px dashed red;
	float:right;
	margin-left:10px;
	margin-top:10px;
	//min-height:2200px;
	width:220px;
}

	.tituloCategoria{
		//color:#FF0000;
		padding:2px;
		padding-left:5px;
		padding-right:5px;
		color:#FFF;
		background:#FF0000;
	}

	.tituloNoticia{
		color:#333;
		font-family: "Droid Sans",Arial,Verdana,sans-serif;
		font-size:20px;
		font-weight: bold;
		overflow:hidden;
		text-decoration:none;
		text-align:left;
	}
	
	.tituloNoticia:hover{
		color:#777;
		cursor:pointer;
	}
	
	.fotoNoticia{
		margin-top:5px;
		margin-bottom:5px;
	}
	
		.pieFoto{
			background:#FF0000;
			color:#333;
			color:#FFF;
			font-size:11px;
			padding:2px;
			text-align:left;
		}
	
	.videoNoticia{
		margin-top:5px;
		margin-bottom:5px;	
	}	
	
	.fotoNoticia:hover{
		cursor:pointer;
		opacity: 0.8;
		filter: alpha(opacity=80);
	}
	
	.div-img {
	  display: block;
	  margin-left: auto;
	  margin-right: auto;
	}
	
	.div-img.hidden {
	  overflow: hidden;
	}
	
	.div-img .img {
	  display: block;
	  margin-left: auto;
	  margin-right: auto;
	  width: 100%;
	  transform: scale(1);
	  -ms-transform: scale(1);
	  -moz-transform: scale(1);
	  -webkit-transform: scale(1);
	  -o-transform: scale(1);
	  -webkit-transition: all 500ms ease-in-out;
	  -moz-transition: all 500ms ease-in-out;
	  -ms-transition: all 500ms ease-in-out;
	  -o-transition: all 500ms ease-in-out;
	}
	
	.div-img:hover .img {
	  transform: scale(1.2);
	  -ms-transform: scale(1.2);
	  -moz-transform: scale(1.2);
	  -webkit-transform: scale(1.2);
	  -o-transform: scale(1.2);
	}
	
	.bajadaNoticia{				
		color:#333;
		font-family: "Droid Sans",Arial,Verdana,sans-serif;
		font-size: 13px;
		margin-top:5px;	
		overflow:hidden;
		text-align:justify;
	}
	
	.bajadaNoticia span{
		color:#FF0000;
	}
	
	.leerMasNoticia, .subirmifoto{
		//border-bottom:1px dashed gray;
		color:#FF0000;
		font-size:11px;
		margin-top:3px;
		padding-bottom:5px;
		text-align:right;
	}
	
	a .leerMasNoticia{
		color:#FF0000;
		font-size:11px;
		margin-top:3px;
		padding-bottom:5px;
		text-align:right;
	}
	
	a .leerMasNoticia:hover, .leerMasNoticia:hover, .subirmifoto:hover{
		cursor:pointer;
		text-decoration:underline;	
	}
	
	.compartirRedesSociales:hover{
		filter:alpha(opacity=80);
		opacity: .80;
	}

/*Estilo del paginador de las noticias*/
.paginacionNoticias{
	/*outline:1px solid red;*/
	background:#555;										
	border-radius: 8px 8px 8px 8px;				
	color:white;
	font-size:13px;
	//font-variant:small-caps;
	//font-weight:bold;
	margin-left:5px;
	margin-top:10px;
	padding:3px;
	text-align:center;	
}
	
/*Estilos de las noticias cuando seleccionamos una para verla*/
.tituloVerNoticia{
	border-bottom:3px solid #FF0000;
	color:#333;
	font-family: "Droid Sans",Arial,Verdana,sans-serif;
	font-size: 24px;
	margin-left:10px;
	padding-bottom:1px;
	padding-top:10px;
	text-decoration: none;
	text-align:left;
}

.fotoVerNoticia{
	//outline:1px solid red;	
	margin-top:7px;
	margin-left:10px;
	max-width:920px;
}

	.fotoVerNoticia img{
		/*-moz-box-shadow: 1px 2px 5px #777;
		-webkit-box-shadow: 1px 2px 5px #777;*/
	}

.videoVerNoticia{	
	margin-top:7px;
	margin-left:3px;	
}

.bajadaVerNoticia{				
	color:#333;
	font-family: "Droid Sans",Arial,Verdana,sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: 20px;
	margin-top:5px;
	padding:10px;
	text-align:left;
}			
		
.cuerpoVerNoticia{				
	color:#333;
	font-family: "Droid Sans",Arial,Verdana,sans-serif;
	line-height: 20px;
	font-size: 14px;				
	padding:10px;
	text-align:justify;
}

	.cuerpoVerNoticia span{
		color:#333 !important;
	}

.comentarioNoticia{				
	//outline:1px dashed red;
	border-bottom:3px solid #555;
	border-top:3px solid #555;
	margin:10px;				
	padding-top:5px;
	padding-bottom:5px;			
}

.cuerpoComentarioNoticia{
	color:#333;
	float:left;				
	margin-left:5px;
	text-align:justify;
	width:465px;
}				
	
.tituloGaleriaSel{
	background:#555;										
	/*background-image: -webkit-gradient(linear, 0% 90%, 0% 40%, from(#777), to(#555));*/
	/*border-radius: 5px 5px 0 0;*/		
	border:1px solid #BBB;
	color:white;
	float:left;
	font-size:16px;
	//font-variant:small-caps;
	//font-weight:bold;
	margin:3px;
	margin-bottom:0px;
	padding:5px;	

	/*-moz-box-shadow: 1px 2px 8px #555;
	-webkit-box-shadow: 1px 2px 8px #555;	*/
}

.tituloGaleriaNoSel{
	background:transparent;	
	/*border-radius: 5px 5px 0 0;*/
	border:1px solid #BBB;	
	color:#999;
	float:left;
	font-size:16px;
	//font-variant:small-caps;
	//font-weight:bold;
	margin:3px;
	margin-bottom:0px;
	padding:5px;	

	/*-moz-box-shadow: 1px 2px 8px #555;
	-webkit-box-shadow: 1px 2px 8px #555;*/
}
			
.tituloGaleriaNoSel:hover{
	color:black;
	cursor:pointer;
}

.audioGaleria{
	border: 5px solid #555;
	border-width: 5px 5px 15px;
	border-radius:5px;				
	//margin-left:160px;
	margin-top:5px;
	//float:left;
	//width:360px;
}
.audioGaleria:hover{
	border: 5px solid #777;				
	border-width: 5px 5px 15px;
}

.noticiaRelacionada{
	//outline:1px solid red;
	border-bottom:1px dashed #555;
	clear:both;
	margin:10px;
	padding-bottom:5px;
}

	.imagenNoticiaRelacionada{
		//outline:1px solid red;		
		float:left;
	}
	
	.imagenNoticiaRelacionada:hover{
		cursor:pointer;
		opacity: 0.5;
		filter: alpha(opacity=50);
	}
	
	.cuerpoNoticiaRelacionada{
		//outline:1px solid red;
		float:left;
		margin-left:8px;
		//width:495px;
	}
	
		.tituloNoticiaRelacionada{
			color:#333;
			font-family: "Droid Sans",Arial,Verdana,sans-serif;
			font-size: 20px;
			font-weight: bold;
			overflow:hidden;
			text-decoration: none;
			text-align:left;		
		}
		
		.tituloNoticiaRelacionada:hover{
			color:#777;
			cursor:pointer;
			/*text-decoration:underline;*/			
		}
		
		.bajadaNoticiaRelacionada{				
			color:#333;
			font-family: "Droid Sans",Arial,Verdana,sans-serif;
			font-size: 13px;
			margin-top:0px;	
			overflow:hidden;
			text-align:justify;
		}
		

#noticiasFijas{		
	//outline:1px dashed green;
	margin-left:5px;
	margin-top:10px;
}

	#tituloNoticiasFijas{
		text-align:left;
		font-size:25px;
		border-bottom: 5px solid #FF0000;				
		color:#333;
		//font-family: BebasNeueRegular,arial,Georgia, serif;
		font-family: 'Oswald', sans-serif;
		padding:5px;
		text-align:left;
	}
	
	.noticiaFija{
		//outline:1px dashed green;
		float:left;
		margin-left:5px;
		margin-top:5px;
		width:270px;
	}
	
		.tituloNoticiaFija{
			color:#333;
			font-family: "Droid Sans",Arial,Verdana,sans-serif;
			font-size: 14px;
			font-weight: bold;
			overflow:hidden;
			text-decoration: none;
			text-align:left;
		}
	
		.tituloNoticiaFija:hover{
			color:#777;
			cursor:pointer;
			/*text-decoration:underline;*/				
		}
		
		.fotoNoticiaFija{
			margin-top:5px;
			margin-bottom:5px;
		}
		
			.pieFotoFija{
				background:#FF0000;
				color:#333;
				color:#FFF;
				font-size:10px;
				padding:2px;
				text-align:left;
			}
		
		.videoNoticiaFija{
			margin-top:5px;
			margin-bottom:5px;	
		}	
		
		.fotoNoticiaFija:hover{
			cursor:pointer;
			opacity: 0.5;
			filter: alpha(opacity=50);
		}
		
		.bajadaNoticiaFija{				
			color:#333;
			font-family: "Droid Sans",Arial,Verdana,sans-serif;
			font-size: 11px;
			margin-top:5px;	
			overflow:hidden;
			text-align:justify;
		}
		
			.bajadaNoticiaFija span{
				color:#FF0000;
			}
	
/*Fin Estilos de la NOTICIAS*/

/*------------------------------------------------------ESTILOS DEL MODULO: MENU Y MENU ITEM---------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

.cuerpoInformacion, .cuerpoTramite{
	color:#333;
	font-family: "Droid Sans",Arial,Verdana,sans-serif;
	line-height: 18px;
	font-size: 12px;
	padding:5px 10px 5px 10px;
	text-align:justify;
}

.cuerpoInformacion, .cuerpoTramite{
	border-radius:8px;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
}

.fotoInformacion, .fotoTramite{
	margin-left:0px;		
	margin-top:5px;
	max-width:920px;
}

.archivoTramite{
	margin-left:10px;
	margin-top:5px;			
}

.enlaceArchivoTramite{
	color:#333;
	float:left;
	font-weight:bold;
	margin-left:3px;			
}

.enlaceArchivoTramite:hover{
	color:#777;
	cursor:pointer;
	text-decoration:underline;
}

.masInformacion, .masTramites{
	border-bottom:1px dotted #555;
	color:#333;
	font-weight:bold;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	text-align:left;
	//text-decoration:underline;
}

.masInformacion:hover, .masTramites:hover{
	color:#777;
	cursor:pointer;
}

/*Fin Estilos INFORMACION Y TRAMITES*/
		
/*------------------------------------------------------ESTILOS DEl MODULO: COMERCIOS Y EMPRESAS------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
#categoriaComercios{
	/*outline:1px dashed red;*/	
	float:left;
	width:560px;
}

	.menuIzquierdoComercios{
		background-color:#FFF;
		border:1px solid #DDD;
		color:#333;
		margin-left:0px;
		margin-top:5px;
		width:275px;
		float:left;
	}
	
		.tituloMenuIzquierdoComercios{														
			border-bottom: 5px solid #FF0000;		
			color:#333;
			font-family: BebasNeueRegular,arial,Georgia, serif;
			font-size:22px;				
			text-align:left;
			padding:5px;
		}
		
	.itemCategoriaComercios{
		//background-color:#65C269;
		background-color:#333;
		background-image: url("fondoItemCategoria.png");
		background-repeat: repeat-x;
		border-radius:5px;
		color:white;
		//float:left;
		//font-weight:bold;
		height:115px;
		margin:1px;
		margin-bottom:0px;
		overflow:hidden;
		width:90px;
	}
	
	.sombraCategoriaComercios{
		//background-color:white;
		background-image: url("sombraItem.png");
		height:10px;
		width:80px;
	}
	
	.itemCategoriaComercios:hover{				
		//background-color:#006600;				
		cursor:pointer;
		margin-top:1px;
		
		opacity: 0.8;
		filter: alpha(opacity=80);
					
		//-webkit-box-shadow: 2px 2px 1px 1px #AAA;
		//-moz-box-shadow: 2px 2px 1px 1px #AAA;
	}
		
		.nombreCategoria{
			font-size:11px;
			//font-variant:small-caps;
			overflow:hidden;
			padding:5px;
		}

#listadoComercios{
	/*outline:1px dashed red;*/			
	float:left;
	width:560px;
}
	.comercio{
		border-bottom:1px dashed #555;
		border-radius:5px;
		margin-top:3px;
		margin-bottom:3px;
		overflow:hidden;
		padding:3px;
	}
	
	.comercioDestacado{
		border-bottom:1px dashed #555;
		border-radius:5px;		
		margin-top:3px;
		margin-bottom:3px;
		overflow:hidden;
		padding:3px;
	}
	
	/*.comercioDestacado:hover, .comercio:hover {
		background-color:#006600;
		color:white;
		cursor:pointer;			
	}	*/		
		
	.nombreComercio, .nombreComercioDestacado{				
		font-weight:bold;
		font-size:15px;
		text-align:left;		
	}
	
	 .nombreComercioDestacado{
		color:#FF0000;
	 }
							
	.descripcionComercio{
		font-size:14px;
		text-align:left;			
	}
	
	.contactoComercio{
		font-size:14px;
		text-align:left;			
	}
													
	.enlaceComercio{				
		font-size:14px;							
		text-decoration:none;	
	}
	
	.enlaceComercio:hover{
		color:#777;
		text-decoration:underline;
	}				
		
	.verMasFotosComercios{
		font-size:11px;
		text-align:left;			
	}
	
	.paginacionComercios{
		background:#555;										
		border-radius:5px;				
		clear:both;
		color:white;				
		font-size:13px;				
		margin-top:10px;
		padding:3px;
		text-align:center;	
	}
		
/*Fin Estilos COMERCIOS Y EMPRESAS*/

/*-----------------------------------------------------------ESTILOS DEl MODULO: CLASIFICADOS----------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
#rubrosClasificados{
	/*outline:1px dashed red;*/			
	float:left;
	width:560px;
}

	.menuIzquierdoClasificados{
		background-color: #FFF;
		border:1px solid #DDD;
		color:#333;
		margin-left:0px;
		margin-top:5px;
		width:250px;
		float:left;
	}
	
		.tituloMenuIzquierdoClasificados{
			border-bottom: 5px solid #FF0000;				
			color:#333;
			font-family: BebasNeueRegular,arial,Georgia, serif;
			font-size:22px;				
			text-align:left;
			border-radius: 5px 5px 0 0;
			padding:5px;				
		}
		
	.itemCategoriaClasificados{	
		//background-color:#FF9D3C;
		background-color:#333;
		background-image: url("fondoItemCategoria.png");
		background-repeat: repeat-x;
		border-radius:5px;
		color:white;
		//float:left;	
		//font-weight:bold;
		height:115px;
		margin:1px;
		margin-bottom:0px;
		overflow:hidden;
		width:90px;
	}
	
	.itemCategoriaClasificados:hover{				
		//background-color:#CC6600;				
		cursor:pointer;
		margin-top:1px;
		
		opacity: 0.8;
		filter: alpha(opacity=80);
		
		//-webkit-box-shadow: 2px 2px 1px 1px #AAA;
		//-moz-box-shadow: 2px 2px 1px 1px #AAA;
	}
	
#listadoAvisos{
	//outline:1px dashed red;			
	float:left;
	width:560px;
}
	.aviso{
		border-bottom:1px dashed #555;
		margin-top:3px;
		margin-bottom:3px;
		overflow:hidden;
		padding:3px;
	}

	.avisoDestacado{
		border-bottom:1px dashed #555;		
		margin-top:3px;
		margin-bottom:3px;
		overflow:hidden;
		padding:3px;
	}
	
	/*.avisoDestacado:hover, .aviso:hover{
		background-color:#CC6600;				
		color:white;
		cursor:pointer;
	}*/
	
	.tituloAviso, .tituloAvisoDestacado{				
		font-weight:bold;
		font-size:15px;
		text-align:left;		
	}
	
	.tituloAvisoDestacado{
		color:#FF0000;
	}
					
	.descripcionAviso{
		font-size:14px;
		text-align:left;			
	}
	
	.contactoAviso{
		font-size:14px;
		text-align:left;			
	}
	
	.verMasFotosClasificados{
		font-size:11px;
		text-align:left;			
	}
	
	.paginacionClasificados{
		background:#555;										
		border-radius:5px;				
		clear:both;
		color:white;				
		font-size:13px;				
		margin-top:10px;
		padding:3px;
		text-align:center;	
	}
/*Fin Estilos CLASIFICADOS*/
		
/*-----------------------------------------------------------ESTILOS DEl MODULO: TELEFONOS------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
#contenedorMenuIzquierdoTelefonos{
	//outline:1px dashed red;		
	float:left;
	width:560px;
}

	.menuIzquierdoTelefonos{
		background-color:#FFF;
		border:1px solid #DDD;
		color:#333;
		margin-left:7px;
		margin-top:5px;
		width:270px;
	}
	
		.tituloMenuIzquierdoTelefonos{														
			border-bottom:5px solid #FF0000;				
			color:#333;
			font-family: BebasNeueRegular,arial,Georgia, serif;
			font-size:22px;
			text-align:left;
			padding:5px;
		}

#listadoTelefonos{
	//outline:1px dashed red;			
	float:left;
	width:560px;
}
	.telefono{
		/*border-bottom:3px solid #A4FFA4;*/
		border-bottom:1px dashed #555;
		margin-top:3px;
		margin-bottom:3px;
		overflow:hidden;
		padding:3px;
	}
							
	.nombreTelefono{				
		float:left;
		font-weight:bold;
		font-size:15px;
		text-align:left;		
	}
	
	.numTelefono{
		float:right;
		font-weight:bold;
		font-size:13px;
		text-align:right;			
	}
							
	.contactoTelefono{
		clear:both;
		float:left;
		font-size:14px;
		text-align:left;			
	}
	
	.paginacionTelefonos{
		background:#555;
		border-radius: 5px 5px 5px 5px;				
		clear:both;
		color:white;				
		font-size:13px;				
		margin-top:10px;
		padding:3px;
		text-align:center;	
	}
		
/*Fin Estilos TELEFONOS*/
		
/*-------------------------------------ESTILOS DEl MODULO: GALERIAS DE AUDIOS, VIDEOS Y FOTOS----------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/	
.videoGaleria{
	border:5px solid #555;
	border-width: 5px 5px 15px;
	border-radius:5px;
	margin-left:5px;
	margin-top:5px;
	float:left;
	width:540px;
}

.videoGaleria:hover{
	border:5px solid #777;
	border-width: 5px 5px 15px;
}

#gallery ul img {
	border: 5px solid #555;			
}

#gallery ul a:hover img {
	border: 5px solid #777;	
}
/*Fin Estilos Galeria de Audios, Videos y fotos*/
	
/*-------------------------------------------------ESTILOS DEl MODULO: SECCION CONTACTO---------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
	
.cuerpoContacto{		
	/*outline:1px solid red;*/
	color:#333;
	font-family:"Droid Sans",Arial,Verdana,sans-serif;
	font-size: 14px;
	line-height:18px;
	margin-left:10px;
	margin-top:10px;
	text-align:justify;
}
/*Fin Estilos Seccion Contacto*/	

/*------------------------------------------------------ESTILOS DEl MODULO: UTILES---------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/		
	#utiles{
		/*outline:1px dashed red;*/
		color:#333;
		float:right;
		min-height:2200px;
		width:270px;
	}
	
		.util{
			background-color:#FFF;
			border:1px solid #DDD;			
			/*border-radius:5px;*/
			margin:10px;
			width:250px;
		}

			.tituloUtiles{
				border-bottom:3px solid #FF0000;			
				color:#333;
				//font-family: BebasNeueRegular,arial,Georgia, serif;
				font-family: 'Oswald', sans-serif;
				font-size:22px;
				padding:5px;
				text-align:left;
			}
			
			/*Estilos de las tablas en los utiles*/
			
			.util table, .util td, .util tr{
				border:none;			
			}
			
			/*Estilo de lo mas leido y lo mas comentado*/
			.tituloLoMasSel{
				background:#FF0000;
				color:#333;
				float:left;
				font-family:BebasNeueRegular,arial,Georgia, serif;
				font-size:22px;
				font-variant:small-caps;
				font-weight:bold;
				margin:3px;
				margin-bottom:0px;
				padding:3px;		
			}
			
			.tituloLoMasNoSel{
				background:transparent;			
				color:#333;
				float:left;
				font-family:BebasNeueRegular,arial,Georgia, serif;
				font-size:22px;
				font-variant:small-caps;
				font-weight:bold;
				margin:3px;
				margin-bottom:0px;
				padding:3px;		
			}
						
			.tituloLoMasNoSel:hover{
				color:#FF0000;
				cursor:pointer;
			}
			
			.elementoLoMas{
				color:#333;
				font-size:12px;
				margin-left:5px;
				margin-top:5px;
				overflow:hidden;
				text-align:left;
				width:240px;		
			}
			
			.elementoLoMas:hover{
				color:#FF0000;
				cursor:pointer;				
			}
			
			/*Estilos de los mensaje en los utiles*/
			
			.mensaje{
				border-bottom:1px dashed #555;
				border-top:1px dashed #555;
				margin-top:5px;
			}
			
				.autorMensaje{
					font-weight:bold;
					overflow:hidden;
					text-align:left;
				}
				
				.cuerpoMensaje{
					text-align:justify;				
				}
			
			/*Estilos de los productos de la seccion Util Ultimos Clasificados y nuestras freeweb*/
			.ultimosClasificados, .nuestrasFreeWeb{
				background:#555;
				border-radius:5px;
				height:75px;
				margin-left:5px;
				margin-top:5px;
				overflow:hidden;
				width:240px;
			}
			
			.ultimosClasificados:hover, .nuestrasFreeWeb:hover{
				background:#777;			
				/*background-image: url("fondoUltimosClasificados.png");*/
				/*background-repeat: repeat-x;*/
				cursor:pointer;
			}
			
				.imgUltimosClasificados, .imgNuestrasFreeWeb{
					float:left;
					margin-left:4px;
					margin-top:4px;
				}
				
				.detalleUltimosClasificados, .detalleNuestrasFreeWeb{
					//border:1px solid white;
					float:left;
					margin-left:4px;
					margin-top:4px;	
					height:67px;
					overflow:hidden;
					width:160px;			
				}
				
					.tituloUltimosClasificados, .tituloNuestrasFreeWeb{
						color:white;
						font-family:"Droid Sans",Arial,Verdana,sans-serif;
						font-weight:bold;
						font-size:12px;
						height:14px;
						overflow:hidden;
						text-align:left;
						width:160px;
					}
					
					.tituloUltimosClasificados{
						height:56px;					
					}
					
					.descripcionNuestrasFreeWeb{
						color:white;
						font-family:"Droid Sans",Arial,Verdana,sans-serif;
						font-size:11px;
						height:43px;
						overflow:hidden;
						text-align:left;
						width:160px;
					}
					
					.clickUltimosClasificados, .clickNuestrasFreeWeb{
						color:white;
						font-family:"Droid Sans",Arial,Verdana,sans-serif;					
						font-size:9px;
						text-align:left;				
					}
				
			/*Estilos de las encuestas*/			
			.preguntaEncuesta{
				color:#333;
				font-family:"Droid Sans",Arial,Verdana,sans-serif;
				font-weight:bold;
				font-size: 13px;				
				margin-top:5px;
				overflow:hidden;
				text-align:left;
			}
			
			.opcionEncuesta{
				color:#333;
				font-family: "Droid Sans",Arial,Verdana,sans-serif;
				font-size: 12px;
				margin-top:5px;
				margin-left:5px;
				overflow:hidden;
				text-align:left;				
			}
			
			.opcionResultadoEncuesta{				
				background:#FF0000;
				color:#333;
				float:left;
				font-family: "Droid Sans",Arial,Verdana,sans-serif;
				font-size: 12px;			
				overflow:hidden;							
			}
			
			.nombreOpcionResultadoEncuesta{
				color:#333;
				float:left;
				font-weight:bold;
				font-size: 12px;				
				margin-left:3px;
				text-align:left;
			}
			
			.pics img {  
				background-color:#FFF;				
			}
			
			/*Estilos de los utiles en los utiles*/			
			.enlaceUtil{
				border-bottom:1px dashed #999;
				color:#333;
				margin:5px;
				text-align:left;
				text-decoration:none;
			}
			
				.enlaceUtil a{					
					color:#333;
					font-weight:bold;
					text-decoration:none;
				}
				
				.enlaceUtil a:hover{					
					color:#FF0000;					
					text-decoration:underline;
				}
					
/*Fin Estilos de los Utiles*/

/*-------------------------------------------------------------ESTILOS DEL PIE DE PAGINA--------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/	
	#pie{
		background-color:#FFF;
		border-top:7px solid #FF0000;
		color:#333;
		padding:25px;
		padding-top:10px;
	}
	
	.columnaPie{
		//outline:1px dashed red;
		float:left;
		min-height:300px;
		text-align:left;
		width:265px;
	}
	
		.tituloColumnaPie{			
			color:#333;
			font-family: BebasNeueRegular,arial,Georgia, serif;
			font-size:20px;
			margin:5px;
		}
		
		.cuerpoColumnaPie{
			border-bottom:1px dotted #555;
			color:#333;
			font-size:13px;
			margin:5px;
			padding-bottom:5px;
		}
			.cuerpoColumnaPie li{
				padding-top:5px;
			}
		
			.cuerpoColumnaPie li:hover{
				color:#777;
				cursor:pointer;
			}
		
	
	#sombraPie{
		//outline:1px dashed red;		
	}
	
/*--------------------------------------------------------ESTILOS DE BOTONES Y FORMULARIOS-------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

a{
 text-decoration:none;
}

a, a:visited{
	color:#333;
}

a:hover{
	color:#777;
}

#utiles a{
	color:#333;
}

#utiles a:hover{
	color:#FF0000;
}

.labelFormulario{
	clear:both;
	color:#333;
	float:left;
	margin-right:3px;
	margin-top:3xp;
	text-align:right;
}

.boton{
	background:#555;
	border-radius:5px;	
	color:white;
	float:right;
	padding: 5px 10px 5px 10px;
}

.boton:hover{	
	background:#777;
	cursor: pointer;
}

.enlace{
	color:white;	
	margin-left:3px;			
}

.enlace:hover{
	color:white;
	cursor:pointer;
	text-decoration:underline;
}

.enlaceElegirColor:hover{
	opacity: 0.5;
	filter: alpha(opacity=50)
}

/*La ayuda se muestra abajo de formularios como el cargar clasificado*/
.ayuda{
	background:#FF0000;
	color:#333;
	color:#FFF;
}

.bordeAyuda{
	border:1px solid #FF0000;
	color:#333;
}

/* Moviles */
@media screen
  and (min-device-width: 320px) 
  and (max-device-width: 900px)   {
	.btnWhatsapp {
		display:block !important;
	}
}