body {
background-image: url("../skin/fondos_.jpg");
background-repeat: no-repeat;
background-position: center 0px;
font-family: Verdana, Geneva, sans-serif;
font-size:11px;
color:#666;
margin:0;
padding:0;
}
	
#contenedor {
width:828px;
margin:auto;
margin-top:20px;
}

h2 {
font-size:20px;
font-family:"Times New Roman", Times, serif;
color:#000;
padding: 0 0 1px;
margin:0;	
display: inline;
top:-5px;
}
h3 {
margin:0;
padding:0;
top:-5px;
}
h4 {
margin:0;
padding:0;
top:-5px;
font-size:14px;
}

a {
text-decoration: none;
}

.color-naranja {
color:#e7512b;
}

img { border:none; margin:0; padding:0; } /* IE */

/**********************************
    BUSCADOR, INICIO Y CONTACTO
**********************************/

#top {
position: relative;
float:right;	
margin: 0 0 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
width:325px;
}
.lupa {
	background-image:url('../skin/lupa_fondo.png');	
}
#espacio1{
position:relative;
float:left;
}
#espacio2 {
position:relative;
float:right;	
}

/***************
    HEADER
***************/
#header {
position:relative;
float:left;
margin:0 0 65px;
}

#header-slideshow {
/* posición y margen */
position:relative;
float:left;
width:826px;
height:267px;
border:1px solid #FFF;
}


/***************
    CONTENIDO
***************/
#contenido {
width:828px;
position:relative;
float:left;
padding-bottom:35px;
}

#menu {
font-family:Calibri;
width:105px;
margin:0;
padding:0;
font-size:14px;
text-align:right;
position:relative;
float:left;
}

#menu ul {
list-style-image: none;
list-style-type: none;
text-align: right;
margin:0;
padding:0;
}

#menu ul li:first-child { padding-top:0; }
#menu ul li {
border-bottom: 1px solid #CCC;
padding: 3px 0;
text-indent: -14px;
}

#menu a.menu-principal:link, a.menu-principal:visited{
	color:#666;
	text-decoration: none;	
}
#menu a.menu-principal:hover, a.menu-principal:active{
	color:#666;
	text-decoration: none;
	font-weight:bold;
}


/*a:link {
color:#666;
text-decoration: none;	
}
a:visited {
color:#666;
text-decoration: none;	
}
a:hover {
color:#ed5931;
text-decoration: none;
}
a:active {
color:#ed5931;
text-decoration: none;
}
*/


#contenido-inicial {
width:700px;	
height:100px;
position:relative;
float:right;
margin:0;
padding:0;
top:-3px;
}

#seccion-1 {
position:relative;
float:left;
width:326px;
margin-right:35px;
}
#seccion-2 {	
position:relative;
float:left;
width:154px;
margin:0 0 15px 0;
}
#seccion-3 {	
position:relative;
float:left;
width:154px;
margin:0 0 5px 0;
}
#lateral {
position:relative;
float:right;
width:160px;
margin:0 0 5px;
border:1px solid #CCC;
background:#f0f0f0;
}
#lateral #texto {
margin:0;
padding:0 7% 7px;
color:#333;
}

.titulo-naranja {
width:	100%;
background-image: url("../skin/bitmap_naranja.png");
background-repeat: no-repeat;
background-position: 0px 5px;
padding:0 0 0 22px;
margin:0;
}
.titulo-rosa {
width:	135px;
background-image: url("../skin/bitmap_rosa.png");
background-repeat: no-repeat;
background-position: 0px 5px;
border-bottom:1px solid #ccc; 
margin:0 0 2px;
padding:0 0 0 22px;
}
.titulo-verde {
width:	135px;
background-image: url("../skin/bitmap_verde.png");
background-repeat: no-repeat;
background-position: 0px 5px;
border-bottom:1px solid #ccc; 
margin:0 0 2px;
padding:0 0 0 22px;
}
.titulo-azul {
width:	100%;
background-image: url("../skin/bitmap_azul.png");
background-repeat: no-repeat;
background-position: 7% 5px;
padding:0 0 5px 35px;
margin:0;
}


/***************
    FOOTER
***************/
#footer {
width:100%;
height:156px;
background:url("../skin/footer.jpg");
background-repeat:repeat-x;
position:relative;
float:left;
border-bottom:5px solid #e8512b;
padding:18px 0 0 0;
}
#footer-contenido {
width:828px;
margin:auto;
}

#footer-cont-izq {
position:relative;
float:left;
margin:0;
padding:0;
}
#footer-cont-der {
position:relative;
float:right;
margin:0;
padding:0;
}

	#footer-middle {
    width: 100%;
    height: 1px;
    position: relative;
    float: left;
	}

#footer-cont-izq2 {
position:relative;
float:left;
bottom:-39px;
margin:0;
padding:0;
}
#footer-cont-der2 {
position:relative;
float:right;
bottom:-38px;
margin:0;
padding:0;
}


