/* Hoja de estilos creada por Alfaweb 
www.alfawebcr.com
Fabián Vargas info@alfawebcr.com */

*{
margin:0;
padding:0;
}

body{
	font: 11px/1.6em "Verdana", Arial, Helvetica, sans-serif;
	color: #215891;
	background: #CCB16A url(../img/background.jpg) repeat-x left top;
}

ul, ol{
	list-style:none;
	/*list-style-position:inside;*/
	margin:0 0 0 15px;
	padding:0;
}

ul{
	list-style:none;
}
.limpia{clear:both;}
/*-------------Estructura--------*/
#contenedor{
	width:761px;
	margin:0 auto;
}
#wrap{
	width:761px;
	background: url(../img/bg-wrapweb.gif) repeat-y;
}
#encabezado{
	width:761px;
	height:180px;
	/*background: url(../img/encabezado.jpg) no-repeat;*/
}
/*-----------Menu------------*/
#nav{width:761px; height:25px; background: #59612B url(../img/bg-menues.gif) no-repeat 5px 0px; position:relative;}

ul#main{width:610px; height:25px; margin: 0; padding: 0;}
ul#main li{margin: 0; padding: 0; list-style: none; position: absolute; top: 0px;}
ul#main li a{display:block;	height:25px; overflow:hidden; text-indent:-99999em;}
#diocesis{ left:0; width:180px;}
#inicio{left:180px; width:45px;}
#quienes{left:225px; width:95px;}
#donde{left:320px; width:110px;}
#hacemos{left:430px; width:110px;}
#zonas{left:540px; width:60px;}
#colectivos{left:600px; 	width:80px;}
#contacto{left:680px; width:83px;}

#diocesis a:hover{background: transparent url(../img/bg-menues.gif) no-repeat 5px -25px; }
#inicio a:hover{background: transparent url(../img/bg-menues.gif) no-repeat -175px -25px; }
#quienes a:hover{background: transparent url(../img/bg-menues.gif) no-repeat -220px -25px; }
#donde a:hover{background: transparent url(../img/bg-menues.gif) no-repeat -315px -25px; }
#hacemos a:hover{background: transparent url(../img/bg-menues.gif) no-repeat -425px -25px; }
#zonas a:hover{background: transparent url(../img/bg-menues.gif) no-repeat -535px -25px; }
#colectivos a:hover{background: transparent url(../img/bg-menues.gif) no-repeat -595px -25px; }
#contacto a:hover{background: transparent url(../img/bg-menues.gif) no-repeat -675px -25px; }

/*--------menu lateral------*/
ul#lateral{width:194px; list-style:none;}

ul#lateral li{height:38px; margin-bottom:3px;}
ul#lateral li a{
	background: url(../img/btt-menulateral.gif) no-repeat top right;
	color:#3C5466;
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:176px;
	height:28px;
	padding:8px 20px 0 0;
	text-align:right;
}
/*---------------*/
#contenido{width:741px; padding:10px 10px;}
#columna1{width:212px; float:left; margin-right:6px;}

#centro{width:510px; float:right;
}
#central{
float:left;
width:282px;
margin-left:5px;
}

#columna2{float:right; width:212px;}
.bottom{width:761px; height:99px; 	background: url(../img/bg-foot.jpg) no-repeat; margin-bottom:20px;position:relative;}

#menulateral{width:180px; float:left; margin-left:-10px;}
* html #menulateral{margin-left:-5px;}

.top-menu{width:180px; height:104px; background: url(../img/top-menu.jpg) no-repeat;}
.body-menu{width:180px; background: url(../img/body-menu.jpg) repeat-y;}
.bottom-menu{width:180px; height:159px; background: url(../img/bottom-menu.jpg) no-repeat;}

.body-menu ul{
margin:0 0 0 5px;
}
.body-menu ul li{
margin-bottom:5px;
}

.body-menu ul li a{
color:#555;
text-decoration:none;
}
.body-menu ul li a:hover{
color:#f2f2f2;
}
.body-menu ul li a:visited{
text-decoration:underline;
}

