/* CSS Document */

/********************* ESTILOS GENERALES ********************************/

body { background-color:#3A0013;
	   font-family: Lucida, "Times New Roman", Times;
	   text-align:center;
	   font-size:11px;
}

p { text-align:justify;
}

li { list-style:none;
}

a { text-decoration:none;
	color:#898987;
}
a:hover{ color:#900;
		 font-weight:bold;
		 text-decoration:underline;
}

.borderred { border:1px solid #3A0013;
			 color:red !important;
}

h2 { font-size:20px;
	 color:#666;
  	 font-family:Lucida !important;
}

h2.negro { color:#333 !important;
}

h2 strong { color:#762928;
}

h3 { font-size:14px;
	 color:#000000;
  	 font-family:"Lucida" !important;
}
.boton { border:1px solid #999999;
		 background-color:#FFFFFF;
}
.sinestilos { border:none !important;
			  text-decoration:none !important;
}

.sinestilosblanco { border:none !important;
			  		text-decoration:none !important;
}

.sinestilosblanco:hover { color:#3A0013;
}

#contenedor { width:980px;
			  margin:auto auto auto auto;
			  z-index:0;
}
#franja { width:20px;
		  height:100px;
		  background-color:#5C001E;
		  position:relative;
		  right:0px;
		  margin:0px;
		  padding:0px;
		  float:right
}

#cabecera { background-color:#FFFFFF;
			height:100px;
			margin:0px;
			padding:0px;
}
#idiomas { margin-top:10px;
}
#idiomas li { float:left;
			  padding-right:10px;
			  font-size:10px;
			  list-style:none;
		  	  color:#68666B;
}
#idioma { position:absolute;
		  margin:0px;
		  padding:0px;
		  z-index:12;
		  right:10px;
		  top:30px;
		  color:#58595B;
		  font-weight:bold;
		  font-size:15px;
}
#fecha { position:absolute;
		  margin:0px;
		  padding:0px;
		  z-index:12;
		  right:10px;
		  top:75px;
		  color:#58595B;
		  font-size:12px;
}
#contenido { background-color:#fff;
			 background-image:url(../img/fondopantalla.jpg);
			 width:980px;
			 float:left;
			 margin-top:-2px;
			 padding-top:5px;
			 text-align:left;
			 z-index:0;
}

.seleccionado a { font-weight:bold;
				color: #990000 !important;
}

#menu { width:260px;
		float:left;
		color:#898987;
		font-weight:bold;
		font-size:16px;
}

#menu ul{ margin:5px;
		  padding:0px;
}

#menu li { list-style:none;
			padding-left:10px;
			padding-bottom:5px;
}

#menu .subcategoria { font-size:12px;
					  font-family:"Lucida Sans";
					  font-weight:normal !important;				  
}

.enlacesinraya { text-decoration:none !important;
				 padding:0px !important;
				 margin:0px !important;
}
.atencioncliente { left:0px;
				   bottom:0px;
				   text-align:right;
				   width:230px;
				   margin:0px 0 0 0;
				   padding:20px 0 0 0;
}

#pantalla { width:670px;
			position:relative;
			right:0px;
			text-align:justify;
			display:block;
		    float:left;
			padding-left:5px;
			z-index:0;
			background:none;
			padding-bottom:10px;

}

.servicios { color:#84301D;
			 font-weight:bold;
			 font-size:12px;
			 list-style: none;
			 margin:0px;
			 padding:0px 0px 20px 40px;
}

#noticias { float:right;
			right:0px;
			width:230px;
			margin-left:0px;
			padding:0px;
			font-family:"Lucida Sans";
			text-align:left !important;
}

#noticias ul { margin:0px;
			   padding:0px;
			   list-style:none;
}

#noticias li { margin:0px;
			   padding:0px 0px 10px 0px;
}

.noticia { color:#762928;
}

#infonoticias .seleccionado { color:#3A0013 !important;
						  font-size:15px;
}
.fechanoticia { margin-top:20px  !important;
}

#bienvenida {position:relative;
			 float:left;
			 width:415px;
			 font-family:"Lucida Sans";
			 color: #666666;
}

