/* CSS Document */

* { margin:0; padding:0; }

body {
	font: 11px "trebuchet MS", arial, verdana, sans-serif;
	color:#475A78;
	background-color:#EAF7FF;
}

div, td {
	font: 11px "trebuchet MS", arial, verdana, sans-serif;
	color:#475A78;
	text-align:justify;
}

p { margin: 10px; }

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

hr {
	height:1px;
	border:0;
	color:#07C;
	margin:15px 0 5px 0;
	background-color:#07C;
}

form { 
	width:500px;
	margin:0 0 20px 10px; 
	padding:20px; 
	border:1px solid #816524;
}

input, textarea, select {
	font:11px "trebuchet MS", arial, verdana, sans-serif;
	padding:0 0 0 3px;
	color:#333;
	background-color:#EFE2C3;
	border:1px solid #816524;
	margin:4px 0;
}

h1 {
	font-size:18px;
	color:#07C;
	padding:6px 0 5px 5px;
	margin-left:10px;
	font-variant:small-caps;
}

h2 {
	font-size:15px;
	color:#07C;
	margin:5px 0 5px 10px;
	font-variant:small-caps;
}

h3 {
	font-size:12px;
	color:#07C;
	margin:15px 0 5px 10px;
	font-variant:small-caps;
}
#colizqint h3 { margin:0; }
#colizqint p { margin:10px 0; }

/* ESTILOS GENERALES */

.spacer { clear:both; }

.marron { color:#816524; }

.azul { color:#07C; }

.peq { font-size:10px; }

.center { text-align:center; margin:10px 0 0 0; }

p.bullet {
	background:url(../images/bullet.gif) top left no-repeat;
	padding-left:20px;
}

img.bordes { border:1px solid #475A78; }

img.floatr { float:right; border:0; margin:5px 10px 5px 20px; }
img.floatl { float:left; border:0; margin:5px 20px 5px 0; }

img.floatrb { float:right; border:1px solid #475A78; margin:5px 10px 5px 20px; }
img.floatlb { float:left; border:1px solid #475A78; margin:5px 20px 5px 0; }

.button {
	background-color:#EFE2C3;
	border:1px solid #816524;
	padding:3px;
}
	
.fecha { 
	font-size:10px;
	margin-bottom:5px; 
}

.vermas {
	font-weight:bold;
	text-align:right;
	background:url(../images/arrow_news.gif) top right no-repeat;
	border-bottom:1px dashed #07C;
	padding: 0 18px 2px 0;
	margin-top:-10px;
}

/* FIN ESTILOS GENERALES */

/* LAYOUT */

div#bgtabla {
	width:100%;
	background:#EAF7FF url(../images/bg_tabla.jpg) center repeat-y;
}

div#box {
	width:770px;
	margin:0 auto !important;
}

/* TOPE */
div#top {
	width:770px;
	height:80px;
	padding-top:10px;
	background-color:#FFF;
}

	div#logo {
		width:320px;
		height:70px;
		float:left;
	}
	
	div#logo img { border:0; }
	
	div#inicio {
		width:440px;
		height:48px;
		padding-right:5px;
		float:left;
		text-align:right;
		padding-right:5px;
	}
	
	div#inicio a {
		color:#475A78;
		font-weight:bold;
		text-decoration:none;
	}

	/* MENU ARRIBA */
	div#menua {
		width:450px;
		height:30px;
		float:left;
	}
	
	div#menua ul {
		list-style:none;
		width:450px;
		display:block;
		height:30px;
	}
	
	div#menua ul li {
		float:left;
		text-align:center;
	}
	
	div#menua ul li a {
		padding-top:10px;
		text-decoration:none;
		color:#816524;
		font-weight:bold;
		display:block;
		width:150px;
		height:20px;
		background:url(../images/btn_arriba.jpg) top no-repeat;
	}
	
	div#menua ul li a:hover {
		text-decoration:underline;
	}
	/* FIN MENU ARRIBA */
/* FIN TOPE */

div#linea {
	width:770px;
	height:6px;
	background:url(../images/linea_arriba.gif) repeat-x;
	display:block;
}

