/* Ocultar hoja de estilos a navegadores viejos. */
/*@import url("cita.css");*/


/* CSS: www.clowngroup.com.ar - Ultima modificacion: 22/03/2005  */
/* 23-08-06 14.50 - 15.30*/
/* 24-08-06 - 17.31  - 18.31 */
/* 31-08-06 - 8.00  - 11.30*/
/* 06-09-06 - 7.00 - 9.30 */
/* 14-11-07 - 18.33 - 18.40 */

/* ----------/Base/ ----------*/
*{
	margin: 0;
	padding: 0;
}
body{
	background: #50ACBB url(img/body.jpg) center top no-repeat;
}
p{
	font: 0.8em/1.4em Verdana,Arial,Helvetica,sans-serif;
	color: #444;
	margin: 6px 20px;
	padding: 0;
}
a{
	color: #B331A3;
	color: #8E3C86;
	outline: none;
}
a:hover	{
	color: #D85420;
	color: #2A9EB5;
}
img{
	border: 0;
}
blockquote{margin: 30px; padding: 10px; border: 1px solid #ccc;}
blockquote.destacado{
	margin: 10px 20px; 
	padding: 10px; 
	border: 1px solid #FFEAD1;
	border-bottom: 3px solid #FFEAD1;
	background-color: #FFf;
}
form{margin: 15px 40px; padding: 20px; border: 1px solid #E9E9E4; background-color: #F7F7F5;}
label{font: 0.8em Verdana,Arial,Helvetica,sans-serif; color:#666; float: left}
input, textarea{border: 1px solid #E9E9E4; margin: 2px; padding: 2px; clear:left; background-color: #F1F1EC;background-color: #FFF;overflow:auto}
caption{font: 0.9em Verdana,Arial,Helvetica,sans-serif; color: #D85420}
table{margin: 0 auto; padding: 0;}
span{display: none;}


/* ----------/Listas/ ----------*/
ul.proximos{
	list-style-image: url(img/list.gif);
	margin: 8px 10px 15px 35px;
	background: url(img/break.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 45px;
	padding-left: 10px;
}
ul.proximos li,ul.arrow li,ol li{font: 0.8em Verdana,Arial,Helvetica,sans-serif; color: #333; padding: 0 0 10px 0;vertical-align:top}
ul.proximos a,ul.arrow li a{color: #319DB3}
ul.proximos a:hover,ul.arrow li a:hover{color: #44B9CF}
ul.arrow{
	list-style-image: url(img/list.gif);
	margin: 8px 10px 15px 35px;
	padding-bottom: 5px;
	padding-left: 10px;
}
ol{
	margin: 8px 15px!important;
	margin: 8px 55px;
}
ol li{padding: 8px 15px;}



/* ----------/Estructura/ ----------*/
#main{
	width:752px; 
	text-align:left; 
	margin-left:auto; 
	margin-right:auto; 
	padding: 0;
	position: relative;
	background: #F7F7F7 url(img/main.gif) left repeat-y;
}
#encabezado{
	width: 752px;
	height: 97px;
	margin: 0 auto; 
	position: relative;
}
#encabezado ul{
	position: absolute;
	top: 0;
	left: 210px;
}
#encabezado li{
	float: left;
	background-repeat: no-repeat;
	margin: 0 16px 0 0; 
	list-style: none;
}
#encabezado li a{
	display: block;
	height: 69px;
	text-indent: -9999px;
}
/* botones superiores */
#membresia{width: 107px;background: url(img/boton-membresia.gif);}
#donaciones{width: 122px;background: url(img/boton-donaciones.gif);}
#tramites{width: 265px;background: url(img/boton-tramites.gif);}


#menu{/* contendra la imagen o flash */
	width: 752px;
	height: 144px;
	margin: 0;
	padding: 0;
}
#menu p{
	margin: 0;
	padding: 0;
	height: 15px;	
}
#menu object, #menu img{
	float: right;
}
#menu-content{
	margin: 0;
	padding: 0;
	width: 180px;
	height: 500px;
	position: absolute;
}
#menu-bott{
	width: 165px;
	height: 15px;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	background-image: url(img/menu-bott.gif);
	background-repeat: no-repeat;
}
#contenido{
	margin: 0 0 0 200px;	
	padding: 15px 0 35px 0;
	vertical-align: top;
	background: url(img/top-contenido.gif) top repeat-x;
}


h1,h2,h3,h4,h5,h6{
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
}
h1{
	text-indent: -9999px;
	}