#bienvenida .subcategoria { padding-bottom:5px
}

#pie {width:980px;
	  margin:0 auto auto auto;
	  z-index:0;
	  color:#FFFFFF;
	  text-align:left;
	  height:20px;
	  font-size:11px;
	  background-color:#3A0013;
	  float:left;
	  padding:0px;
	  font-family:"Lucida Sans";
}



/***************************** CONTACTAR **********************************/
#todasnoticias {position:relative;
			 float:left;
			 width:420px;
			 font-family:"Lucida Sans";
}

#infocontacto { background-color:#fff;
				position:relative;
				float:right;
				right:-25px;
				height:300px;
				top:1px;
				width:230px;
				margin-left:0px;
				padding:0px;
				font-family:"Lucida Sans";
				color:#999;
				padding:10px;
				border:0;
}

.horario { margin:0px;
		   padding:0px;
}

form { margin:0px;
		padding:0px;
}

form fieldset {

  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0px; 
	margin: 5px 0 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter {  /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* you could instead underline first letter on each element and accesskey */
                                    /* each input but doing only legends lessens cognitive load */
						/* changed to label first letter, opera broke after first letter legend */
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

/******************** NOTICIAS **************************/
#fomrulariobusqueda {
}
#infonoticias { background-color:#fff;
				float:right;
				right:-25px;
				top:0px;
				width:230px;
				margin-left:0px;
				font-family:"Lucida Sans";
				color:#999;
				padding:10px;
				border:0px;
				z-index:0;
}

#infonoticias  ul { margin:0px;
					padding:10px 0px 0px 0px;
}

#infonoticias li { padding-bottom:3px;
}

#noticia_mostrada { width:390px;
					margin-top:16px;
					font-size:12px;
}

.fecha_noticia { font-family:"Lucida Sans";
				 font-size:12px;
			     color:#999999;
				 margin:0px !important;
				 padding:0px !important;
}

.titulonoticiapq { padding-bottom:10px !important;
				   text-align:left;

}

#muestranoticia {position:relative;
				 float:left;
				 width:400px;
				 font-family:"Lucida Sans";
				 margin-top:10px;
}


.listadonoticias { 	position:relative;
					float:right;
					right:0px;
					top:1px;
					width:230px;
					margin:0px;
					font-family:"Lucida Sans";
					color:#999;
					padding:10px;
					border:1px solid red;
}

.listadonoticias .titulonoticias { padding-top:10px;
}

/******************* LOCALIZACION ************************/

#verplano {position:relative;
			 float:left;
			 width:650px;
			 font-family:"Lucida Sans";
}

#bienvenida .horario { width:200px;}

#vermapa { background-color:#fff;
			position:relative;
			float:right;
			right:-25px;
			top:1px;
			width:100px;
			margin-left:0px;
			padding:0px;
			font-family:"Lucida Sans";
			color:#999;
			padding:10px 20px 10px 10px;
			margin-right:15px
}

/******************* DERECHO CIVIL **********************/

#banner { 		position:relative;
				float:right;
				right:-25px;
				top:1px;
				width:180px;
				margin-left:0px;
				padding:0px;
				font-family:"Lucida Sans";
				color:#999;
				padding:10px;
				border:0;
}

	
#seccion { position:relative;
		   float:left;
		   width:420px;
		   font-family:"Lucida Sans";
		   padding-bottom:15px;
		   padding-top:15px;
		   margin:0px;
		   color: #666666;
}

#seccion ul { margin:0px;
			  padding:0px 0 0 45px;;
}

#seccion li { color:#900 !important;
			  list-style-type: disc;
}


/************************** CONSULTAS ***************************/

#ejemplo_consultas li{ color:#3A0013;
						padding-bottom:10px;
}


/*************************** PIE ********************************/
#metaspie { margin:0px;
			padding:1px 20px 0px 0px;
			color:#fff;
}
#contenedorpie { margin:0px;
				 padding:10px 10px 10px 0px;
				 text-align:left;
				 font-weight:bold;
}

#metaspie a { color:#fff;
}
#metaspie a:hover { color:#772928;
					text-decoration:none;
}