/* Start of CMSMS style sheet 'reset' */
/*
 http://meyerweb.com/eric/tools/css/reset/ 
 v1.0 | 20080212 
*/

/*
Reset de propiedades por defecto de los navegadores.
Esta hoja de estilos se aplicará a todas las plantillas.
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End of 'reset' */

/* Start of CMSMS style sheet 'comun' */
/*************************/
/* COMÚN FUENTE CARRETEROS   */
/************************/


/***** Diseño dado por el .psd a 950px    ********/

/*********** BODY *************************************/
html{
 height:100%;
 background:#fff;
}

body  {    
  width:950px; /*Diseñado a 950 */  

   /*
       -El texto de contenido es Verdana, tamaño 12px (0.9em, pongo mejor 0.8 que se ve como en el .psd)
       -Background del body: #fff.
      */
     background:#fff;

  
     /*Texto*/
     font-family:Arial,sans-serif,Verdana,Trebuchet MS,Times New Roman;
     font-size:0.8em;    
     /*aunque firebug muestre el font-size: 100% del reset, ese 100% es respecto al valor
        dado aquí */ 
     color:#00996a;
     line-height: 1.3em;
    
     margin:0 auto;
     text-align:left;
    }

/* hacks para que funcione correctamente el centrado de la web en IE5.5 */
@media tty {
i{content:"\";/*" "*/}} body{text-align:center;} /*";}
}/* */ 

/********************** GENERALES ***************************************/

/* Párrafos */
#elcontenido p {
    /*Márgenes */
     margin-left:1em;
     margin-right:1em;
}

#elcontenido ul li {
    /*Márgenes */
     margin-bottom:5px;
     margin-left:21px;
     margin-right:1em;
}


/*********** ENLACES **************/
a {
    color:#00bb00; 
    text-decoration:none;
    outline:none;
}

a:focus, a:hover {
    color:#ff0000;
    outline:none;
}
/*********** H1...H6 ***********/
h1, h2, h3, h4, h5, h6 {     font-family:Arial,sans-serif,Verdana,Trebuchet MS,Times New Roman;
font-weight:normal;color:#00996a;margin:0;clear:both;}

h1 {font-size:3em;line-height:1;}

h2 {font-size:2.5em;line-height:1em;text-decoration:underline;}

h3 {font-size:1.8em;font-weight:bold;font-style:normal;line-height:1em;margin-bottom:0.5em;padding-left:0.3em;padding-bottom:4px;}

h4 {font-size:1.17em;font-weight:bold;font-style:italic;line-height:1em;margin-bottom:0.5em;margin-top:1em;margin-left:0.4em;padding-bottom:4px; padding-left:0.3em;}

h5 {
font-size:1em;
font-weight:bold;
margin-bottom:0.5em;
margin-top:0.5em;
text-decoration:underline;
}
h6 {font-size:1em;font-weight:normal;margin-bottom:0.3em;margin-left:0px;text-decoration:underline;}


/*Iconos pdf en ordenanzas, edictos,...*/
#columnacentroancha  a.pdf img,#columnacentro a.pdf img{
     margin:0;
     padding:0;
     border:none;
}

/*Descargar Adobe Reader (en el pie)*/
a#piePdf{
	display:block;
	margin:0 auto;
	background: transparent url('/uploads/images/enlaces/get_adobe_reader.png') no-repeat;
	text-indent:-1000em;
	width:158px;
	height:39px;
}

/*lineas separadoras, p.e. en obtener Acrobat Reader */
hr{
  color:#1a3909;
}

/*------*/


/******** PÁRRAFOS *************/
p {
    margin-left: 1em;  
 }

/****************************CONTENEDOR ****************************/
#contenedor{
   background:#fff;
   clear:both;
   margin:0 auto; /*centrar página */
   overflow:hidden; 
   width:950px; /* Diseño a 950px */
   text-align:left;
}

/*****************************CABECERA ****************************/
#cabecera{
    background: #fff none no-repeat;
    width:950px;
    height:133px;
    overflow:hidden;   
}
/********CABECERAS H1 -H2 *****************************/
#cabeceraizquierda {
  float:left;
  background: transparent url(/uploads/fuente-carreteros/cabecera-izquierda.jpg) no-repeat;
  overflow:hidden;
  width:379px;
  height:133px;
}

#cabeceraderecha
{
   float:right;
   width:567px; /*569 No ajustar en demasía el width de cab-izqa+cad-dha para que vaya bien en IE6
                         P.e. como la suma sea 950, el IE6 fallará */
   height:133px;
   overflow:hidden;
}

/*Hack IE6 (doble margen) */
*html #cabeceraderecha{
   margin-right:2px;
}

#cabecera h1 {
  float:left;
  width:276px;
  height:98px;

  /*Desplazamos para que ocupe las letras -grafico- Fuente Carreteros*/
  margin-left:100px;
  margin-top:16px;
}

/*Hack IE6 */
*html #cabecera h1 {
  margin-left:50px;
}

#cabecera h1 a {
  display:block;
  width:276x;
  height:98px;

  /*Texto no debe verse*/
  text-indent:-2000em;
}

#cabecera h2 {
   float:left;  /*desaparezca del flujo */
   text-indent:-2000em;
}

/****** FLASH ****************************/

#cabeceraderecha div#banner{
  float:left;
   width:416px; /*416*/
   height:133px;  
}
#banner img {
 border:none;
}

/****** BUSCADOR **************************/
#cabeceraderecha form{
  float:right;
  margin-right:2px; /*como el menu contacto para alinearlo con él */
  width:144px; /*No ajustemos demasiado y dejar pixels de margen o tendremos problemas en IE6*/
  height:22px;
}

/*Hack IE6 (doble margen) */
*html #cabeceraderecha form {
   margin-right:1px;
}

/*Texto: Buscar */
#cabeceraderecha form label{
 /***************************************
  Texto como body..
  font-family:Arial,Trebuchet MS,times New Roman,Verdana;
  font-weight:bold;
  font-size:0.9em;
 ****************************************/
  color:#00996a;
  width:auto;
  float:left;
  line-height:1em; /*no funciona margin-top, se hace con line-height */

  /*Márgenes */
  margin-left:1px;
  margin-right:6px;
  margin-top:4px;

}

