/* CSS Document */

body{
	margin:0;
	padding:0;
	background:url(../images/fondo_body.jpg) top left repeat-x #FFF;
	/*background: #333333;*/
}

img{ border:none }
a{cursor:pointer;}
/*	===============================================================================		CONTENEDOR CENTRADOR							*/
#contenedorCentrar{
	width:1001px;
	height:auto;
	margin:auto;
	padding:0;
	font-family:"Century Gothic";
	font-size:12px;
	}
/*	===============================================================================		CONTENEDOR					*/	
	#contenedor {
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0;
		background: url(../images/fondo_contenedor.jpg) top left repeat-y;		
	}
/*	===============================================================================		CABECERA						*/		
	#base_cabecera{
		width:100%;
		height:147px;
		float:left;
		margin:0;
		padding:0;
		background: url(../images/fondo_cabecera.jpg) top left no-repeat;
	}

		#base_cabecera a.logo{
			width:300px;
			height:160px;
			float:left;
			margin:0;
			padding:0;
		}
/*	===============================================================================		MENU						*/		
	#base_menu{
		width:100%;
		height:50px;
		float:left;
		margin:0;
		padding:5px 0 0 0;
	}
		*>#base_menu{
			min-height:50px;
			height:auto;
		}
/*	===============================================================================		CENTRO						*/		
	#base_centro{
		width:100%;
		height:784px;
		float:left;
		margin:0;
		padding:0;
		background: url(../images/fondo_cuerpo.jpg) top left no-repeat;
	}
	*>#base_centro{
		min-height:784px;
		height:auto;
	}


/*	===============================================================================		IMAGEN SECCION							*/
	
	#imagen-seccion{
		width:325px;
		height:300px;
		float:left;
		margin:0;
		padding:0;
		overflow:hidden;
		position:relative;
		border-left:#963B07 2px solid;
		border-right:#963B07 2px solid;
	}
/*	===============================================================================		BASE DE LOS CONTENIDOS DEL CENTRO				*/		
	#base_centro_contenidos{
		width:100%;
		float:left;
		margin:0;
		padding:0;
		height:auto;
	}
/*	===============================================================================		CENTRO	IZQUIERDA				*/		
	#centro_izquierda{
		width:300px;
		height:553px;
		float:left;
		margin-top:105px;
		padding:0;
		overflow:hidden;
		position:relative;
	}
		#centro_izquierda #mascara_imagen_seccion{
			width:30px;
			height:563px;
			position:absolute;
			top:0;
			left:0;
			background:url(../images/mascara_imagen_seccion.png) top left no-repeat;
			z-index:100;
		}
		#centro_izquierda img{
			width:100%;
			height:auto;
			top:0;
			left:0;
		}
		

/*	===============================================================================		CENTRO	CONTENIDOS			*/		
	#centro_contenidos{
		width:640px;
		height:auto;
		float:left;
		margin-top:10px;
		padding:5px;
	      background-color: white;
	}

		#centro_contenidos h2{
			width:100%;
			height:35px;
			font-family:Arial;
			font-size:16px;
			color:#FFFFFF;
			text-transform:uppercase;
			padding:3px 0 0 25px;
			margin:25px 0 10px 0;
			background:url(../images/fondo_titulos.gif) top left no-repeat;
			
		}
		*>#centro_contenidos h2{
			margin:20px 0 10px 0;
		}
		
/*	===============================================================================		CENTRO	DERECHA             */		
	#centro_derecha{
		width:219px;
		float:left;
		margin:0 5px 0 5px;
		padding:15px 0 0 0;
		background:#fff;
	}
/*	===============================================================================		BUSCADOR							*/

	#buscador{
		width:48%;
		height:32px;
		float:left;
		margin:0;
		padding:0;
	}

		#buscador ul{
			width:100%;
			float:right;
			margin:10px 0 0 0px;
			padding:0 0 0 0px;
			height:auto;
			list-style-type:none;
			text-align:right;
			}
			#buscador ul li{
				display:block;
				float:right;
				margin:0 0 0 0;
				padding:0;
				}
				#buscador li input{
					width:160px;
					height:15px;
					padding:0;
					font-family:Arial;
					font-size:10px;
					background:#606060;
					color:#fff;
					border:none;
					text-align:center;
					margin-top:10px;
					}

					#buscador li input.boton{
						width:20px;
						height:32px;
						padding:0;
						margin:0 5px 0 0;
						background:url(../images/buscador_lupa.jpg) no-repeat top left;
						cursor:pointer;
					}

		

/*	===============================================================================		LOGO					*/	
	#logo-cabecera {
		width:230px;
		height:100px;
		float:left;
		margin:0 0 0 20px;
		padding:0;
		background:url(../images/logo.gif) no-repeat left bottom;
	}
	*>#logo-cabecera {
		margin:10px 0 0 50px;
	}
	#logo-cabecera span{
		display:none;
	}

/*	===============================================================================		IDIOMAS						*/

	#idiomas{
		width:70%;
		height:30px;
		float:left;
		margin:1px 0 0 0;
		padding:0;
		}
		#idiomas a{
			width:auto;
			float:right;
			margin:15px 20px 0 0;
			padding:0;
			font-size:1px;
			color:#fff;
		}