/*--------------Encabezados--------*/
h1{width:761px;  height:147px; margin:0;}
h1 a{display:block;	width:761px; height:147px; text-indent:-99999em; overflow:hidden; }

.h1-home{background: url(../img/cabeceras/h1-principal.jpg) no-repeat 5px 0px;}
.h1-quienes{background: url(../img/h1-quienes.jpg) 5px 0 no-repeat;}
.h1-especiales{	background: url(../img/cabeceras/h1-especiales.jpg) no-repeat 5px 0px;}
.h1-enlaces{background: url(../img/cabeceras/h1-enlaces.jpg) no-repeat 5px 0px;}
.h1-albergues{background: url(../img/cabeceras/h1-albergues.jpg) no-repeat 5px 0px;}
.h1-gazteen{background: url(../img/cabeceras/h1-revista.jpg) no-repeat 5px 0px;}
.h1-boletin{background: url(../img/cabeceras/h1-boletin.jpg) no-repeat 5px 0px;}
.h1-noticias{background: url(../img/cabeceras/h1-unoticias.jpg) no-repeat 5px 0px;}
.h1-agenda{	background: url(../img/cabeceras/h1-agenda.jpg) no-repeat 5px 0px;}
.h1-mirando{background: url(../img/cabeceras/h1-mirando.jpg) no-repeat 5px 0px;}
.h1-fotos{background: url(../img/cabeceras/h1-fotos.jpg) no-repeat 5px 0px;}
.h1-recursos{background: url(../img/cabeceras/h1-recursos.jpg) no-repeat 5px 0px;}
.h1-voluntariado{background: url(../img/cabeceras/h1-voluntariado.jpg) no-repeat 5px 0px;}
.h1-palabra{background: url(../img/cabeceras/h1-palabra.jpg) no-repeat 5px 0px;}
.h1-pastilla{background: url(../img/cabeceras/h1-pastilla.jpg) no-repeat 5px 0px;}
.h1-suscribete{background: url(../img/cabeceras/h1-suscribete.jpg) no-repeat 5px 0px;}
.h1-cuentaconmigo{background: url(../img/cabeceras/h1-cuentaconmigo.jpg) no-repeat 5px 0px;}

/*--------Cuadros------*/
.top{
	width:200px;
	background: url(../img/bg-toplateral.gif) no-repeat;
	height: 21px;
}
.top h3{
	padding:3px 0;
	margin-left:10px;
	color:#494949;
	font: bold 12px/1.6em Arial, Helvetica, sans-serif;	
}
.body-lateral{
	width:190px;
	padding:5px;
	background: url(../img/bg-bodylateral.gif) repeat-y;	
}
.bottom-lateral{
	width:200px;
	height:15px;
	background: url(../img/bg-bottomlateral.gif) no-repeat;
	margin-bottom:10px;
}

.top-centro{
	width:316px;
	height:27px;
	background: url(../img/bg-topcentro.gif) no-repeat;
}
.top-centro h2{
	padding:3px 0;
	margin-left:10px;
	color:#fff;
	font: bold 13px/1.8em Arial, Helvetica, sans-serif;	
}
.body-centro{
	width:306px;
	padding:5px;
	background: url(../img/bg-bodycentro.gif) repeat-y;
}
.bottom-centro{
	width:316px;
	height:15px;
	background: url(../img/bg-bottomcentro.gif) no-repeat;
	margin-bottom:10px;
}
.top-central{
	width:516px;
	background: url(../img/top-encabezados.gif) repeat-x;
	height:19px;
	padding-top:5px;
}
.top-central h2{
	margin-left:10px;
	color:#fff;
	font: bold 11px/1.3em Arial, Helvetica, sans-serif;	
}
.body-central{
	width:496px;
	padding:10px;
}
.body-central h3{
	font: bold 13px/1.4em Verdana, Arial, Helvetica, sans-serif;
	color: #5C6E00;
	margin:20px 0 5px 0;
	text-transform: uppercase;
}
.bottom-central{
	width:516px;
	height:30px;
	background: url(../img/corte.jpg) no-repeat right bottom;
	margin-bottom:10px;
}

