/* CSS Document */


:link,:visited {text-decoration:none}
ul,ol {list-style:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0 }
a img,:link img,:visited img {border:none}




body {								
	background:#333 url(../images/fondo_paginas.gif) repeat-x;
	margin: 0;
	}

body#home {							
	background:#333 url(../images/fondo_home.gif) repeat-x;
	margin: 0;
	}

#container {					
	position:relative;
	width:960px;
	margin:0 auto;
	padding: 0;
	}
	
#home #header {	
	width:960px;
	height: 410px;
	margin:0 auto;
	padding: 0;
	}
	
#sociedad #header {	
	width:960px;
	height: 345px;
	margin:0 auto;
	padding: 0;
	}
	
#logo {
	position: absolute;
	z-index: 5;
	width:256px;
	height:142px;
	top:0;
	left: 60px;
	}
	
#swfincidencias {
	position: absolute;
	z-index: 4;
	width:960px;
	height:310px;
	top:89px;
	left: 0;
	}

	
#header-img {
	position: absolute;
	z-index: 4;
	width:960px;
	height:230px;
	top:94px;
	left: 0;
	}
	
	.header-img-mascara { 
		margin: 0;
		float: left;
		position: relative;
		width: 960px;
		height: 230px;
		overflow: hidden;
		}
	
	#header-img span {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		background-repeat: no-repeat;
		background-image: url(../images/mascara_foto_sup.gif);
		width: 960px;
		height: 230px;
	}
	
#contenido-principal {	
	width: 960px;
	margin-top: 50 0px;
	padding: 0;
	}
		
#home #contenido-principal {	
	background: url(../images/fondo_principal_home.gif) no-repeat;
	height: 404px;
	margin: 0;
	margin-top: 10px;
	padding: 0 20px;
	}

#pastilla-home1 {
    position:absolute;
	width:225px;
	left:30px;
	}

#pastilla-home2 {
	position:absolute;
	width:225px;
	left:255px;
	}

#pastilla-home3 {
	position:absolute;
	width:225px;
	left:480px;
}

#pastilla-home4 {
	position:absolute;
	width:225px;
	left:705px;
	}	
	#pastilla-home-contenido {
		width: 255px;
		height: 100px;
		}
		#pastilla-home-imagen {
			height: 99px;
			}
			.pastilla-home-mascara { 
				margin: 0;
				float: left;
				position: relative;
				width: 225px;
				height: 100px;
				overflow: hidden;
				}
			#pastilla-home-imagen span {
				display: block;
				position: absolute;
				top: 0px;
				left: 0px;
				background-repeat: no-repeat;
				background-image: url(../images/marco_pastillas_home.gif);
				width: 225px;
				height: 100px;
				}
		#pastilla-home-texto {
			width: 255px;
			height: 404px;
			background: url(../images/pastillas_home_fondo.gif) no-repeat;
			#margin-top: -99px;
			}
		.pastilla-home-titulo-enruta {
			width: 180px;
			margin:0 0 6px 13px;
			#margin-top: 99px;		/* ñapa para IE */
			font-family: "Garamond", Times, serif;
			padding: 7px 9px 3px 11px;
			background-color: #6A0026;
			font-size: 18px;
			color: #FFF;
			}
		.pastilla-home-titulo-noticias {
			width: 180px;
			margin:0 0 6px 13px;
			padding: 7px 8px 3px 11px;
			background-color: #666;
			font-family: "Garamond", Times, serif;
			font-size: 18px;
			color: #FFF;
			}
		.pastilla-home-lugar {
			width: 180px;
			margin-left: 13px;
			padding-left: 11px;
			font-family: "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
			font-size: 10px;
			color: #222;
			font-weight: bold;
			text-transform:uppercase;	
			}
		.pastilla-home-fecha {
			width: 180px;
			margin-left: 13px;
			margin-top: -1px;
			padding-left: 11px;
			font-family: "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
			font-size: 9px;
			color: #333;	
			}			
		.pastilla-home-texto {
			width: 180px;
			margin-left: 13px;
			padding-top: 20px;
			padding-left: 11px;
			margin-bottom: -20px;
			font-family: "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
			font-size: 10px;
			color: #444;
			text-align:left;	
			}			
		.pastilla-home-texto a {
			display:block;
			font-family: "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
			font-size: 10px;
			color: #910234;	
			text-decoration: none;
			text-align: right;                                        /* No sé porqué este atributo no funciona, debería alinearse a la derecha */
			}	
		.pastilla-home-texto a:hover {
			text-decoration: underline;
			}
			
#pie {																/* El fondo debería llegar de lado a lado de la página, pero no llega */
	border-top: #444 solid 1px;
    background-color: #282828;
	clear: both;
	height: 31px;	
	margin-top: 30px;
	text-align: center; 
	}	
	
	
	.copyright {
		padding: 10px 10px 0 10px;
		font-size: 11px; 
		text-align: center;
		font-family: "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
		font-size: 10px;
		color: #FFF;
		}



/* $2 - Estilos del menú principal ///////////////////////////////////////////////////////////////////////////////////*/