/*Cuadro de búsqueda  (también sería la lupa, que después se sobreescribe más abajo*/
#cabeceraderecha  form input {
 background: transparent url('/uploads/fuente-carreteros/busca-cuadro.jpg') no-repeat;
 float:left;
 width:80px;
 height:15px;
 font-family:Arial,Trebuchet MS,times New Roman,Verdana;
 font-size:0.8em;
 border:none;
 margin-top:3px;
}

/*Lupa para buscar */
#cabeceraderecha  form input.boton{
 background: transparent url('/uploads/fuente-carreteros/busca-lupa.jpg') no-repeat;
 float:right;
 width:13px;
 height:15px;
 border:none;
 text-indent:-2000em; 
 /*IE6 IE7 no funciona el text-indent se ve el texto*/
 font-size:0;
 color:#867d46; /* mismo color fondo buscador pues con el size se ve una raya '-'*/
 cursor:pointer;
 margin-top:3px;
}

#cabeceraderecha form input.boton:hover{
 background-position:bottom right;
}


/**************   MENU CONTACTO **********************/

ul#menucontacto{
    float:right;
    list-style-type:none;
    width:85px;
    height:96px;
    margin-right:2px;
    margin-top:8px;
    overflow:hidden;
}

ul#menucontacto li {

   float:right;
   background:transparent none repeat scroll 0 0;
   text-align: right;

/*Cuando se hace activo, ya no hay <a> y muestra el texto del <li> luego el font-size,line-height
    del li debe ser igual al del <a> */

/*************Texto idem del body
   font-family:Arial,Verdana,Helvetica,sans-serif;
   font-size:1em; /*idem body*/
   font-weight:normal;
   line-height:1.2em;
   margin-bottom:12px;
*********************/
}

ul#menucontacto li.rss{

  background: transparent url('/uploads/fuente-carreteros/rss.png') no-repeat left top;
  text-align: right;
  width:45px; /*Para que quepa la imagen del rss */
  float:right;
}


ul#menucontacto li a {
/*----------------------------------*/
 /*Para que ocupe todo el li que es donde está la imágen del rss */
  display:block;
  width:100%;

  /*El tipo de letra debe tener el mismo tamaño que el <li> , sino se pone aquí cogel el tamaño 100% puesto
    en reset*/

 /* Color */
    color:#00996a;
}

ul#menucontacto li a:hover {
  color:#ff0000;
}

ul#menucontacto li.activo{
   color:#ff0000;
}

/****************MENU PRINCIPAL***********************************/
#contenidomenuprincipal{
    float:left;
    width:950px;
    height:28px;
    overflow:hidden;
    /*************/
 
}

ul#menuprincipal{
  float:left;
  padding:0;
  width:950px;
  height:28px;
  background:transparent;
  overflow:hidden;
}


/*Común a todos los li*/
ul#menuprincipal li{
   background: transparent url('/uploads/fuente-carreteros/mp-backcolor.gif') repeat-x left top;
  /*es el fondo verde con sólo 22px altura, y lo ponemos así pues este elemento debe tener
   28px alto para que se vea el .activo que sobresale. */

}

#menuprincipal li.informacion-municipal  { 
  float:left;
  overflow:hidden;
  width:314px;
  height:28px;
  margin-right:4px;
 }

#menuprincipal li.municipio { 
  float:left;
  overflow:hidden;
  width:314px;
  height:28px;
  margin-right:4px;
 }

#menuprincipal li.oficina-virtual  { 
  float:right;
  overflow:hidden;
  width:314px;
  height:28px;
}

#menuprincipal li a{
  text-indent:-2000em;
  height:100%;
  width:100%;
  display:block;
}

#menuprincipal li.informacion-municipal a { 
  background: transparent url('/uploads/fuente-carreteros/mp-info-municipal.gif') no-repeat left top;
  width:204px;
 }

#menuprincipal li.municipio a { 
  background: transparent url('/uploads/fuente-carreteros/mp-municipio.gif') no-repeat left top;
  width:129px;

 }

#menuprincipal li.oficina-virtual a { 
 background: transparent url('/uploads/fuente-carreteros/mp-oficina.gif') no-repeat left top;
  width:129px;
 }

#menuprincipal li a:hover { 
   background-position: left -28px;
}

/*Para todas si está activo muestro la 3ª imagen  (más baja) del .jpg */
#menuprincipal li.activo a { 
   background-position: left bottom;
}

/**************** MIGAS *****************************/
#migas{
   float:left;
   overflow:hidden;

   width:904px;
   height:25px;

   background:#fff;
   clear:both;

   /*Márgenes */
   margin-top:5px;
   margin-bottom:5px;
   margin-left:0px;
}

#migas #contenidomigas{
    width:904px
    heigth:25px;
    /*************************************
      -Texto Arial 12 verde como el body
      -Texto: Lo cogerá el <span> de las migas
    font-family: Georgia,Times New Roman,Arial,serif;
    font-size:1em;
    line-height:1.5em;
    font-weight:normal;
    text-align:left;
   *************************************/
  
}

/**Quitamos el márgen general a p */
#migas p{
 margin:0;
}

#migas a
{
    /********************
      Texto lo recoge del body
    font-family: Georgia,Times New Roman,Arial,serif;
    font-size:1em;
    line-height:1.5em;
    font-weight:normal;
    text-align:left;
   ************************/
   color:#00996a;
}

#migas a:hover {
  color:#ff0000;
}

/*
 Aquí van todos subrayados menos el último
#migas a.inicio{
  text-decoration:underline;
}
*/
#migas a {
  text-decoration:none;
}

#migas span.lastitem{
  font-style:italic;
  text-decoration:none;
}


/*************************************************************************/
/*                                          C U E R P O                  */
/* Contiene la columnaizquierda (menusecundario) y la columnacentroancha con el contenido       */
/*************************************************************************/
#cuerpo{
  width:950px;
  overflow:hidden;
}