/*-------Fotos Internas--------*/
.fotos-internas{
	float:left;
	padding:4px;
	border:1px solid #555555;
	margin:0 15px 5px 0;
}

.fotos-internas2{
	float:right;
	padding:4px;
	border:1px solid #555555;
	margin:0 15px 5px 0;
}

/*--------Nuevo diseño-----------*/
.cuadro-naranja{
width:201px;
border:1px solid #A04B0A;
margin-bottom:10px;
padding:2px 7px 5px 2px;
}

.cuadro-naranja h3{
	width:203px;
	height:17px;
	color: #fff;
	background: #A04B0A;
	margin-bottom:5px;
	font: bold 11px/1.6em Verdana, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
}
.cuadro-naranja h3 a, .cuadro-destacado h3 a{
	color:#fff;
	text-decoration:none;
}

.flash-portada{
	width:510px;
	height:150px;
	margin-bottom:20px;
	background:#000;
}

.cuadro-gris{
float:right;
width:199px;
border:1px solid #D58906;
margin-bottom:10px;
padding:2px 7px 5px 2px;
}
.cuadro-destacado{
float:left;
width:282px;
border:1px solid #A04B0A;
margin-bottom:10px;
padding:2px 7px 5px 2px;
}

.cuadro-gris h3{
	width:197px;
	height:17px;
	color: #fff;
	background: #D58906;
	margin-bottom:5px;
	font: bold 11px/1.6em Verdana, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
}

.cuadro-destacado h3{
	width:280px;
	height:17px;
	color: #fff;
	background: #A04B0A;
	margin-bottom:5px;
	font: bold 11px/1.6em Verdana, Arial, Helvetica, sans-serif;
}

ul#destacadas, ul#ultimas-noticias{
width:280px;
}

ul#destacadas li, ul#ultimas-noticias li{
display:block;
overflow:hidden;
margin-bottom:15px;
}
ul#destacadas li img, ul#ultimas-noticias li img{
float:left;
margin-right:5px;
}
ul#albumes{
margin:20px 0;
}
ul#albumes li{
float:left;
margin-left:10px;
}

ul#espaciados li{
margin-bottom:15px;
}
/*----- Agenda---------*/
body#agenda #centro{
width:731px;
}

body#agenda .top-central, body#agenda .bottom-central{
width:731px;
}

body#agenda .body-central{
width:700px;
}

/*-------------*/

.alfaweb{
position:absolute;
width:120px;
height:20px;
display:block;
text-indent:-1000em;
right:0;
bottom:7px;
}

.subir{
	padding-left:20px;
	background: url(../img/subir.gif) no-repeat left center;
}
.naranja{
color:#ff9933;
}

fieldset.cine{
padding:10px;
}

form.cines input{
width:15em;
}

form.cines dt, form.cines dd, {
margin-bottom:10px;
}

form.cines dd{
text-indent:15px;
}

.users ol li{
list-style:inside;
margin-bottom:5px;
}



div.red_social{float: left; width: 99%; margin: 5px 0 10px 0; background-color:#ECEFDC; clear: both; padding: 8px 3px 3px 3px;}
div.red_social a{color:#1B2964; text-decoration: none;}
div.red_social a:hover{color: #666; text-decoration: underline;}
div.red_social div.facebook{float: left; margin: 0 5px 0 0; border-right: 1px solid #ccc;width: auto; padding: 0 5px 0 0;}
div.red_social div.twitter{float: left; margin: 0 5px 0 0; border-right: 1px solid #ccc;width: auto; padding: 0 5px 0 0;}

div.red_social div.delicious{float: left; margin: 0 5px 0 0; border-right: 1px solid #ccc;width: auto; padding: 0 5px 0 20px; /*background: url(../images/delicious.gif) no-repeat left top;*/}
div.red_social div.rss{float: left; margin: 0 5px 0 0; background: url(../images/rss_mini_2.gif) no-repeat left 3px; width: auto; padding: 5px 5px 0 20px;}
div.red_social div.addthis_toolbox{float: left; width: auto; margin: 0 20px 0 0;}
div.red_social a.addthis_button_facebook_like{width: 110px;}
div.red_social a.addthis_button_tweet{width: 80px;}