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

body{
	background-attachment:fixed;
	//background-color:#001502;
	background-color:#E8EBB2;
	background-image: url(bk_body.jpg);	
	
	//background-repeat: repeat-x;
	//background-repeat: no-repeat;
	background-repeat: repeat;
	
	margin:0px;	
}

#cuerpo{
	background-color:white;
	border: 0px solid #CCC;
	//border: 0px solid #f5c500;
	//border: 0px solid #913D20;
	
	border-radius:10px;	
	margin:auto;
	min-height:2500px;
	width:950px;
	
	/*-webkit-box-shadow: 2px 2px 6px 2px #555;
	-moz-box-shadow: 2px 2px 6px 2px #555;*/	
}

	#portada{		
		border-radius: 10px 10px 10px 10px;
		min-height:200px;
		width:950px;
	}
				
	/*MENU PRINCIPAL YUI*/
	.yui-skin-sam .yuimenubar{	
		background-color:#ae1316 !important;
		
		background-image:-moz-linear-gradient(0% 22px 90deg, #ae1316, #da0004) !important;
		background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#ae1316), to(#da0004)) !important;		
	}
	
	.yui-skin-sam .yuimenubaritem-selected{
		background-color:#da0004 !important;
		
		background-image:-moz-linear-gradient(0% 22px 90deg, #da0004, #ae1316) !important;
		background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#da0004), to(#ae1316)) !important;
	}
	
	.yui-skin-sam .yuimenuitem-selected{
		background-color:#da0004 !important;		
	}
	
			
	#zonaModificableAjax{
		//outline:1px dashed red;
		float:left;
		//min-height:2200px;
		width:680px;
	}	
	
	.bordeZonaModificableReproductor{
		border-top:7px solid #ae1316;
	}
	
/*--------------------------------------------ESTILOS DE LOS TITULOS DE LAS SECCIONES-------------------------------------------------------------*/
/*Ejemplo: Clasificados, Informaciones Utiles, etc*/
		
.tituloSeccion{
	background:#ae1316;
	/*background-image: -moz-linear-gradient(0% 22px 90deg, #EEE, #000);*/
	background-image: -webkit-gradient(linear, 0% 90%, 0% 40%, from(#da0004), to(#ae1316));
	
	border-radius:5px;		
	color:white;
	font-size:18px;
	font-variant:small-caps;
	font-weight:bold;
	margin-left:5px;
	margin-top:10px;
	padding:5px;
	text-align:left;
	
	/*-moz-box-shadow: 0 0 5px #111;
	-webkit-box-shadow: 0 0 5px #111;*/
}

/*------------------------------------------------------ESTILOS DEL MODULO: NOTICIAS------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
			
/*Estilos de las Categorias de las noticias*/
.menuCategoria{
	background-color:#EEE;
	border:1px solid #CCC;
	border-radius:5px;
	margin-left:5px;
	margin-top:5px;
}

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

/*Estilos de las noticias principales que estan en el carousel*/
.bajadaNoticiaPrincipal{
	background:black;
	color:white;
	min-height:50px;
	max-height:200px;
	overflow:hidden;
	text-align:left;
	width:675px;
	
	filter:alpha(opacity=60);
	opacity: .60;
}

	.tituloBajadaNoticiaPrincipal{
		font-size:18px;
		font-weight:bold;
		margin-top:3px;
		margin-left:3px;
	}
	
	.cuerpoBajadaNoticiaPrincipal{
		font-size:13px;
		margin-top:3px;
		margin-left:3px;
	}			

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

#noticiasDerechas{
	//outline:1px dashed red;
	float:left;
	margin-left:10px;
	margin-top:10px;
	//min-height:2200px;
	width:270px;
}
	
	.tituloCategoria{
		color:#ae1316;
	}

	.tituloNoticia{
		//outline:1px dashed red;			
		color:#ae1316;		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
		font-weight: bold;
		float:left;
		margin-left:5px;
		width:365px;
		overflow:hidden;
		text-decoration: none;
		text-align:left;
	}
	
	.tituloNoticia:hover{
		color:#da0004;
		cursor:pointer;
		text-decoration:underline;				
	}
	
	.fotoNoticia{
		margin-top:0px;
		margin-bottom:5px;
		float:left;
		border:3px solid #ae1316;
	}
	
		.pieFoto{
			background:#000;
			color:white;
			font-size:11px;
			padding:2px;
			text-align:left;
			width:290px;
		}
	
	.videoNoticia{
		margin-top:0px;
		margin-bottom:5px;
		float:left;
	}

	.calameoNoticia{
		outline:3px solid #ae1316;
		margin-top:0px;
		margin-bottom:5px;
		float:left;
	}
	
	.fotoNoticia:hover{
		cursor:pointer;
	}
	
	.bajadaNoticia{		
		//outline:1px dashed red;	
		color:#111;
		font-family: verdana,arial,helvetica;
		font-size: 13px;
		float:left;
		margin-top:5px;	
		margin-left:5px;
		overflow:hidden;
		text-align:justify;
		width:365px;
	}
	
	.leerMasNoticia, .subirmifoto{
		//outline:1px dashed red;	
		//border-bottom:1px dashed gray;
		color:blue;
		font-size:11px;
		float:right;
		margin-top:3px;
		padding-bottom:5px;
		text-align:right;		
	}
	
	.leerMasNoticia:hover, .subirmifoto:hover{
		cursor:pointer;
		text-decoration:underline;	
	}
	
	.compartirRedesSociales:hover{
		filter:alpha(opacity=80);
		opacity: .80;
	}

/*Estilo del paginador de las noticias*/
.paginacionNoticias{
	background:#ae1316;										
	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 #ae1316;
	color:#ae1316;
	font-family: Arial, Helvetica, 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:660px;
}

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

.bajadaVerNoticia{				
	color: #333;
	font-family: verdana,arial,helvetica;
	font-size: 14px;
	font-style: italic;
	line-height: 20px;
	margin-top:5px;
	padding:10px;
	text-align:left;
}			
		
.cuerpoVerNoticia{				
	color: #111;
	font-family: verdana,arial,helvetica;
	line-height: 20px;
	font-size: 12px;				
	padding:10px;
	text-align:justify;
}

.comentarioNoticia{				
	//outline:1px dashed red;
	border-bottom:3px solid #AAA;
	border-top:3px solid #AAA;
	margin:10px;				
	padding-top:5px;
	padding-bottom:5px;			
}			
.cuerpoComentarioNoticia{
	color:#333;
	float:left;				
	margin-left:5px;
	text-align:justify;
	width:615px;
}				
	
.tituloGaleriaSel{
	background:#ae1316;										
	background-image: -webkit-gradient(linear, 0% 90%, 0% 40%, from(#da0004), to(#ae1316));
	border-radius: 5px 5px 0 0;				
	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;				
	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 #ae1316;
	border-width: 5px 5px 15px;
	border-radius:5px;				
	margin-left:160px;
	margin-top:5px;
	//float:left;
	width:360px;
}
.audioGaleria:hover{
	border: 5px solid #da0004;				
	border-width: 5px 5px 15px;
}

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

	.imagenNoticiaRelacionada{
		//outline:1px solid red;		
		float:left;		
	}
	
	.imagenNoticiaRelacionada:hover{
		cursor:pointer;
	}
	
	.cuerpoNoticiaRelacionada{
		//outline:1px solid red;
		float:left;
		margin-left:10px;
		//width:495px;
	}
	
		.tituloNoticiaRelacionada{
			color:#ae1316;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 20px;
			font-weight: bold;
			overflow:hidden;
			text-decoration: none;
			text-align:left;		
		}
		
		.tituloNoticiaRelacionada:hover{
			color:#da0004;
			cursor:pointer;
			text-decoration:underline;				
		}
		
		.bajadaNoticiaRelacionada{				
			color:#111;
			font-family: verdana,arial,helvetica;
			font-size: 13px;
			margin-top:0px;	
			overflow:hidden;
			text-align:justify;
		}
		

#noticiasFijas{		
	//outline:1px dashed green;
	background:#EEE;
	border-radius:5px;
	border:5px solid #ae1316;
	border-top:0px;
	margin-left:5px;
	margin-top:10px;
}

	#tituloNoticiasFijas{
		background:#ae1316;
		color:white;
		font-size:18px;
		font-variant:small-caps;
		font-weight:bold;				
		padding:5px;
		text-align:left;
	}
	
	.noticiaFija{
		//outline:1px dashed green;
		float:left;
		margin-left:5px;
		margin-top:5px;
		width:215px;	
	}
	
		.tituloNoticiaFija{
			color:#ae1316;		
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: bold;
			overflow:hidden;
			text-decoration: none;
			text-align:left;
		}
	
		.tituloNoticiaFija:hover{
			color:#da0004;
			cursor:pointer;
			text-decoration:underline;				
		}
		
		.fotoNoticiaFija{
			margin-top:5px;
			margin-bottom:5px;
		}
		
			.pieFotoFija{
				background:#000;
				color:white;
				font-size:10px;
				padding:2px;
				text-align:left;
			}
		
		.videoNoticiaFija{
			margin-top:5px;
			margin-bottom:5px;	
		}	
		
		.fotoNoticiaFija:hover{
			cursor:pointer;
		}
		
		.bajadaNoticiaFija{				
			color:#111;
			font-family: verdana,arial,helvetica;
			font-size: 11px;
			margin-top:5px;	
			overflow:hidden;
			text-align:justify;
		}
	
/*Fin Estilos de la NOTICIAS*/

/*------------------------------------------------------ESTILOS DE LOS VIDEOS DE LOS VISITANTES----------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

.videoVisitante{
	//outline:1px solid red;
	border:5px solid #999;
	float:left;
	height:300px;
	width:300px;
}

.infoVideoVisitante{
	//outline:1px solid red;
	float:left;
	margin-left:10px;
	margin-top:10px;
	width:340px;

}
	.tituloVideoVisitante{
		color:#ae1316;		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
		font-weight: bold;
		overflow:hidden;
		text-decoration: none;
		text-align:left;	
	}
	
	.bajadaVideoVisitante{				
		color:#111;
		font-family: verdana,arial,helvetica;
		font-size: 13px;
		margin-top:5px;	
		overflow:hidden;
		text-align:justify;
	}

/*------------------------------------------------------ESTILOS DEL MODULO: INFORMACION Y TRAMITES----------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

.cuerpoInformacion, .cuerpoTramite{
	color: #111;
	font-family: verdana,arial,helvetica;
	line-height: 18px;
	font-size: 12px;				
	padding:5px 10px 5px 10px;
	text-align:justify;			
}

.cuerpoInformacion, .cuerpoTramite{
	/*background-color: #EEE;*/
	/*border:1px solid #CCC;*/
	border-radius:8px;
	margin-left:10px;
	margin-right:5px;
	margin-top:5px;
}

.fotoInformacion, .fotoTramite{
	//border:5px solid #CCC;
	margin-left:7px;				
	margin-top:5px;
	max-width:660px;
}

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

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

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

.masInformacion, .masTramites{
	border-bottom:1px dotted #333;
	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:blue;
	cursor:pointer;			
}

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

	.menuIzquierdoComercios{				
		//background-color:#DFFFDF;
		background-color: #EEE;
		//border:1px solid #EEE;
		border:1px solid #CCC;
		border-radius:5px;
		margin-left:7px;
		margin-top:5px;
		width:250px;
	}
	
		.tituloMenuIzquierdoComercios{														
			//background-color:#006600;
			background:#333;
			border-radius: 5px 5px 0 0;
			color:white;
			font-size:17px;
			font-variant:small-caps;
			font-weight:bold;
			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:80px;
	}
	
	.sombraCategoriaComercios{
		//background-color:white;
		background-image: url("sombraItem.png");
		height:10px;				
		width:80px;
	}
	
	.itemCategoriaComercios:hover{				
		//background-color:#006600;				
		cursor:pointer;
		margin-top:0px;
					
		//-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:415px;		
}
	.comercio{
		/*border-bottom:3px solid #A4FFA4;*/
		border-bottom:3px solid #FFB366;
		
		border-radius:5px;
		margin-top:3px;
		margin-bottom:3px;
		overflow:hidden;
		padding:3px;
	}
	
	.comercioDestacado{							
		background-color:#FFB366;
		
		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;		
	}
							
	.descripcionComercio{
		font-size:14px;
		text-align:left;			
	}
	
	.contactoComercio{
		font-size:14px;
		text-align:left;			
	}
													
	.enlaceComercio{				
		color:black;
		font-size:14px;							
		text-decoration:none;	
	}
	
	.enlaceComercio:hover{
		color:blue;
		text-decoration:underline;
	}				
		
	.verMasFotosComercios{
		font-size:11px;
		text-align:left;			
	}
	
	.paginacionComercios{
		background:#FFB366;										
		border-radius: 5px 5px 5px 5px;				
		clear:both;
		color:black;				
		font-size:13px;				
		margin-top:10px;
		padding:3px;
		text-align:center;	
	}
		
/*Fin Estilos COMERCIOS Y EMPRESAS*/
		
/*------------------------------------------------------------ESTILOS DEl MODULO: FREEWEBS------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
	.freeWeb{
		background-color:#C0C0C0;
		background-image: url("fondoFreeWeb2.png");
		background-repeat: repeat-x;
		border-radius:5px;
		color:white;				
		height:300px;
		margin-left:10px;
		margin-top:10px;
		overflow:hidden;				
		width:214px;
	}

		.tituloFreeWeb{														
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			padding:7px;
		}

	.freeWeb:hover{
		//border:3px solid black;
		cursor:pointer;
		margin-top:4px;
	}
	
	.enlaceFreeWeb{
		color:white;
		text-decoration:none;
	}
	
	.enlaceFreeWeb:hover{
		font-weight:bold;		
	}
	
	.sombraFreeWeb{
		background-color:white;
		background-image: url("sombraFreeWeb.png");
		height:20px;				
		width:214px;
	}
/*Fin Estilos FREEWEB*/


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

	.menuIzquierdoClasificados{
		//background-color:#FFF9DD;				
		background-color: #EEE;
		//border:1px solid #EEE;
		border:1px solid #CCC;
		border-radius:5px;
		margin-left:7px;
		margin-top:5px;
		width:250px;
	}
	
		.tituloMenuIzquierdoClasificados{
			//background-color:#CC6600;
			background:#333;
			border-radius: 5px 5px 0 0;				
			color:white;
			font-size:18px;					
			font-variant:small-caps;
			font-weight:bold;
			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:80px;
	}
	
	.itemCategoriaClasificados:hover{				
		//background-color:#CC6600;				
		cursor:pointer;
		margin-top:0px;
		
		//-webkit-box-shadow: 2px 2px 1px 1px #AAA;
		//-moz-box-shadow: 2px 2px 1px 1px #AAA;
	}
	
#listadoAvisos{
	//outline:1px dashed red;			
	float:left;
	width:415px;		
}
	.aviso{
		border-bottom:3px solid #FFB366;
		border-radius:5px;
		margin-top:3px;
		margin-bottom:3px;
		overflow:hidden;
		padding:3px;
	}

	.avisoDestacado{							
		background-color:#FFB366;				
		border-radius:5px;
		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;		
	}
				
	.descripcionAviso{
		font-size:14px;
		text-align:left;			
	}
	
	.contactoAviso{
		font-size:14px;
		text-align:left;			
	}
	
	.verMasFotosClasificados{
		font-size:11px;
		text-align:left;			
	}
	
	.paginacionClasificados{
		background:#FFB366;										
		border-radius:5px;				
		clear:both;
		color:black;				
		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:265px;
}

	.menuIzquierdoTelefonos{				
		//background-color:#DFFFDF;
		background-color: #EEE;
		//border:1px solid #EEE;
		border:1px solid #CCC;
		border-radius:5px;
		margin-left:7px;
		margin-top:5px;
		width:250px;
	}
	
		.tituloMenuIzquierdoTelefonos{														
			//background-color:#006600;
			background:#333;
			border-radius: 5px 5px 0 0;
			color:white;
			font-size:17px;
			font-variant:small-caps;
			font-weight:bold;
			padding:5px;
		}