/*	===============================================================================		ENLACES						*/

	#enlaces{
		width:45%;
		height:50px;
		float:left;
		margin:0 0 0 30px;
		padding:0;
		}
		#enlaces a{
			width:auto;
			float:left;
			color:#fff;
			height:33px;
			text-decoration:none;
			font-size:1px;
		}

		#enlaces a.portada{
					width:94px;
			background:url(../images/portada.jpg) no-repeat left;
		}
		#enlaces a.portada:hover{
			background:url(../images/portada_sobre.jpg) no-repeat left;		
		}		
		#enlaces a.mapaweb{
					width:110px;		
			background:url(../images/mapaweb.jpg) no-repeat left;
		}		
		#enlaces a.mapaweb:hover{
			background:url(../images/mapaweb_sobre.jpg) no-repeat left;		
		}		
		#enlaces a.contacto{
					width:97px;		
			background:url(../images/contacto.jpg) no-repeat left;
		}		
		#enlaces a.contacto:hover{
			background:url(../images/contacto_sobre.jpg) no-repeat left;		
		}		
		#enlaces a.volver{
			display:none;
			width:64px;		
			background:url(../images/volver.jpg) no-repeat left;
		}	
		#enlaces a.volver:hover{
			background:url(../images/volver_sobre.jpg) no-repeat left;		
		}		
								
/*	===============================================================================		NAVEGADOR						*/

	#navegador_web{
		width:58%;
		height:15px;
		float:left;
		margin:10px 0 0 20px;
		padding:0 0 0 60px;
		font-family:Arial;
	}
		#navegador_web p.inicio{
			width:auto;
			float:left;
			margin:0 10px 0 0;
			font-size:12px;
			color:#aaa;
		}
		#navegador_web p.seccion{
			width:auto;
			float:left;
			padding:0;
			margin:0;
			font-size:12px;
			color:#881707;
			font-weight:bold;
		}


		
/*	===============================================================================		CATALOGO						*/

	#enlace_catalogo{
	      
		width:200px;
		height: 100px;
		float:right;
		margin:10px 0 0 0;
		padding:0 70px 0 0;
		z-index: 10;
	}
		#enlace_catalogo a{
			display:block;
			float:right;
			width:269px;
			height:100%;
			background:url(../images/catalogo.jpg) top left no-repeat;
		}
			#enlace_catalogo a:hover{
				background:url(../images/catalogo_sobre.jpg) top left no-repeat;			
			}
	

/*	===============================================================================		PAGINADOR	*/
div.paginador{
    float:left;
    width:98%;
    height:20px;
    margin:10px 0 0 0;
    padding:0;
    background:#92B6DF;
}
div.paginador p.paginador{
    float:right;
    width:auto;
    margin:0 5px 0 0;
    padding:0;
}

	div.paginador a{
	    width:20px;
	    height:20px;
	    float:left;
	    margin:2px 0 0 0;
            padding:0 5px 0 5px;
	    text-align:center;
	    color:#fff;
	    text-decoration:underline;
	    cursor:pointer;
	}

	div.paginador a.actual{
	    width:20px;
	    height:auto;
	    float:left;
	    margin:-3px 0 0 0;
            padding:5px;
            background:#FFF;
	    text-align:center;
	    font-weight:bold;
	    color:#333;
	     text-decoration:none;
            border:1px solid #a70101;
	}

	

/*	===============================================================================		BASE PIE							*/

	#base_pie{
		width:100%;
		height:74px;		
		margin:0;
		padding:90px 0 0 0;
		float:left;	
		color:#FFF;
		background:url(../images/fondo_pie.jpg) top left no-repeat;		
	}

	#base_pie p{
		width:50%;
		float:left;
		clear:both;
		margin:0 10% 0 20px;
		padding:0;
		color:#fff;
		font-family:Arial;
		font-weight:normal;
		font-size:11px;
	}
		#base_pie p a{
			text-decoration:none;
			color:#fff;
		}
			#base_pie p a:hover{
				text-decoration:underline;
			}

		
/*	PIE EXTRAS		*/						
#base_extras{
	width:45%;
	float:right;
	margin:-66px 45px 6px 0;
	padding:0;
}
#base_extras p{
  width: 100%;
text-align: right;
}

	#base_extras a{
			text-align:right;
			text-decoration:none;
			color:#fff;
	}
	#base_extras a:hover{
			text-decoration:underline;		
	}	
	#base_extras a.css{
		width:80px;
		height:15px;
		display:block;
		float:left;					
		margin:0 5px 6px 0;
	}
	#base_extras a.xhtml{
		width:80px;
		height:15px;
		display:block;
		float:left;
		clear:left;
		margin:0 5px 0 0;
	}	
			
					

p.error{
float:left;
width:85%;
height:60px;
margin:0 0 15px 0;
padding:20px 0 0 15%;
color:#fff;
font-size:18px;
background:url(../images/error.png) left no-repeat #bb4040;
}					
#mapas{
  float: left;
  font-family: Arial;
  margin-top: 15px;

}
  #mapas p{
  margin: 0;
  padding: 0;
  color: #444444;
 }
  #mapas iframe{
    border: solid 1px black;
  }