div#imagen {
	width:600px;
	height:89px;
	float:left;
	background-color:#FFF;
	padding-bottom:4px;
}

div#colder {
	width:590px;
	float:left;
	padding-left:10px;
}

	/* PARA PAGINA DE INICIO */

	div#cuadrotopactiv {
		width: 590px;
		height:10px;
		float:left;
		background:url(../images/cuadro1_top.gif) top no-repeat;
		display:block;
	}
	
	div#bordeactiv {
		border:1px solid #09F;
		border-top:0;
		padding:5px 10px 0 10px;
		float:left;
		width:569px;
		background-color:#FFF;
	}
	
	div#fotoactiv {
		width:365px;
		margin:0 14px 0 10px;
		float:left;
	}
	
	div#fotoactiv p {
		background:url(../images/arrow_activ.gif) left no-repeat;
		padding:0 0 0 20px;
		margin:5px;
		font-weight:bold;
	}
	
	div#scrolltopactiv {
		width: 180px;
		height:25px;
		float:left;
		background:url(../images/ini_actividad.gif) top no-repeat;
		display:block;
	}
	
	div#scrollactiv {
		width:178px;
		border:1px solid #09F;
		border-top:0;
		float:left;
	}
	
	div#scrollactiv a {
		color:#475A78;
		font-weight:bold;
	}
	
	div#NewsDiv {
		position:absolute; 
		left:0; 
		top:0; 
		width:100%;
		background:#FFF;
	}
	
	div#NewsDiv p {
		background:url(../images/arrow_activ.gif) top left no-repeat;
		padding:0 0 10px 20px;
		border-bottom:1px dashed #07C;
		margin-bottom:10px;
	}
	
	div#cuadrotopnot {
		width:400px;
		height:30px;
		float:left;
		background:url(../images/cuadro2_top.gif);
		display:block;
		margin-top:10px;
	}
	
	div#bordenot {
		border:1px solid #09F;
		border-top:0;
		padding:5px 10px 0 10px;
		float:left;
		width:378px;
	}
	
	div#bordenot img {
		border:1px solid #475A78;
		float:left;
		width:80px;
		margin:3px 10px 10px 0;
	}
	
	div#colderbanners { width:400px; float:left; padding-top:10px; text-align:left; }
	div#colderbanners img { width:70px; height:50px; float:left; margin:0 10px 0 0; border:0; }
	div#colderbanners span { color:#07C; font-weight:bold; }
	div#colderbanners a { color:#CC9933; font-style:italic; float:right; }
	div#colderbanners p { width:190px; float:left; padding:0; margin:0 0 15px 0; }
	div#colderbanners p.izqs { margin-right:10px; }
	
	div#banners {
		width:180px;
		float:right;
		padding:5px 0;
		text-align:center;
	}
	
	div#banners img {
		border:0;
		padding:5px 2px;
		border-bottom:1px dashed #98C4E7;
	}
	
	div#bannersizq { width:170px; float:left; text-align:center; }
	div#bannersizq img { border:0; padding:5px 2px; }
	
	/* FIN PARA PAGINA DE INICIO */

/* COLUMNA IZQUIERDA */

div#colizq {
	width:170px;
	height:auto;
	float:left;
}

	div#colizqint {
		width:150px;
		padding:10px;
		text-align:center;
		float:left;
	}
	
	div#colizqint img {
		border:0;
	}
	
	.menuizqa {
		width:145px;
		height:22px;
		padding:8px 0 0 25px;
		background:url(../images/menu_izq_a.jpg);
		display:block;
	}
	
	.menuizqb {
		width:145px;
		height:22px;
		padding:8px 0 0 25px;
		background:url(../images/menu_izq_b.jpg);
		display:block;
	}
	
	.menuizqc {
		width:145px;
		height:22px;
		padding:8px 0 0 25px;
		background:url(../images/menu_izq_c.jpg);
		display:block;
	}
	
	.menuizqd {
		width:156px;
		height:19px;
		padding:5px 0 0 25px;
		background:url(../images/menu_izq_d.jpg);
		display:block;
	}
	
	div#colizq ul {
		list-style:none;
		width:170px;
	}
	
	div#colizq ul li {
		position:relative;
		background-color:#1D9DF4;
	}
	
	div#colizq li ul {
		position:absolute;
		left:170px;
		top:0;
		display:none;
	}
	
	div#colizq ul li a {
		display:block;
		text-decoration:none;
		color:#FFF;
		font-weight:bold;
	}
	
	div#colizq ul li.menua a {
		display:block;
		text-decoration:none;
		color:#816524;
		font-weight:bold;
	}
	
	div#colizq ul li a:hover {
		text-decoration:underline;
	}
	
	div#colizq li:hover ul, div#colizq li.over ul {
		display: block;
	}
	
	/* Fix IE. Hide from IE Mac \*/
	* html div#colizq ul li {
		float:left;
	}
	/* End */

