/* CSS ePyme */

/* Estructura ************************************************************************ */

#contenedorprincipal{
width:780px;
margin:0px auto 10px auto;
padding:0px;
background-color:#fff;
}

#sobrecabecera{
height:20px;
padding:3px 10px 3px 3px;
text-align:right;
color:#fff; /* Color de la tipografa  de la sobrecabecera */
background-color:#2B5580; /* Color de fondo de la sobrecabecera */
font-size:10px;
}
#sobrecabecera A:link    { color: #fff;  font-weight: normal;}
#sobrecabecera A:visited { color: #fff;  font-weight: normal;}
#sobrecabecera A:hover   { color: #DEEBEE;  font-weight: normal;}
#sobrecabecera A:active  { color: #fff;  font-weight: normal;}

#cabecera{
height:200px;
background-color:#333;
}

#lateral{
position:relative;
float:left;
width:200px;
margin:0px;
padding:0px;
background-color:#f5f5f5;
}

#contenido{
position:relative;
float:right;
width:580px;
margin:0px;
padding:0px;
}


.limpia{clear:both;}
.dummy{clear:both;}


#pie{
height:20px;
padding:3px 10px 3px 10px;
text-align:right;
color:#fff; /* color de tipografa por defecto */
background-color:#74A3D1; /* Color de fondo del pie */
font-size:10px; /* Tamao de tipografa del pie */
}

#breadcrumb{
height:20px;
padding:10px 10px 3px 10px;
text-align:left;
color:#666; /* color de tipografa por defecto */
font-size:10px; /* Tamao de tipografa del pie */
}

.bloqueaportada{
padding:0px 10px 5px 10px;
margin:0px 0px 15px 0px;
}


.bloquebportada{
position: relative;
width:260px;
float:left;
padding:0px 10px 5px 10px;
}

.bloquecportada{
position: relative;
width:260px;
float:right;
padding:0px 10px 5px 10px;
}

.bloquea{
position:relative;
padding:0px 10px 5px 10px;
margin:0px 0px 15px 0px;
background-color:#FFFFFF;
}
.bloqueb{
position:relative;
padding:0px 10px 5px 10px;
margin:0px 0px 15px 0px;
background-color:#FFFFFF;
}
.bloquec{
position:relative;
padding:0px 10px 5px 10px;
margin:0px 0px 15px 0px;
background-color:#FFFFFF;
}
.bloqued{
position:relative;
padding:0px 10px 5px 10px;
margin:0px 0px 15px 0px;
background-color:#FFFFFF;
}
.bloquee{
position:relative;
padding:0px 10px 5px 10px;
margin:0px 0px 15px 0px;
background-color:#FFFFFF;
}
.foto {
margin-left:5px;
position:relative;
float: right;
background-color:#ececec;
padding: 5px;
}
.bloquea input {
background-color:#fff;
width:220px;
margin: 2px 5px 2px 0px;
background-color:#ececec;
}

.bloquea textarea {
background-color:#fff;
width:400px;
margin: 2px 5px 2px 0px;
background-color:#ececec;
}

.pieadjuntos /* ** ASPECTO DEL BLOQUE DE DOCUMENTOS ADJUNTOS****** */
	{
	position:relative;
	padding: 3px 3px 0px 5px;
	margin: 10px 0px 5px 0px;
	border-color: #ECF4F7;
	border-width: 4px;
	border-style: solid;
	}

.grafico /* ** ASPECTO DEL BLOQUE DE CONTENIDO CON GRAFICO ****** */
	{
	position: relative;
	padding: 3px 3px 3px 5px;
	margin: 5px 0px 5px 0px;
	border-color: #F8F2DE;
	border-width: 4;
	border-style: solid;
	background-repeat: no-repeat;
	background-position: right top;
	}	