/************* MENU SECUNDARIO ************************/
#columnaizquierda{
    width:233px;
    background: #fff;
    margin-left:0px;
    float:left;
    overflow:hidden;

   /*borde del menu secundario*/
  /* border-left:1px  solid #fbfbfb;*/

   /*sombra baja del menu secundario*/
  padding-bottom:10px;
  background: transparent url('/uploads/fuente-carreteros/ms-sombra-baja.gif') no-repeat bottom right;


}

#columnaizquierda h3{
  float:left;
  text-indent:-2000em; /*será una imagen */
  
/*Dimensiones imagen: los ms-municipio.gif, ... */
  width:218px;
  height:29px;
  
 /*Márgenes*/
  margin:0;
  padding:0;
  border:none; /*quito el borde del h3 definido en común*/
}


ul#menusecundario{
  width:224px;  /*224+9 de padding-left para separar los li => 233*/
  float:left;
  overflow:hidden; 

   /*Separamos los li*/
  padding-left:9px;
}

/*IE6 Ojo! con #menusecundario .ayuntamiento el IE6 da problemas y no coge el .gif */

/*El <h3> toma el class .ayuntamiento, turismo o tramites y nosotros ponemos la imagen */

#columnaizquierda h3.informacion-municipal {
  background: transparent url('/uploads/fuente-carreteros/ms-info-municipal.gif') no-repeat  top;
}

/* Así no coge el .gif el IE6 #cuerpo #columnaizquierda ul#menusecundario .turismo{ */

#columnaizquierda h3.municipio {
  background: transparent url('/uploads/fuente-carreteros/ms-municipio.gif') no-repeat  top;
}

#columnaizquierda h3.oficina-virtual {
  background: transparent url('/uploads/fuente-carreteros/ms-oficina.gif') no-repeat top;
}


ul#menusecundario li { 
  width:190px;
  float:left;

 /*Metemos el li.gif*/
  padding-left:20px;
  background: transparent url(/uploads/fuente-carreteros/li.gif) no-repeat left 3px;

}

ul#menusecundario li a {
  /*Float */
  float:left;

  /*Letra, la coge del body */
  /**************************
  font-family:Times New Roman,Arial,Georgia;
  font-size:1.2em;
  font-weight:bold;
  line-height:2em;  -> Altura entre líneas
  letter-spacing:1px;
  color:#40221e;
  ********************************/
  font-size:1.2em;
  line-height:1.4em;
  color:#00996a;
  

  /*Tamaño de la imagen del over: 202 x 22*/
  width:202px; 
  /*Vemos que el <a> puede sobresalir del <li> y no hay problemas.*/
  
}

ul#menusecundario li a:hover {
 background-color:#eff8f5;
 color:#003f28;
}

ul#menusecundario li a.activo {
  background :none; /*quitamos el fondo anterior */
  color:#ff0000;
  font-style:italic;
  text-decoration:underline;
}


#cuerpo #columnaizquierda ul#menusecundario li  li {
   background :none; /*quito el li.gif */
   width:180px;
   border-left:1px solid #00996a;
   padding-left:6px;
}

#cuerpo #columnaizquierda ul#menusecundario li  li a{
   font-size:0.9em;
   font-weight:normal;
   margin-top:0;
   line-height:1.5em;

  /*Quiero anchura de 214 pero como he puesto padding de 44 width sera 214-44 = 170 */
   width:180px; /*idem li*/
}

#columnaizquierda ul#menusecundario li li a:hover {
  background :none;
  font-style:none;
  color:#ff0000;
}

#columnaizquierda ul#menusecundario li li a.activo {
  background :none;
  font-style:normal;
  color:#ff0000;
}

/******** COLUMNA CENTRO ANCHA ************************/
#columnacentroancha{
  width:698px;
  float:right;
  overflow:hidden;
}

/***********EL CONTENIDO ******************************/
#elcontenido{
  width:695px;
  overflow:hidden;

  /*sombra-baja*/
  padding-bottom:20px;
  background: transparent url(/uploads/fuente-carreteros/elcontenido-sombra-baja.gif) no-repeat right bottom;
}

#elcontenido h3 {
  padding-left:14px;
  padding-top:8px;
  background: transparent url(/uploads/fuente-carreteros/h3-sombra-superior.gif) no-repeat left top;  
}

/**************      PIE     *****************************/
#pie{
    width:949px;
    height:50px;
    background: #fff;
    clear:both; 
    float:left;
    margin-top:12px;
    margin-left:0px;
}

*html #pie{
  margin-left:2px;
}

#pie #contenidopie{
   width:949px;
   height:50px; 
   color:#000;
   text-align:left;
   padding-top:0;
   overflow:hidden;   
}

#pie p{
  margin:0;
  float:left;
  text-align:left;
  color:#fff; 
  margin-left:9px; 
 }

/*hack IE6 dobla el margen */
*html #pie p{
  margin-left:5px;
}

#pie #datospie{
  margin-left:0px;
  margin-right:0px; 
  margin-top:10px;
  width:522px;
  float:left;
}

#pie #datospie p{
/************************
  Heredada del body
 font-family:Arial,Helvetica,Verdana,sans-serif;
 font-size:.95em;
 line-height:1.2em;
 color: #000;
****************************/
 width:100%;
 font-size:1.1em;
 line-height:1.2em;
 color:#00996a;

}

#pie a{
/*Cogemos el <a> general color:#40221e; */
}

/*******
 Para que funcione en IE 6-7 pues resulta que sus hijos los <a> si tienen el width pero como
sus padres -accesibilidad y validxthm10 no lo tenían puesto, IE6-7 los hacía más grandes
(como la ventana padre de estos).
**********************/
#pie p#accesibilidad,#pie p#validxhtml10{
 width:88px;
}

#pie  p#disenaeprinsa a,#pie  p#creadoconportal a,#pie p#accesibilidad a,
#pie p#validxhtml10 a,#pie p#juntaandalucia a{	
	height:31px;
        text-indent: -1000em;
	margin-top:10px;
	float: left;

}