/* FIN COLUMNA IZQUIERDA */

/* ABAJO */

div#lema {
	width:770px;
	height:20px;
	margin:0px auto;
	padding-top:5px;
	background:url(../images/lema.gif) bottom no-repeat;
	display:block;
	background-color:#FFF;
}

div#pie {
	width:100%;
	height:70px;
	padding:5px 0 0 0;
	margin:0px auto;
	background:url(../images/bg_bottom.jpg) top center no-repeat;
}

div#derechos {
	width:100%;
	text-align:center;
}

div#designby {
	width:770px;
	margin:18px auto 0 auto;
	text-align:right;
	font-size:10px;
}

div#designby a {
	color:#475A78;
	font-weight:bold;
	text-decoration:none;
}

/* FIN ABAJO */

/* PAGINAS INTERIORES */

div#detextensiones {
	width:200px;
	float:right;
	color:#0077CC;
	font-size:18px;
	text-align:center;
	margin:15px 20px 5px 20px;
	border:1px solid #0077CC;
	background:url(../images/bg_detextensiones.jpg) top no-repeat;
	padding-bottom:5px;
}
div#detextensiones h4 { text-transform:uppercase; color:#0077CC; font-size:18px; margin:5px 0 10px 0px; }
div#detextensiones span { }
div#detextensiones p { margin:5px 0px; }
div#detextensiones a { color:#0077CC; font-weight:normal; font-size:11px; }

div#bgtablaint {
	width:100%;
	background: #EAF7FF url(../images/bg_tabla_int.jpg) center repeat-y;
}

div#navegacion {
	width:590px;
	height:17px;
	float:left;
	background-color:#EFE2C3;
	font-size:10px;
	font-weight:bold;
	border-bottom:1px dashed #816524;
	padding:3px 0 0 10px;
}

div#titulos {
	width:590px;
	height:35px;
	display:block;
	float:left;
	margin:10px 0 0 10px;
	padding-bottom:10px;
	background:#FFF url(../images/bg_titulos.gif) top no-repeat;
}

div#contint {
	width:568px;
	display:block;
	border-left:1px solid #07C;
	border-right:1px solid #07C;
	padding:10px;
}

div#topcontint {
	width:590px;
	height:8px;
	display:block;
	background:url(../images/top_conint.gif) top no-repeat;
	float:left;
}

div#bottomcontint {
	width:590px;
	height:8px;
	display:block;
	margin:0 0 10px 0;
	background:url(../images/bottom_conint.gif) top no-repeat;
	float:left;
}

/* CONTACTO */

div#extensiones { }
div#extensiones ul {
	width:250px;
	list-style:none;
	float:left;
}

div#extensiones li {
	width:250px;
	height:20px;
	background:url(../images/bullet.gif) center left no-repeat;
	padding:5px 5px 0 20px;
	border-bottom:1px dashed #D0AB53;
	font-weight:bold;
}

span.extensiones {
	float:right;
	margin-top:-15px;
	color:#816524;
	font-weight:normal;
}

/* FIN CONTACTO */

div#nosotros { }
div#nosotros p {
	background:url(../images/bullet.gif) top left no-repeat;
	padding-left:20px;
}
div#nosotros h2 {
	margin:10px 0;
	padding-bottom:10px;
	border-bottom:1px dashed #07C;
}