.enlaces /* ** ASPECTO DEL BLOQUE DE ENLACES ****** */
	{
	position: relative;
	padding: 3px 3px 0px 5px;
	margin: 10px 0px 5px 0px;
	border-color: #ECF4F7;
	border-width: 4px;
	border-style: solid;
	}
	
	.enlaces li    { margin-bottom:5px;}  
		
	.enlaces a:link    { color: #988423;  font-weight: normal;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.enlaces a:visited { color: #988423;  font-weight: normal;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.enlaces a:hover   { color: #5f5216;  font-weight: normal;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.enlaces a:active  { color: #333333;  font-weight: normal;}   /* ENLACES DENTRO DE ESTE BLOQUE */
.mapa  /* MAPA DEL SITE */
	{
	position: relative;
	padding: 10px;
	}
	
.etiquetamapa /* ETIQUETAS DE SECCION DENTRO DEL MAPA */
	{
	color:#666666;
	font-size: 18px;
	list-style-type: square;
	}

.eventocircular /* CABECERA PARA LOS EVENTO "CIRCULAR" */
	{	
	position:relative;
	height:15px;
	background-color:#f7f7f7;
	font-size:10px;
	color:#666666;
	padding: 5px 10px 5px 10px;
	}
		
.galeria /* BLOQUES GALERIA DE IMAGENES */
	{
	position: relative;
	padding: 5px 5px 5px 5px;
	border-color: #ECF4F7;
	border-width: 4px;
	border-style: solid;
	background-color: #ffffff;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align:center;
	}
	.galeria img /* ASPECTO IMAGENES DENTRO DE LA GALERIA (TAMAŅO VA EN DEFINICIONES */
	{	
	padding: 5px;	
	border-style:solid;
	background-color: #ECF4F7;
	}
.bloquebuscadoravanzado /* BUSCADOR AVANZADO */
	{
	padding: 3px 3px 3px 5px;
	margin: 5px 7px 5px 5px;
	}
.enviarporcorreo /* ASPECTO BLOQUE ENVIAR POR CORREO */
	{
	position: relative;
	padding: 3px 3px 3px 5px;
	margin: 5px 0px 5px 10px;
	color:#666666;
	}
	.enviarporcorreo li /* BARRA LATERAL DE COLOR*/
		{
		padding: 3px 3px 3px 5px;
		list-style-type: none;
		border-left-color: #56A7C1;
		border-left-style: solid;
		border-left-width: 5px;
		}
					
.valorar /* ASPECTO DEL BLOQUE VALORAR PUBLICACION */
	{
	position: relative;
	padding: 3px 3px 3px 5px;
	margin: 0px 7px 5px 7px;
	color:#666666;
	margin-bottom: 10px;
	}
		.valorar li /* BARRA LATERAL DE COLOR*/
		{
		list-style-type: none;
		border-left-color: #56A7C1;
		border-left-style: solid;
		border-left-width: 5px;
		}

.error /* ESTILO PARA LA PAGINA ERROR 404 */
	{
	padding: 5px 5px 5px 10px;
	color:#666666;
	margin-bottom: 5px;
	}
		
.autenticacionerror /* ESTILO PARA ERROR DE AUTENTICACION */
	{
	margin: 0px 0px 10px 0px;
	padding: 10px;
	background-image: url(../imagenes/candadogrande.gif);
	background-repeat: no-repeat;
	background-position: right center;
	}

.autenticacionok /* ESTILO PARA OK DE AUTENTICACION */
	{
	margin: 0px 0px 10px 0px;
	padding: 10px;
	background-image: url(../imagenes/candadoabierto.gif);
	background-repeat: no-repeat;
	background-position: right center;
	}

.anuncio 
	{
	margin:5px;
	position:relative;	
	margin-bottom: 10px;
	padding:5px;
	clear:both;
	}
	.anuncio h2   { color: #003366;padding:1px; margin:1px; font-size:14px; text-decoration:none; background-color:#FFFFFF;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.anuncio a:link    { color: #006B95;padding:2px; margin:2px; text-decoration:none;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.anuncio a:visited { color: #006B95;padding:2px; margin:2px; text-decoration:none;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.anuncio a:hover   { color: #005880;padding:2px; margin:2px; text-decoration:underline;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.anuncio a:active  { color: #005880;padding:2px; margin:2px; text-decoration:underline;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.anuncio ul{ margin:0px;}
	.anuncio li{ padding:3px 3px 3px 6px;float:left; width:150px; background-color:#F3F8FB;}
	.anuncio #form{ padding:3px;float:left; width:200px; background-color:#ffffff;}
 
 .anuncioclaro 
	{
	margin:5px;
	position:relative;	
	margin-bottom: 10px;
	padding:5px;
	clear:both;
	background-color:#F1F4F5;
	}
	.anuncioclaro a:link    { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.anuncioclaro a:visited { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.anuncioclaro a:hover   { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.anuncioclaro a:active  { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.anuncioclaro h3  {  font: 16px "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
						color: #4F98BF;
						margin: 2px 0 2px 0;}   /* ENLACES DENTRO DE ESTE BLOQUE */
 
  .anunciooscuro
	{
	margin:5px;
	position:relative;	
	margin-bottom: 10px;
	padding:5px;
	clear:both;
	background-color: #E0EFF2;
	}
	.anunciooscuro a:link    { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.anunciooscuro a:visited { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.anunciooscuro a:hover   { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.anunciooscuro a:active  { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.anunciooscuro h3  {  font: 16px "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
						color: #4F98BF;
						margin: 2px 0 2px 0;}   /* ENLACES DENTRO DE ESTE BLOQUE */
 

#buscador{
margin:0px;
padding:5px 0px 5px 15px;
background-color:#f5f5f5;
border-top:10px solid #2B5580;
}

#buscador input {
background-color:#fff;
width:120px;
margin: 2px 5px 2px 0px;
}
#agenda{
margin:0px;
padding:5px 5px 5px 5px;
background-color:#f5f5f5;
border-top:10px solid #2B5580;
}
#login{
margin:0px;
padding:5px 0px 5px 15px;
background-color:#f5f5f5;
border-top:10px solid #2B5580;
}
#votacion{
margin:0px;
padding:5px 0px 5px 15px;
background-color:#f5f5f5;
border-top:10px solid #2B5580;
}

#login input {
background-color:#fff;
width:120px;
margin: 2px 5px 2px 0px;
}

#login h5 {
font-size:10px;
color:#999999;
}

#publicidadprimaria{
position: relative;
height:80px;
text-align:center;
margin:10px 0px 10px 0px;
}

#publicidadsecundaria{
border-top:10px solid #2B5580;
text-align:center;
padding:5px 0px 0px 0px;
}

.apoyo{
position:relative;
float:right;
width:200px;
background-color:#ececec;
color:#666666;
font-size:10px;
padding:10px;
margin-left:5px;
}

.cabecerabloque{
position:relative;
height:15px;
background-color:#ececec;
font-size:10px;
color:#666666;
padding: 5px 10px 5px 10px;
}

.piebloque{
position:relative;
height:15px;
background-color:#ececec;
font-size:10px;
color:#666666;
padding: 5px 10px 5px 10px;
margin:10px 0px 10px 0px;
}

.formulario{
position: relative;
border:1px solid #ccc;
padding:10px 10px 40px 10px;
}

/* Navegacion ****************************************************************** */

#navegacion
{
padding:5px 0px 5px 0px;
margin:0px;
border-top: 15px solid #2B5580;
width: 200px;
}
#navegacion A:link    { color: #2B5580;  font-weight: normal;}
#navegacion A:visited { color: #2B5580;  font-weight: normal;}
#navegacion A:hover   { color: #000;  font-weight: normal;}
#navegacion A:active  { color: #2B5580;  font-weight: normal;}

#navegacion li
{
list-style: none;
margin:0px;
padding:3px 5px 3px 15px;
}

#navegacion ul{
padding:0px;
margin:0px;
}

#navegacion li a { text-decoration: none;}
#navegacion li a:hover { text-decoration: underline;}

#navegacion #etiqueta /* ASPECTO DE LAS ETIQUETAS DE SECCION */
{
background-color: #507a8c; /* COLOR DE FONDO */
color:#ffffff; /* COLOR DEL TEXTO */
font-weight: bold;
padding:3px 5px 3px 5px;
border-left:10px solid #2B5580;
margin-top: 10px;
}
#navegacion #portada a/* BOTON PORTADA */
{
font-weight: bold;
}
#navegacion #portada a:hover/* BOTON PORTADA */
{
text-decoration: underline;
}
#navegacion #volver a/* BOTON VOLVER */
{
font-weight: bold;
}
		
#navegacion #volver a:hover/* BOTON VOLVER */
{
text-decoration: underline;
}

.bloqueformularioalta /* FORMULARIO ALTA USUARIOS. ASPECTO DE LOS BOTONES VA EN ASPECTO.CSS */
	{
	position: relative;
	margin:5px;
	padding: 0px 5px 5px 5px;
	}
	
.bloquebuscador{
	margin:5px;
	padding:5px;
}
	
	
/* Aspecto */

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px; /* Tamao de tipografa por defecto */
color:#666666; /* Color de tipografa por defecto */
background-color:#3974AE; /* Color de fondo de la pgina */
margin:0px;
padding:0px;
}

h1{
font-size:18px;
color:#2B5580;
line-height:18px;
padding:0px;
margin:3px 0px 3px 0px;
}

h2{
font-size:12px;
color:#666;
line-height:12px;
padding:0px;
margin:3px 0px 3px 0px;
}

h3{
font-size:16px;
color:#666;
line-height:24px;
padding:0px;
margin:3px 0px 3px 0px;
}

h4{
font-size:14px;
color:#666;
line-height:24px;
padding:0px;
margin:3px 0px 3px 0px;
}

h5{
font-size:11px;
color:#666;
line-height:16px;
font-weight:normal;
padding:0px;
margin:3px 0px 3px 0px;
text-align:justify;
}

form{
	padding:0px;
	margin:0px;
}
A:link    { color: #2B5580;  font-weight: normal;}
A:visited { color: #2B5580;  font-weight: normal;}
A:hover   { color: #000;  font-weight: normal;}
A:active  { color: #2B5580;  font-weight: normal;}

.paginacion /* PAGINACION ENTRE PAGINAS */
	{
	padding: 3px 3px 3px 3px;
	margin: 10px 0px 10px 0px;
	color:#666666;
	text-align:center;
	}