#pie  p#disenaeprinsa a{
	background:transparent url('/uploads/fuente-carreteros/disenaeprinsa.gif') no-repeat top;       
	width:78px;	
        margin-right:0px;
}

#pie  p#disenaeprinsa a:hover{
	background-position:bottom;       
}

#pie  p#creadoconportal a{
	background:transparent url('/uploads/fuente-carreteros/creadoconportal.gif') no-repeat top;        
	width:62px;	   	
        margin-right:0px;
}

#pie  p#creadoconportal a:hover{
	background-position:bottom;
}

#pie p#juntaandalucia a{
	background:transparent url(uploads/fuente-carreteros/jandalucia.gif) no-repeat top;       
        float:left;
	width:48px;	       
        margin-right:0px;
}

#pie p#juntaandalucia a:hover{
	background-position:bottom;
}

#pie p#accesibilidad a{
	background:transparent url('/uploads/fuente-carreteros/accesibilidadAA.gif') no-repeat top;        
	width:88px;	
        float:right;
        margin-right:0px;
}
#pie p#accesibilidad a:hover{
	background-position:bottom;
}

#pie p#validxhtml10 a{
	background:transparent url('/uploads/fuente-carreteros/xhtml.gif') no-repeat top;    
	width:88px;		   
        float:right;
        margin-right:0px;
}


#pie p#validxhtml10 a:hover{
	background-position:bottom;
}


/****************  FORMULARIOS **************************/
form{
	width:95%;
	overflow:hidden;
	margin:0 auto;
}

form fieldset{
	padding:2%;
       
       /*borde del formulario */
	border:1px solid #00996a; /*CAMBIAR*/
      
       /*color background*/
       background:#fff; /*CAMBIAR*/

}

form label{
	clear:both;
	display:block;
	width:20%;
	float:left;
	font-weight:normal;
}
form textarea{
	width:60%;
	overflow:hidden;
        font-size:1.6em
}
form input, form select, form textarea{

       /*borde campos a rellenar: textbox, text areas */
	/*border:1px solid #00996a;* /*CAMBIAR*/

}


form input, form select{
	font-size:1.1em;
}
form span{
	clear:both;
	display:block;
}
form p{
	clear:both;
	padding:0px;
	margin:3px 0px 8px 0px;
	height:100%;
	overflow:hidden;
}
p.botones{
	padding:2px 0px 2px 0px;
        
        /*fondo color donde se coloca p.e. en Contacto el botón Enviar */
	background:#00996a; /*CAMBIAR*/
	
        text-align:center;
	color:#fff;

}
p.botones input, p.botones a{
	width:auto;
	background:#fff !important;
	color:#000;
	text-align:center;
	cursor:pointer;
	font-size:1em;
}
p.botones a{
	padding:2px 0px 2px 0px;
}

/*Texto: Los campos * debe rellenarse obligatoriamente */
.aviso{ 
 /*color aviso de campos que deben rellenarse en formulario */
 color:#ff0000;
}

/*mensaje que sale en un recuadro si hay un fallo al rellenar el formulario */
.mensajeaviso{
 border:1px solid #00996a;
 padding:2%;
 background:#00996a;

}
.mensajeaviso p{
  color:#fff;
}


/*****************   FORMULARIO SUSCRIPCION   *********************/
div.capasuscripcion dl.suscripcion dd {
  width: 85% !important;
  background:none;
  
}  
div.capasuscripcion dl.suscripcion dd label{
 width:80%;
}
div.capasuscripcion dl.suscripcion dt {
  margin-top: 0px;
  clear: left;
  width: 6% !important;
}

div.capasuscripcion dl.suscripcion dd {
  margin-left: 0px !important;
  margin-top: 4px;
  margin-bottom: 4px;
}
/*DEFINICIONES DE TABLA USADO EN SUSCRIPCIONES */
dl {
    clear:both;
    margin:0px 0px 0px 0px;
	background:#ffffff;
	border: 1px solid #00996a; /*CAMBIAR*/
	overflow: hidden;
	padding: 5px 0;
	height:auto;
	width:95%;
	margin:0 auto;
        margin-bottom:5px;

}

dt {
    clear: both;
	width: 34%;
	float: left;
	margin-top: 4px;
	text-align: right;
        padding: 2px 5px; /*2px 5px*/
        min-height:1.5em;
}

dd {
	width: 50%;
	float: left;
	margin-top: 5px;
	background: #fff;
	padding: 2px 5px;
	min-height:1.5em;
}

/************************** MAPA WEB *************************/
div.div_mapa
{
 width:33%;
 float:left;
}

#elcontenido div.div_mapa ul.tablaContenido{
  margin-left:0px;
  margin-right:0px;
}


#elcontenido div.div_mapa ul.tablaContenido li {
  background : none;
  /*Eliminamos estilos posibles puesto en #elcontenido ul li */
  width:auto;
  margin-left:0px;
}


/*Cabeceras del mapa */
#elcontenido div.div_mapa ul.tablaContenido li a {

  /*Lleva la fuente del body */
  line-height:1.8em; /*CAMBIAR*/


  font-weight:bold;
  margin-bottom:5px;

/*color fondo encabezados menú en el mapa-web */
  background:#00996a repeat-x scroll left bottom; /*CAMBIAR COLOR*/

/*borde de los encabezados */
  border:1px solid #00996a; /*CAMBIAR*/

  padding:6px 10px 3px 5px;
  width:92%;
  display: block;
  margin-bottom: 5px;
  /*color enlaces del mapa, es decir todo el texto. Normalmente el del h3 */
  color:#fff; /*CAMBIAR/*

}

#elcontenido div.div_mapa ul.tablaContenido li ul {
  /*acercamos la barra de elemento hijo a su padre.*/
  margin-top:0px; 
}