ul.columna {
	list-style:none;
	margin:15px;
}

ul.columna li {
	height:20px;
	background:url(../images/bullet.gif) center left no-repeat;
	padding:5px 5px 0 20px;
}

ul.columnas {
	list-style:none;
	margin:15px 15px 0 15px;
	width:250px; 
	float:left;
}

ul.columnas li {
	background:url(../images/bullet.gif) top left no-repeat;
	padding:0 5px 5px 20px;
}

ul.normal{
	list-style:none;
	margin:5px 10px;
}

ul.normal li {
	background:url(../images/bullet.gif) top left no-repeat;
	padding:0 0 3px 20px;
}

/* BUSCAR UN ESPECIALISTA */

ul.especialista {
	list-style:none;
	margin:15px 0 0 10px;
	width:240px; 
	float:left;
}

ul.especialista li {
	background:url(../images/bullet.gif) center left no-repeat;
	padding:5px 5px 5px 20px;
	border-bottom:1px solid #EFE2C3;
	color:#816524;
}

ul.especialidad {
	list-style:none;
	margin:15px 0 0 0;
	width:290px;
	float:left;
}

ul.especialidad li {
	background:none;
	padding:5px 5px 5px 0;
	border-bottom:1px solid #EFE2C3;
	text-align:left;
}

/* FIN BUSCAR UN ESPECIALISTA */

/* FORMULARIO DE HACER CITAS */

form.hacercita { 
	width:527px;
	margin:10px; 
	padding:10px; 
	border:1px solid #816524;
}

.hacercita ul {
	list-style:none;
	margin:0;
	width:220px; 
	float:left;
}

.hacercita ul li {
	height:25px;
	padding:5px;
	border-bottom:1px solid #EFE2C3;
}

.hacercita ul#preguntas {
	margin:0 0 0 5px;
	width:280px; 
}

/* FIN FORMULARIO DE HACER CITAS */

/* LISTADO EXTENSIONES */

div#listado {
	width:750px;
	margin:0 auto;
	background-color:#FFF;
	padding:10px;
}

/* FIN LISTADO EXTENSIONES */

/* GALERIA DE EVENTOS */

div#imgdesc {
	width:365px; 
	height:365px; 
	border-right:1px solid #07C; 
	float:left; 
	overflow:hidden;
	display:block;
}

div#desc {
	width:365px; 
	height:130px; 
	overflow:auto; 
	border-top:1px solid #07C;
}

div#neventos {
	width:200px; 
	height:350px; 
	float:left; 
	overflow:auto;
}

div#imgthumbs {
	width:555px; 
	padding:10px 0; 
	border-top:1px solid #07C; 
	text-align:left;
}

div.thumbs {
	margin:0 5px 5px 0; 
	width:85px; 
	height:57px; 
	overflow:hidden; 
	float:left;
}

div#imgdetail {
	text-align:center; 
	overflow:auto; 
	width:360px; 
	height:250px;
	display:block;
}

ul.neventos{
	list-style:none;
	margin:5px;
}

ul.neventos li {
	background:url(../images/arrow_activ.gif) top left no-repeat;
	padding:0 0 5px 20px;
	margin:5px 0;
	border-bottom:1px solid #07C;
}

/* FIN GALERIA DE EVENTOS */

/* PABELLON HABITACIONES PRIVADAS */

#pabellon { text-align:center; margin-top:25px; }
#pabellon img { padding:10px; border:1px solid #07C; margin-bottom:10px; }

/* FIN PABELLON HABITACIONES PRIVADAS */

/* galeria voluntariado */
#donaciones { background:#07c; border:1px solid #07c; width:210px; font-size:15px; text-align:center; padding:15px; margin:20px 0 30px 20px; font-weight:bold; color:#fff; }
#galvoluntariado { width:auto; float:right; text-align:center; margin-right:15px; }
#galvoluntariado img { border:0; }

#patrocinadores { padding:15px; width:740px; margin:0 auto; background:#fff; text-align:center; border-top:1px solid #07c; }
#patrocinadores h3 { margin:0 0 5px 0; padding:0; }
#patrocinadores img { margin:0 10px 10px 0; }