h1 a{
	width: 202px;
	height: 97px;
	display: block;
	background: url(img/logo.jpg) no-repeat;
}
h2{
	height: 45px; 
	font-size: 0.95em; 
	color: #3995A4;
	background-repeat: no-repeat;
	background-position: 15px 0;
	text-indent: -9999px; 
	display: block;
}
h3{margin: 5px 0 8px 20px;font-size:1em;color: #175561;}
h4{margin: 20px 0 8px 20px;font-size:0.9em;color: #50ACBB;}
h5{margin: 5px 0 8px 20px;font-size:0.85em;color: #90B73B;}
h6{margin: 0 20px;padding:0;font-size: 0.7em;}

h2.bienvenida{background-image:url(img/titulos/h2-bienvenida.gif);}
h2.nosotros{background-image:url(img/titulos/h2-nosotros.gif);}
h2.credo{background-image:url(img/titulos/h2-credo-social.gif);}
h2.vision{background-image:url(img/titulos/h2-vision.gif);}
h2.cursos{background-image:url(img/titulos/h2-cursos.gif);}
h2.hojas{background-image:url(img/titulos/h2-hojas.gif);}
h2.contacto{background-image:url(img/titulos/h2-contacto.gif);}
h2.membresia{background-image:url(img/titulos/h2-membresia.gif);}
h2.tramites{background-image:url(img/titulos/h2-tramites.gif);}
h2.comunidad{background-image:url(img/titulos/h2-comunidad.gif);}
h2.testimonios{background-image:url(img/titulos/h2-testimonios.gif);}
h2.debates{background-image:url(img/titulos/h2-debates.gif);}
h2.pago{background-image:url(img/titulos/h2-pago.gif);}
h2.articulospdf{background-image:url(img/titulos/h2-articulospdf.gif);}
h2.enlaces{background-image:url(img/titulos/h2-enlaces.gif);}
h2.agenda{background-image:url(img/titulos/h2-agenda.gif);}
h2.donaciones{background-image:url(img/titulos/h2-donaciones.gif); 	background-position: 15px 1px;}
h2.infoinst{background-image:url(img/titulos/h2-infoinst.gif);}

/* ----------/Nav/ ----------*/
#nav{
	width: 191px;
	margin: 0 0 0 5px; 
}
#nav ul{
	list-style: none;
	position: absolute;
	font: 12px/1.4em Tahoma,"Trebuchet MS",Verdana,sans-serif; 
	background: url(img/nav-bottom.gif) -4px bottom no-repeat;
	padding-bottom: 29px;
}
#nav ul li a{
	width: 161px;
	color: #fff;
	padding: 2px 0 3px 15px; 
	margin: 0 0 0 8px; 
	display: block;
	text-decoration: none;
	background: url(img/nav-lia.gif) no-repeat;
}
#nav ul li a:hover{
	color: #175561;
	}

	
#pie{
	width: 752px;
	height: 135px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	background: #50ACBB;
	position: relative;
	border-top: 5px solid #E8F7F7; 
}
#pie p{
		color: #fff;
		font-size: 11px;
}
#pie a{
	color: #fff;
}
#pie a:hover{
	color: #D7F0F4;
}
#alert{
	width: 150px;
	height: 40px;
	border: 1px solid #000;
	float: right;
	margin: -22px 15px 0 0;
}
* html body #alert{
	margin: -40px 10px 0 0;
}


/* ----------/Varios - Id/ ----------*/
#solicitud{
	width: 536px;
	height: 186px;
	margin-left: 20px;
	padding-top:6px;
	background-image:  url(img/solicitud-bg.gif);
	background-repeat: no-repeat;
}
#cursos-data{
	padding: 8px;
	margin: 0 20px 40px 0;
}
#cursos-data b{
	color: #333;
}
#form-avisos{
	height: 460px;
}

/* ----------/Varios - Class/ ----------*/
.curso{
	margin: 5px 25px 30px 5px;
}
.datos {
	margin: 10px 1px 25px 0;
}
.datos p{
	border-bottom: 1px solid #D0CCD0;
	padding: 10px 20px;
	margin: 0;
}
.datos b{
	color:#608CC0;
}
.nota{
	font: bold 0.8em Verdana,Arial,Helvetica,sans-serif;
	color: #333;
	margin: 20px;
}
.afiliacion{
	margin: 25px;
}
.hojas-info{
	margin:0 40px 20px 0;padding: 0;
	font-size: 0.7em;
}
.firma{
	font-style: italic;
	color: #999;
	margin: 20px;
}
.post{
	margin: 30px 20px;
	padding: 0;
	border-bottom: 1px solid #F4DFC7;
}
.post p{
	margin: 5px;
}
.post h3{
	margin: 5px;
}
.post-info{
	padding: 0px;
	margin: 15px 0 0 0;
}
.post-info p{
	font-size: 10px;
	color: #666;
}
.enviar{border:0;}
.h-vida{
	clear: both;

	margin: 5px;
	}

#form-opinion{
	border: 1px solid #398E9B;
	border-bottom: 6px solid #398E9B;
	background-color: #50ACBB;
	margin: 0 25px; 
}
#form-opinion label{
	color: #fff;
}

.opinion{	
	border: 1px solid #E0E0E0;
	border-bottom: 6px solid #eaeaea;
	margin: 5px 25px 10px 25px;
	padding: 0;
	background-color: #fff;
}
.opinion-d a{color: #888}
.opinion-d{
	font-size: 10px;
	color: #999;
	border-top: 1px solid #eaeaea;
	margin-top: 15px
}
.pdfs{
	margin: 15px;
	height: 80px;
	background-color: #F7F7F5;	
	border: 1px solid #E0E0DD;
	border-bottom: 3px solid #E0E0DD;
}
.pdfs:hover{
	background-color: #FFF;	
	border: 1px solid #D6D6D5;
	border-bottom: 3px solid #D6D6D5;
}
.pdfs p{
	padding-top: 8px;
}
/* ----------/Imagenes/ ----------*/
img{border:0;margin:0;padding:0}
img.hojas-foto{float:left;margin: 0 10px 20px 25px;}
img.centro{margin-left: 115px;margin-bottom: 20px;}
img.derecha{float: right;margin: 10px;}
img.izquierda{float: left;margin: 10px;}
img.error{margin: 0 10px 0 20px; float: left}


.fechas{
	padding: 0 10px 15px 70px; 
	margin: 10px 30px 40px 30px;
	background: url(img/agenda.gif) no-repeat;
	border-bottom: 1px solid #ececec;
}