#elcontenido div.div_mapa ul.tablaContenido li ul li a  {
   background:none;
   padding-left:0px;
   font-weight:normal;
   margin-bottom:0px;  
   padding:0px;
   width:90%;
    border:none;
   color:#00996a; /*CAMBIAR: Normalmente = color Cabeceras Mapa */
}

#elcontenido div.div_mapa ul.tablaContenido li ul li a:hover {
 color:#f58f42;
}


#elcontenido div.div_mapa ul.tablaContenido li ul li {
  padding-top: 0px;
  padding-left:1.2em; /*Separamos li.gif del texto del enlace */
/*  background:transparent url(uploads/fuente-carreteros/li.gif) no-repeat scroll 0 6px; CAMBIAR 5px*/
}

#elcontenido div.div_mapa ul.tablaContenido li ul li a ul li,
#elcontenido div.div_mapa ul.tablaContenido li ul li ul li { 
  border:0 solid white;
  padding-left:20px;
  padding-top:0;
  
}

#elcontenido div.div_mapa ul.tablaContenido li ul li a ul li,
#elcontenido div.div_mapa ul.tablaContenido li ul li ul li {
    background:transparent url(uploads/fuente-carreteros/borde-li-mapa.gif) no-repeat scroll 0 0;
    margin:0;
}

#elcontenido div.div_mapa ul.tablaContenido li ul li a ul li.last,
#elcontenido div.div_mapa ul.tablaContenido li ul li ul li.last {
   background:transparent url(uploads/fuente-carreteros/borde-li-mapa-last.gif) no-repeat scroll 0 0;
}


#elcontenido div.div_mapa ul.tablaContenido li ul li ul li a ul li,
#elcontenido div.div_mapa ul.tablaContenido li ul li ul li ul li{
  padding-top: 0px; 
}

/****COMUNES GALERIAS, ENLACES,NOTICIAS, CALENDARIO **********/

/*********** PARA GALERIAS DE IMÁGENES *************/

#elcontenido ul li.thumb{
 margin-left:0;
 padding-left:0;
}


  /***********
   COLUMNAIZQUIERDAINTERIOR: Contiene las distintas imgs, noticias, categorías,..... 
   ************/

/*****************************************/
#elcontenido #columnaizquierdainterior {
   float:left;
   margin-right:8px;  
   width:65.8% ;
   padding-left:5px;
   overflow:hidden;
   height:100%;
}
#elcontenido #columnaizquierdainterior ul{
  overflow:hidden;
}

/*Elemento <li> al listar noticias por categorías o todas */
#columnaizquierdainterior ul li{
background:none;
padding-left:0;
}

/********* Anulamos css de img dentro plantilla [contenido.css] ***********/
#elcontenido #columnaizquierdainterior  img {

  border:none;
  padding:0;
  margin-left:none;

/*Imágenes en en <li> de los listados de noticias por categorias o todas las noticias */

}


/*
 IMAGENES EN EL DETALLE DE UNA NOTICIA ESTÁN DENTRO DE UN <P> 
 Al estar dentro de #columnaizquierdainterior hay un menú a la derecha, por tanto
    la imagen no debe llegar a él. Sin embargo su height da igual pues hacia abajo no
    hay límite.
*/
#elcontenido #columnaizquierdainterior p img {
  max-width:440px;
}
/*Hack IE6 */
* html #elcontenido #columnaizquierdainterior p img {
      width: expression(this.width > 440? "440px":this.width);
}

/**********
  [Más información] -> recuadro abajo donde te pone la {fecha de las noticia} en Noticias o {volver a
   galerías de imágenes} en Galerias
*********/

#columnaizquierdainterior .masinformacion {

     width:95%;
     
    /*Colores borde y fondo: CAMBIAR*/
     border:1px solid #989e73;
     background: #00996a; /* #b49b97; */


     clear:both;
    
     /*texto CAMBIAR (si se desea)*/
     font-size:0.85em;
     color:#fff;
    
     margin: 1px 0 1em 0;
     padding-right:0.4em;
     text-align:right;
     height:auto !important;  /* Para todos los navegadores */
     height/**/:/**/13px;  /*  Para IE 6 */ 
}

/*Texto <Volver a galería de imágenes -Álbumes */
#columnaizquierdainterior  .masinformacion a {
  
  /*CAMBIAR */
  color:#fff;

}

#columnaizquierdainterior .masinformacion a:focus,
#columnaizquierdainterior .masinformacion a:hover{
  /*CAMBIAR*/
  color:#feea83;
}

/* << volver : dentro de noticias, agenda,... */
#volver a
{
  color:#261512; /*CAMBIAR */
}
#volver a:hover{
   color:#af5d52; /*CAMBIAR*/
}


  /****************
           COLUMNADERECHAINTERIOR: contiene el menuterciario con  :
                                  categoria   >ver todas>
                                  -----------------------
                                  Categ1 ->elemento <span>
                                  Categ2 ..

    ******************/
/*#elcontenido  #columnaderechainterior */
#elcontenido  #columnaderechainterior ,#columnaderechainterior{

  /*Color de fondo: CAMBIAR */
   background:#fffef5;

   border:none;
   margin: 0 0 1em 0.5em;
   float:left;
   width:28%;
   padding: 0 0 5px 5px;


  /*sin borde dejamos la sombra baja*/
 /*  border:1px solid #989e73;*/ /*CAMBIAR color */

  /*Sombra-baja: 321x28*/
  background: transparent url('/uploads/fuente-carreteros/menu-dha-sombra-baja.gif') no-repeat right bottom;

}

/*
  Cabecera en menú derecha. 
   Contiene p.e. en galerias: Galeria   >ver todas<  .  Idem para resto
*/
#elcontenido #columnaderechainterior h3, #columnaderechainterior h3{
  padding-left:5px;
  padding-top:5px;
  text-decoration:none;


 /*SIN COLOR FONDO, DEJAMOS SOMBRA ALTA */
  /*Color fondo cabecerita,..CAMBIAR , quitar ,.... */
/*  background:#7d8c4b; *//*Blanco->#FFF  */
  background: transparent url('/uploads/fuente-carreteros/menu-dha-sombra-alta.gif') no-repeat left top;

  


 /*borde inferior en la cabecera del menu-dha. CAMBIAR */