/*//////////////////////////*/
/*//////////////////////////*/
/*//////////////////////////*/
/*//////////////////////////*/
/*//////////////////////////*/
/*//////////////////////////*/


/* Font Colors */
.naranja { color:#EB4B1F; }
.morado { color:#714599; }
.morado-claro { color:#DCC8FB; }
.rosa-oscuro { color:#B9387D}
.verde { color:#186839; }

.verde-ltra { color:#186839; font-size:16px;}
.naranja-ltra { color:#EB4B1F; font-size:16px; }

/* colores de tablas (php) */
.fondo-blanco { background:#ffffff; }
.fondo-verde { background:#d6fccc; }
.fondo-naranja { background: #FFEEDD; }


#contenido-general {	 /* Como sustituyendo a #contenido-inicial */
position:relative;
float:left;
margin:0;
padding:0;
width:100%;
}

#contenido-general h1 {
font-family:Calibri, Arial;
font-size:25px;
font-weight:bold;
}
#contenido-general h2 {
font-family:Verdana, sans-serif;
font-size:15px;
}
#contenido-general h3 {
	font-family:Arial;
	font-size:18px;
	display:inline;
	margin:0;
	padding:0;
	text-align: left;
}
#contenido-general p {
	color:#333;
	font-family:Calibri, Arial;
	font-size:15px;
	text-align:justify;
}

.fecha { color:#333; font-family:Verdana, sans-serif; font-size:12px; margin:-10px 0 0 0; padding:0; }

/* Capa general relativa para ayudar a posicionar elementos */
#relativa {
	position:relative;
	float:left;
	width:100%;
	text-align: justify;
}
#relativa-2 {
	position:relative;
	float:left;
	width:100%;
	text-align: justify;
}
#titulo { width:100%; min-height:74px; } /* va una imagen jpg */
#titulo h1 { text-indent:-9999px; font-size:9px;} /* Esconde los h1 */

#centrar-alcal { left:50%; margin:35px 0 0 -235px; position:relative; }
#alcaldesa { font-family:Calibri; font-size:15px; color:#333; width:100%; }
#alcal-izq { float:left; position:relative; }
#alcal-der { float:right; position:relative; top:25px; }
#alcal-fondo { width:490px; left:50%; margin:35px 0 0 -245px; position:absolute; top:138px; z-index:-10;}

#direc-tel-centrar { width:431px; left:50%; margin:35px 0 0 -215px; position:relative; float:left;}
#direc-tel { width:431px; float:left; height:64px; position:relative; top:-16px; }

#mancha-morada-centrar { width:378px; left:50%; margin:35px 0 0 -189px; position:relative; float:left;}
#mancha-morada { width:378px; height:174px; background:url('../skin/mancha-morada.jpg'); float:left; position:relative; top:-16px; text-align: center; }
#mancha-morada-texto { position:relative; float:left; top:56px; left:25px;}

#info-turis-centrar { left:50px; margin:35px 0; position:relative; float:left;}
#info-turis { width:342px; height:73px; background:url('../skin/objeto_cuadro-info_naranja.jpg'); float:left; position:relative; top:-16px; }
#info-turis-texto { position:relative; float:left; top:23px; left:86px;}


#numeros-centrar {width:350px; left:50%; margin:20px 0 0; position:relative; float:left;}

#encabe-chico {width:100%; position:relative; float:left; margin:0 0 15px;}

#contacto-form { width:100%; position:relative; float:left; }
.contacto-style { border:1px solid #714599; color:#48325A; display:block;  }
.contacto-style2 { border:1px solid #714599; color:#DCC8FB; background:#612880; width:130px;; font-family:Arial; font-size:13px; padding:2px 0; float:left; position:relative;  }

#lista-atracciones { width:100%; position:relative; float:left; margin:0 0 35px; padding:0; height:250; }
#lista-atracciones-imagen { position:relative; float:left; margin:0 20px 0 0; width:250px; height:250px;}
#lista-atracciones-contenido {position:relative; float:none;}

#videos-capa-personalizada { margin:0 50px 10px 0; height:139px; padding:0; border:1px solid #007dbf; display:inline; position:relative; float:left; }
#videos-capa-personalizada-fondo { width:170px; height:170px; background-image: url('../skin/imagen-capa-personalizada.png'); background-repeat: no-repeat; background-position: 0px 89px; position:absolute; z-index:50; }
#videos-capa-personalizada-titulo { position:absolute; float:left; left:13px; top:116px; color:#FFFFFF; font-family:Verdana, sans-serif; font-size:15px; z-index:51; }
#videos-capa-personalizada img { margin:0; padding:0; position:relative; z-index:49; }

#videos-capa-galeria { margin:0 50px 10px 0; height:168px; padding:0; border:1px solid #714599; position:relative; float:left; }


#imagenes-capa-personalizada { margin:0 50px 10px 0; height:170px; padding:0; border:1px solid #764C9E; display:inline; position:relative; float:left; }
#imagenes-capa-personalizada-fondo { width:170px; height:170px; background-image: url('../skin/imagen-capa-personalizada.png'); background-repeat: no-repeat; background-position: 0px 89px; position:absolute; z-index:50; }
#imagenes-capa-personalizada-titulo { position:absolute; float:left; left:13px; top:145px; color:#FFFFFF; font-family:Verdana, sans-serif; font-size:15px; z-index:51; }
#imagenes-capa-personalizada img { margin:0; padding:0; position:relative; z-index:49; }

#imagenes-capa-galeria { margin:0 50px 10px 0; height:168px; padding:0; border:1px solid #714599; position:relative; float:left; }

.historia-imagen { position:relative; float:left; width:171px; height:171px; margin:35px 44px 0 10px; }
.historia-titulo { font-family:Arial; color:#EB0B8C; margin:20px 0 0 0; display:block;}
.historia-img-in { margin:13px 0; border:2px solid #eb0b8c; position:relative; float:left; }
.historia-img-in-b { margin:13px 0; border:none; position:relative; float:left; }
.historia-img-in img { position:relative; float:left; padding:0; margin:0; display:inline; }
.historia-izq { position:relative; float:left; }
.historia-der { position:relative; float:right; }

.directorio-style { border:1px solid #EB4B1F; color:#EB4B1F;  }
/* // con capas
#noticia-wrap { position:relative; float:left; width:100%; margin:0; clear:both; }
#noticia-wrap2 { position:relative; float:left; width:100%; margin:0; clear:both; background:#D6FCCC; }
#noticias-imagen { position:relative; float:left; margin:0 20px 0 0; }
#noticias-contenido {
	position:relative;
	float:none;
	padding:0;
	margin:0;
}
*/

#noticia-padd { padding:7px 0;}
#noticia-boton { font-size:12px; width:200px; background:#1f773d; color:#a5cd96; padding:2px 0; text-align:center; border:1px solid #a5cd96; }
#noticia-boton:hover { background:#a5cd96; color:#294B21; border:1px solid #1f773d;}
#noticia-boton:active { background:#d2e7cb; color:#1F773D; }

#noticia-noticia-wrap { position:relative; float:left; width:100%; margin:0 0 15px; }
#noticias-noticia-imagen { position:relative; float:left; margin:0 20px 0 0; }
#noticias-noticia-encabezado {position:relative; float:none; padding:0 10px 10px; }
#noticias-noticia-contenido {position:relative; float:left; padding:10px 10px 10px 0;}

#ubicacion-imprimir { width:100%; position:relative; float:left; margin:5px 0; padding:0; }
#ubicacion-imagen { position:relative; float:right; }


/* 
TABLAS CEBRA NO FUNCIONA EN IE- :s

.cebra_mora {
position:relative; float:left; width:100%; margin:10px 0 15px;
}
.cebra_mora table { 
width: 100%; 
font-size: 12px;
border-collapse: collapse;  
}
.cebra_mora th { 
background: #ffffff; 
color: #71459A; 
font-weight: bold; 
}
.cebra_mora tr:nth-of-type(even) {   // even = impares, odd = pares 
background: #eee; 
}
.cebra_mora td, th { 
padding: 6px; 
border-left: 1px solid #ccc; 
text-align: left; 
font-family:Arial;
font-size:12px;
color:#666666;
}
.cebra_mora td:first-child, th:first-child { border-left: none; }
*/

/* TABLAS - MORADO */
.cebra_mora { margin:15px 0;  }
.cebra_mora th {
color: #71459A; 
font-weight: bold;
}
.cebra_mora table { 
width: 100%; 
font-size: 12px;
border-collapse: collapse;  
}
.cebra_mora td, th { 
padding: 6px; 
border-left: 1px solid #ccc; 
text-align: left; 
}
.cebra_mora td:first-child, th:first-child { border-left: none; }
.color-celda { background: #eee;  }

/* TABLAS - NARANJA */
.cebra_naranja { margin:15px 0;  }
.cebra_naranja th {
color: #EB4B1F; 
font-weight: bold;
}
.cebra_naranja table { 
width: 100%; 
font-size: 12px;
border-collapse: collapse;  
}
.cebra_naranja td, th { 
padding: 6px; 
border-left: 1px solid #ccc; 
text-align: left; 
}
.cebra_naranja td:first-child, th:first-child { border-left: none; }
.color-celda-naranja { background: #FFEEDD;  }

/************* los videos *************/
#clic { width:200px; height:125px; position:absolute; float:left; z-index:100; background:#009900; display:inline; opacity:0.0; filter:alpha(opacity=0); /* IE8 o menor */ }
#iframes iframe { width:200px; height:125px; z-index:-100; }
#video-acomodar { position:relative; float:left; padding:0; margin:0 25px 15px 0; }