#listadoTelefonos{
	//outline:1px dashed red;			
	float:left;
	width:415px;		
}
	.telefono{
		/*border-bottom:3px solid #A4FFA4;*/
		border-bottom:3px solid #FFB366;
		
		border-radius:5px;
		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:#FFB366;										
		border-radius: 5px 5px 5px 5px;				
		clear:both;
		color:black;				
		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 #ae1316;
	border-width: 5px 5px 15px;
	border-radius:5px;
	margin-left:5px;
	margin-top:5px;
	float:left;
	width:325px;			
}

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

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

#gallery ul a:hover img {			
	border: 5px solid #da0004;			
}
/*Fin Estilos Galeria de Audios, Videos y fotos*/
	
/*-------------------------------------------------ESTILOS DEl MODULO: SECCION CONTACTO---------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
	
.cuerpoContacto{		
	/*background-color: #EEE;*/
	/*border:1px solid #CCC;*/
	border-radius:8px;
	color:#555;
	font-family: verdana,arial,helvetica;			
	font-size: 12px;
	line-height: 18px;
	margin-left:10px;
	margin-right:5px;
	margin-top:5px;
	padding:5px 10px 5px 10px;
	text-align:justify;
}
/*Fin Estilos Seccion Contacto*/	

/*------------------------------------------------------ESTILOS DEl MODULO: UTILES---------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/		
	
	#utiles{
		//outline:1px dashed red;
		float:left;
		min-height:2200px;
		width:270px;	
	}
	
		.util{
			background-color: #EEE;
			border:1px solid #CCC;			
			border-radius:5px;
			margin-left:10px;
			margin-top:5px;
			width:250px;
			
			-moz-box-shadow: 1px 2px 5px #777;
			-webkit-box-shadow: 1px 2px 5px #777;
		}

			.tituloUtiles{
				background:#000;
				/*background-image: -moz-linear-gradient(0% 22px 90deg, #EEE, #000);*/
				/*background-image: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#EEE), to(#000));*/
				border-radius: 5px 5px 0 0;				
				color:#fff;
				font-size:18px;
				font-variant:small-caps;
				font-weight:bold;				
				padding:5px;		
			}
			
			/*Estilo de lo mas leido y lo mas comentado*/
			.tituloLoMasSel{
				background:#000;								
				border-radius: 5px 5px 0 0;				
				color:white;
				float:left;
				font-size:16px;
				font-variant:small-caps;
				font-weight:bold;
				margin:3px;
				margin-bottom:0px;
				padding:5px;		
			}
			
			.tituloLoMasNoSel{
				background:transparent;
				border-radius: 5px 5px 0 0;				
				color:#999;
				float:left;
				font-size:16px;
				font-variant:small-caps;
				font-weight:bold;
				margin:3px;
				margin-bottom:0px;
				padding:5px;		
			}
						
			.tituloLoMasNoSel:hover{
				color:black;
				cursor:pointer;
			}
			
			.elementoLoMas{
				font-size:12px;
				margin-left:5px;
				margin-top:5px;
				overflow:hidden;
				text-align:left;
				width:240px;		
			}
			
			.elementoLoMas:hover{
				color:blue;
				cursor:pointer;				
			}
			
			/*Estilos de los mensaje en los utiles*/
			
			.mensaje{
				border-bottom:1px dashed #999;
				border-top:1px dashed #999;
				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 Productos y nuestras freeweb*/
			.ultimosClasificados, .nuestrasFreeWeb{
				background:#ae1316;
				border-radius:5px;
				height:75px;
				margin-left:5px;
				margin-top:5px;
				overflow:hidden;
				width:240px;
			}
			
			.ultimosClasificados:hover, .nuestrasFreeWeb:hover{
				background:#da0004;			
				/*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:Arial, Helvetica, 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:Arial, Helvetica, sans-serif;
						font-size:11px;
						height:43px;
						overflow:hidden;
						text-align:left;
						width:160px;
					}
					
					.clickUltimosClasificados, .clickNuestrasFreeWeb{
						color:white;
						font-family:Arial, Helvetica, sans-serif;					
						font-size:9px;
						text-align:left;				
					}
				
			/*Estilos de las encuestas*/			
			.preguntaEncuesta{
				color:#003366;
				font-family: Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size: 13px;				
				margin-top:5px;
				overflow:hidden;
				text-align:left;
			}
			
			.opcionEncuesta{
				color:#003366;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				margin-top:5px;
				margin-left:5px;
				overflow:hidden;
				text-align:left;				
			}
			
			.opcionResultadoEncuesta{				
				background:#ae1316;
				color:#003366;
				float:left;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;			
				overflow:hidden;							
			}
			
			.nombreOpcionResultadoEncuesta{
				color:#003366;
				float:left;
				font-weight:bold;
				font-size: 12px;				
				margin-left:3px;
				text-align:left;
			}
			
			.pics img {  
				background-color:#EEE;				
			}
			
			/*Estilos de los utiles en los utiles*/
			
			.enlaceUtil{
				border-bottom:1px dashed #999;
				color:black;				
				margin:5px;
				text-align:left;
				text-decoration:none;
			}
			
				.enlaceUtil a{					
					color:#333;
					font-weight:bold;
					text-decoration:none;
				}
				
				.enlaceUtil a:hover{					
					color:blue;					
					text-decoration:underline;
				}
					
/*Fin Estilos de los Utiles*/

/*-------------------------------------------------------------ESTILOS DEL PIE DE PAGINA--------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/	
	#pie{
		background-color: #EEE;		
		border-radius: 0px 0px 10px 10px;	
		border-top:7px solid #ae1316;
		color:#003366;
		font-weight:bold;
		padding:25px;	
	}
	
	#sombraPie{
		//outline:1px dashed red;		
	}
	
/*--------------------------------------------------------ESTILOS DE BOTONES Y FORMULARIOS-------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

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

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

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

.botonVotar{
	background:#ae1316;
	border-radius:4px;	
	color:white;
	float:right;
	padding: 3px 6px 3px 6px;
}

.botonVotar:hover{	
	background:#da0004;
	cursor: pointer;
}

.botonBuscar{
	background:#333;
	border-radius:4px;	
	color:white;
	float:right;
	padding: 3px 6px 3px 6px;
}

.botonBuscar:hover{	
	background:#666;
	cursor: pointer;
}

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

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