/*  border-bottom:1px solid #00996a;*/

 /*Color Texto CAMBIAR */
  color:#00996a;
  line-height:1.2em;
  width:95%;
  height:1.2em;

/*se puso h3 por error TAW y este h3 lo ponemos como h5 pues la letra debe ser pequeña
  Son los Categorias   >ver todas< */
  font-size:1em;
  line-height:1.2em;
  font-weight:bold;
  margin-bottom:0.5em;
  margin-top:0em;
  overflow:hidden;
}

/*El   >ver todas< */
#columnaderechainterior h3 a.vertodo { 
     float:right; 
     margin-right:5px;
     font-weight: normal;
     letter-spacing: 0px;
     font-size:0.9em; 
     text-align: right;   

     /*CAMBIAR*/
    color:#00996a;

    text-decoration:underline;
}

/*hack IE6-7 */
*:first-child+html #columnaderechainterior h3 a.vertodo{
  margin-top:-14px;
}
*html #columnaderechainterior h3 a.vertodo{
  margin-top:-14px;
}

/*Hover sobre ver-todo */
#columnaderechainterior h3 a.vertodo:focus, #columnaderechainterior h3 a.vertodo:hover{
   /*CAMBIAR*/
   color:#ff0000;;
 }

/*Padding para los li*/
#columnaderechainterior #menuterciario {
 padding-left:8px;
}

#columnaderechainterior #menuterciario li{
   padding-left:0; /*Sobreescribimos el del #elcontenido ul li */
  background:none; /*Eliminamos li.gif puesto en #elcontenido ul li */

  /*Tamaño fuente de las distintas categorías listadas como li */
 font-size:0.9em;
}

/*Categorías listadas en el menu derecha (categorias de noticias, eventos,..) */
#columnaderechainterior #menuterciario a{

  /*CAMBIAR*/
  color:#00996a;
  font-size:1em;
  font-style: italic;
}

/*Hover sobre las categorías,.. */
#columnaderechainterior #menuterciario a:hover {
   /*CAMBIAR*/
   color:#ff0000;
}
#columnaderechainterior #menuterciario a.activo {
  color:#ff0000;
}

  /*********** 
    PAGINACIÓN. Se pagina (poner en pestaña opciones: Enlaces,Agenda y Noticias.
  ***********/
#elcontenido ul.paginacion{
        clear:both;
        /*CAMBIAR */
        /*background: #036446;*/ 
	width:100%;
	height:100%;
	overflow:hidden;
	margin:10px auto;
	text-align:center;
	padding:1px 0px 1px 0px;
        border-top:1px solid #00996a;
        border-bottom:1px solid #00996a;

}

#elcontenido ul.paginacion li{
    background:none;
    display:inline;
    padding-left:18px !important;  /* Para todos los navegadores */
    padding-left:16px;             /*  Para IE 5.5 */
    padding-left/**/:/**/18px;  /*  Para IE 6 */ 
}

ul.paginacion li a{
  color:#00996a;
}

ul.paginacion li a:hover{
   color:#ff0000;
}

div#volver {	
	margin:0 auto;
	color:#000;
	font-size:0.8em;
	text-align:right;
	overflow:hidden;
}

/*************    GALERIA DE IMAGENES  ************************/


#galeriainterior{
   width:100%;
   padding-top:5px;
}

/*Galeria interior ul */
#galeriainterior ul{
  padding-left:10px;
  overflow:hidden;
}

/* Lista que contiene las imágenes */
#galeriainterior ul li.thumb{
  background-image:none;

/* Las imágenes no pasarán de esta anchura en en li para que quepan por li las que queramos*/
   width:137px; 

/*Para que  cuando el <li> que es la img+texto inferior descriptivo, tenga el texto de más de una 
  línea, cada <li> de una misma fila debe ocupara la misma altura sino habrá problemas y no se
  alínearán igual si mezclamos <li> con una sóla línea de texto abajo que con dos */

  height:145px; /*Altura para como máximo 2 líneas de descripción de la img */

  /*Márgenes*/
  margin:0 0.4em 0.4em 0;
}
/*HACK IE6*/
*html #galeriainterior ul li.thumb {
 margin:0 0.2em 0.4em 0;
}

/* Texto bajo imágenes */
#galeriainterior ul p{
  width:122px; /* igual al li: 132-18(margen)-2(borde)=122 para que se centre en él */
  margin-left:6px;

  /*texto centrado para imagen galería */
  text-align:center;
  font-size:0.9em; /*CAMBIAR */

}

#galeriainterior .thumb a {
  display:block;
  /*Centramos el <a> dentro del li/*
  margin:0 auto;
  heigth:75px;
/* para que centre el texto  del enlace bajo la img de la galería */
  text-align:center;  

}


/* 
  {.thumb a} por defecto cogen borde y un ancho de 100px. 
*/

.thumb img{
  /*para que no se salga por abajo si es muy alta ni horizontalmente */
  max-width:100px;
  max-height:70px;
 /*Tendrán su hack en IE6 */

/* para que centre la imagen dentro del enlace */
  display:block;
  margin:none; /*eliminamos cualquier posible margen */
  margin:0 auto;

/*Anulamos estilos de la plantilla <contenido>-> img{} para que no se apliquen a Galerias */
  border:none;
  padding: 0;

}

/*hack IE6: no debe pasar la altura/anchura máxima permitida */
* html .thumb img{
    width: expression(this.width > 100 ? "100px":this.width);
    height: expression(this.height> 70? "70px":this.height);

}


/*
#.thumb img {
  margin-left:0;
}
*/

/*************** ENLACES *******************/
#enlacesinterior ul {
   clear:none;
   float:left;
   background:none;
}

#elcontenido #columnaizquierdainterior ul li.thumbenlace{
   margin-bottom:1em;
   padding-top:0.8em;
   padding-left: 0px;
   width:138px; 
   margin-right:9px;
   overflow:hidden;
   float:left;
   height: 126px;  

   /*Para que no coja estilos de #elcontenido ul li en contenido.css */
    margin-left:0;
   background-image:none; /*quitamos el li.gif */
}