#menu_horizontal {
	position: absolute;
	z-index: 5;
	top: 59px; 
	right: -30px;
	#right: 0;		/* ñapa para IE */
	line-height:normal;
	}
	
    #menu_horizontal ul {
		margin:0;
		padding:10px 0 0 50px;
		#padding:10px 0 0 60px; /* ñapa para IE */
		list-style:none;
      }
	  

    #menu_horizontal li {
		display:inline;
		margin:0 5px;
		padding:0;
		font-family: "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
		font-size: 10px;
		letter-spacing: 0;
      }
    #menu_horizontal a {
		float:left;
		margin:0;
		padding:0 0 0 7px;
		text-decoration:none;
		color: #999;
      }
    #menu_horizontal a span {
      	float:left;
     	display:block;
      	padding: 9px 15px 9px 8px;
		#padding: 9px 12px 9px 5px; /* ñapa para IE */
      }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu_horizontal a span {float:none;}
    /* End IE5-Mac hack */

    #menu_horizontal a:hover {
      	background:url(../images/rollover_izd.gif) no-repeat left top;
		color: #FFF;
      }
	  
    #menu_horizontal a:hover span {
      	background:url(../images/rollover_dch.gif) no-repeat right top;
	  }
	  
	#menu_horizontal a.selected {
      	background:url(../images/rollover_izd.gif) no-repeat left top;
		color: #FFF;
      }
	  
    #menu_horizontal a.selected span {
      	background:url(../images/rollover_dch.gif) no-repeat right top;
	  }

/* $2 - Estilos del menú secundario ///////////////////////////////////////////////////////////////////////////////////*/

#menuv_pastilla {
	position: absolute;
	z-index: 3;
	top: 345px; 
	left: 0;
	width: 960px;
	margin: 0;
	margin-top: 10px;
	}
	
	.menuv_fondosup {
		height: 51px;
		background: url(../images/menuv_fondosup.gif) no-repeat top left;
		}
		
	.menuv_fondoinf {
		height: 85px;
		background: url(../images/menuv_fondoinf.gif) no-repeat bottom left;
		}
		
	.menuv_fondocentro {
		background: url(../images/menuv_fondocentro.gif) repeat-y;
		}

#menu_vertical {
	position: relative;
	z-index: 0;
	top: 0; 
	left: 775px;
	margin:0;
	padding:0;
	width:200px
	}
	#menu_vertical ul {			
		list-style:none;
		}
	#menu_vertical li {
		padding:0;
		margin:0;		
		}
	#menu_vertical li a {
		display:block;
		width: 132px;																/* luego subirlo hasta 200px para que quede por debajo  */
		font-family: "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
		text-align: left;
		font-size: 11px;
		margin-top: 3px;
		background-color: #222;
		text-decoration: none;
		color: #CCC;
		padding: 5px 6px 6px 37px;													/* Cuando subimos el width hasta 200 aumentar el padding 48px más */
		}
	#menu_vertical li a:hover,
	#menu_vertical li a.selected {
		background-color: #6A0026;
		color: #FFF;
		}
	#menu_vertical li a.sub1 {	
		font-size:9px;
		width: 125px;
		padding: 3px 6px 4px 44px;
		margin-top: 0px;
		border-top: solid #222 1px;
		}
	#menu_vertical li a.sub1selected {	
		font-size:9px;
		width: 125px;
		padding: 3px 6px 4px 44px;
		margin-top: 0px;
		border-top: solid #222 1px;
		background-color: #6A0026;
		color: #FFF;
		}
	#menu_vertical li a.sub2 {	
		font-size:9px;
		width: 107px;
		padding: 1px 6px 2px 62px;
		margin-top: 0px;
		border-top: solid #222 1px;
		}
	#menu_vertical li a.sub2selected {	
		background-color: #6A0026;
		}
		
		
/* $5 - Estilos del contenido de página ///////////////////////////////////////////////////////////////////////////////////*/

#contenido_pastilla {	
	position: relative;
	z-index:5;
	top:10px;
	left:47px;
	width: 750px;
	margin: 0;
	margin-top: 10px;
	float:left;
	}
	
	.contenido_fondosup {
		height: 84px;
		background: url(../images/contenido_fondosup_sociedad.gif) no-repeat top left;
		}
		
	.contenido_fondosup3 {
		height: 84px;
		background: url(../images/contenido_fondosup_sociedad.gif) no-repeat top left;
		}
		
	.contenido_fondosup4 {
		height: 84px;
		background: url(../images/contenido_fondosup_autovia.gif) no-repeat top left;
		}
	.contenido_fondosup5 {
		height: 84px;
		background: url(../images/contenido_fondosup_noticias.gif) no-repeat top left;
		}
		
	.contenido_fondosup6 {
		height: 84px;
		background: url(../images/contenido_fondosup_enruta.gif) no-repeat top left;
		}
		
	.contenido_fondosup7 {
		height: 84px;
		background: url(../images/contenido_fondosup_contacto.gif) no-repeat top left;
		}
		
	.contenido_fondoinf {
		height: 40px;
		background: url(../images/contenido_fondoinf.gif) no-repeat bottom left;
		margin-top:-20px;
		margin-bottom: 35px;
		_margin-bottom: 0;
		clear:both;
		}
		
	.contenido_fondocentro {
		background: #FFF;
		/*float:left;*/
		}
		
#contenido {
	margin-top: -90px;	
	padding: 35px 35px 35px 35px;
	float:left;
	}