/*Sirve tanto para a.enlaceenlace como para a.imagenenlace */
#elcontenido #columnaizquierdainterior li.thumbenlace a{
  display:block;
  padding:0px !important;
  margin:0px !important;
  text-align:center;
  width:95%;
  font-weight:bold;
}
.thumbenlace a.imagenenlace{
/*  height: 126px; */
  width:138px; 
  overflow:hidden;
  margin-bottom:10px
}

.thumbenlace a.enlaceenlace{
  text-align:center;
  line-height:1.1em;
  color:#00996a;
  font-size:0.9em;
}
.thumbenlace a.enlaceenlace:hover{
  color:#ff0000;
}

.thumbenlace a.imagenenlace img{
   max-height:90px;
   max-width:120px !important;  /* Para todos los navegadores */
   width:auto;  /* Para todos los navegadores */     
   text-align:center;
   border:1px solid #00996a !important;
   margin-left:0;
}
/*Hack IE6 pues no reconoce el max-width */
*html .thumbenlace a.imagenenlace img{
      width: expression(this.width > 120? "120":this.width);
}
*html .thumbenlace a.imagenenlace img{
      height: expression(this.height > 90? "90":this.height);
}






/****************   NOTICIAS   **************************************/


/*****************
    Todo el cuerpo de noticias que puede crecer 
 *****************/

#listadonoticiasinterior {
       margin: 0px;
       border: none;
       width:100%;      
       height:auto; 
}

/*Cada noticia es un <li> */
#elcontenido ul.listadointerior li {
  clear:both;
  width:100%;
  border:none;
  background-image:none;

  /*Para que no queden estilos de contenido.css #elcontenido ul li */
 padding-left:0;
}

/* Título de la noticia, es un <a> que lleva a él */
#columnaizquierdainterior ul.listadointerior a{
  padding-left:14px;
  text-decoration:none;
  
  /*Color enlace noticia,evento,... Poner el del h3*/
  color:#00996a;   /*CAMBIAR*/
}

#columnaizquierdainterior ul.listadointerior a:hover{
  /*Color enlace noticia,evento,...Poner el del h3:over (o menusecund:hover)*/
  color:#ff0000; /*CAMBIAR */
}

/* imagen de la noticia */
#columnaizquierdainterior ul.listadointerior li img{
     float:left;
     border:1px solid #B1B1B1;
     max-width:28% !important;  /* Para todos los navegadores */
     width:auto;  /* Para todos los navegadores */     
     margin-left:1em;
     margin-right:5px; /*para separar el resumen que está a su derecha */
     margin-bottom:10px; /*separa el más-información */
     padding:15px 7px;
}

/*Hack IE6 pues no reconoce el max-width */
*html #columnaizquierdainterior ul.listadointerior li img{
      width: expression(this.width > 105? "28%":this.width);
}

/*Div que contene el resumen de la noticia*/
ul.listadointerior li div{
  margin-bottom:1em;
}

/*resumen de la noticia */
ul.listadointerior li div p{
  margin:0;
  padding-right:0.2em;
}

.centrado {
  text-align:center;
}

/*************  CALENDARIO    **************/

#elcontenido ul.listacalendario li{
 background-image:none;

/*Para que no quede el estilo de contenido.css #elcontenido ul li*/
 padding-left:0;
}

/*Las img. llevan la clase flotaizquierda */
.listacalendario .flotaizquierda{
     float:left;
     max-width:28% !important;  /* Para todos los navegadores */
     width:auto;  /* Para todos los navegadores */     
     margin-right:5px; /*para separar el resumen que está a su derecha */
     margin-bottom:10px; /*separa el más-información */
}

/*Título del enlace. Es un <a> que lleva a él. */
#columnaizquierdainterior ul.listacalendario a{
  padding-left:14px;
  text-decoration:none;

  /*CAMBIAR. Poner el del h3,menu-sec.*/
  color:#00996a;
}

#columnaizquierdainterior ul.listacalendario a:hover{

  /*CAMBIAR. hover del h3*/
  color:#ff0000;
}


#tablaagenda table{
  width:98%; 
  margin-bottom:1.5em;
  margin-top:0px;
  /*Color borde separador calendario - Categorías ver todas. CAMBIAR*/
  border-bottom: 1px solid #036446;
 /*Fuente*/
  font-size:80%;
}

#tablaagenda table tr{
 background:none;
}

/* cuadro que tiene: << Mes >> */
#tablaagenda .calendar-month  {
  font-size:1.1em;
  overflow:hidden;
}

/*Texto << (ir a mes anterior) */
#tablaagenda span.calendar-prev { 
     float:left;
     color:#00996a;
     width:16px;
     height:16px;
 }

/*Contiene:    Febrero 2010  ..... es decir el mes y año */
#tablaagenda span.texto { 
     float:left;
     color:#00996a;
     width:80%;
     height:16px;
     text-align:center;
}


/*Texto >> (ir a mes siguiente)*/
#tablaagenda span.calendar-next {
    float:right; 
    color:#00996a;
     width:16px;
     height:16px;
}



#tablaagenda table caption {

  /*CAMBIAR color tabla calendario <<mes Noviembre >> */
  background:#00996a;
  text-align:center;
  border: 1px solid #036446;
}

#tablaagenda table caption *{
  color:white;
  margin:0 auto;
}

/*Texto: Lun Mar Mie Jue Sab Dom que es subcabecera */
#tablaagenda table th{
  padding:0;

 /*color de texto y fondo: CAMBIAR */
  color:#fff;
  background:#036446; /*CAMBIAR Color fondo del título: lun mar mie jue...*/

  text-align:center;
  font-weight:normal;
}


/*dias sin eventos: en negro*/
#tablaagenda table td{
  padding: 0 0 5px;
  text-align:center;
  border: none;
  color:#000; 
}

/*hoy*/
#tablaagenda table td.calendar-today{
  background:#e0e0e0;
}

/*días con eventos*/
#tablaagenda table td a{
  color:#00996a;
  text-decoration:underline;
} 

#tablaagenda table .calendar .texto {
   padding-top:3px;
   width:128px;
}

/*********** FIN GALERIAS, ENLACES, NOTICIAS, CALENDARIO **************************/

/**********************TABLAS ************************/
table{
   margin-bottom:1.4em; 
   width:95%;
   margin:0px auto; /*centramos la tabla*/
   margin-top:5px;

  /*Color de cada fila */
   background:#fafafa; /*#f6f6f6;*/ /*CAMBIAR*/

  /*color borde limites superior e inferior tabla */
   border-top:1px solid #036446; /*CAMBIAR línea-separador*/
   border-bottom:1px solid #036446;  /*CAMBIAR línea-separador*/

  border-collapse:separate;
   border-spacing:0;
}

table.mitadancho{
      width:60%;
}

table thead tr *{
   color:#fff;       
}

table thead td, table thead th{    
   font-size:1.2em;

   /*color cabecera tabla background */
   background:#00996a; /*CAMBIAR*/

  /*color borde inferior cabecera tabla que junto a los bordes sup-inf de la tabla la delimitan*/
   border-bottom:1px solid #036446;  /*CAMBIAR línea-separador*/

  /*   text-align:center;	 que el usu alinee como quiera, pues al poner esto siempre 
        centra (lo cual puede confundirlo) y además puede que no quiera el centrado.
  */
}

/*SUBCABECERAS  <th> Dentro de tbody->tr->th, subcabecera dentro del body */
table tbody tr th {
  background:#e7f0d0 none repeat scroll 0 0; /*CAMBIAR color Sub-cabecera */
/*  border-bottom:1px solid #036446;*/ /*CAMBIAR,  he puesto mº color cabecera-tabla */
  font-size:1.1em;
  font-weight:bold;
  text-align:center;
}

table tbody tr td{
   border-bottom:2px solid #fff;
   border-left:2px solid #fff;
   padding-left:0.5em;
   padding-right:0.5em;
}

table, td, th {
vertical-align:middle;
}

/* SubCabeceras definidas dentro del body con <th> */
table th a.asc{   
   padding-right:15px;
}
table th a.desc{
   padding-right:15px;
}
table td.importe{
   text-align:right;
   white-space:nowrap;
   font-size:0.9em;
}
table td.descripcion{
   font-size:0.9em;
}
table td.fecha{
   font-size:0.9em;
}

table td.sinsalto{
   white-space:nowrap;
}

/*texto dentro de la tabla*/
#elcontenido table tbody p {
 margin-right:2px; /*Anulamos estilo #elcontenido p en Generales */
 margin-left:0px;
}

/*Imágenes dentro tabla*/
table img{
   margin:0.2em;
   border:none;
   float:none;
}
table img.conborde{
   border:1px solid #008d58;
}


/*** GUIA DE TRAMITES **/

/*************************************/
/*Solución problema telemático label-input */
.radio_tramites span{
    width:90%;
    display:block;	
    font-weight:bold;			   
}
				
.radio_tramites label{
   width:45%;
   margin-left:15px;	
   font-style:italic;			
}
				
.radio_tramites input{
   float:left;				
} 
/*************************************/


/*Sello de tiempo */
.sello a {
background:transparent url(http://www.dipucordoba.es/inc/eadmin/contratacion/img/sello.gif) no-repeat scroll right top;
float:none;
line-height:25px;
padding-right:25px;
padding-top:6px;
text-decoration:none;
}

/*
   Ya no lo uso lo he puiesto como en las tablas normales con <th> en vez de
    <td class="titulocategoria"
*/
/*Todo definido en tablas menos las categorías que se meten en trámites */
#columnacentroancha td.titulocategoria,#columnacentro td.titulocategoria {

  /*
     -color sub-encabezados de la tabla definidos como td.titulocategoria en Trámites
     -En otras tablas están definidas como <th>
  */
  background:#ebe5df none repeat scroll 0 0;

  border-bottom:1px solid #770606;
  font-size:1.1em;
  font-weight:bold;
}

/******************    GOOGLE MAP ***************************/
#map{
   margin:0 auto;
   width:481px;
   height:323px;
   clear:both;
   border:1px solid #d5d3ba;
   position:relative;
   margin-left: 2em auto;
   margin-bottom:1.2em;
}
#map img{
  border:none;
  margin-left:0;
  padding:0;
}

/* End of 'comun' */

/* Start of CMSMS style sheet 'contenido' */
/*

Esta plantilla no se aplica en PORTADA.

Estos estilos no se deben aplicar a columnaizquierdainterior ni columnaderechainterior
Sólo a las pags. de contenido (ni por supuesto a portada).
Siempre estos estilos serán anulados donde no se desee.

*/

#elcontenido p {
  margin:0 0 0.5em 0.5em; /*sobreescribimos*/
}
/*Imágenes*/
img, p img {
  border:1px solid #00996a;
  margin-left:3px;
  margin-right:7px; /*3px*/
 /*
  padding: 15px 7px;
  margin-left:1em;
  margin-right:1em;
  margin-bottom:.5em;
*/
}

#sinborde {
  padding:0;
  margin:0 3px 0 0;
}

#elcontenido ul li{
  width:95%;
  margin-left:5px;
  padding-left:1.5em;
  background:transparent url(/uploads/fuente-carreteros/li.gif) no-repeat scroll left 2px;

/*
 font-size:0.9em;  Puesto en -> <#elcontenido p> en comun.css 
*/
}

#elcontenido ul li.lipdf{
background:transparent url(/uploads/fuente-carreteros/li.gif) no-repeat scroll left bottom;
}


#elcontenido h4 { font-size:1.3em; margin-left:.8em;}
#elcontenido h5 { font-size:1.2m;margin-left:1em;}
#elcontenido h6 {font-size:1.1em;margin-left:1.2em;}

/* End of 'contenido' */