3@charset "UTF-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);

* {
	font-family: 'Raleway', sans-serif;
}

body {
	font-family:Verdana, Geneva, sans-serif;
	background:#C6C6C6 url(imagenes/fondo-01.png) repeat-x top;
	padding:10px;
}

#cuerpo {
	margin:auto;
	width:802px;
	height:auto;
}


#contenido {
	background:#E6F7FC;
	max-width:802px;
	height:100%;
	padding:20px;
	overflow:hidden;
}

#footer {
	background:#003657; 
	font-size:.55em;
	color:#F5F5F5;
	text-align:center;
	padding:1em;
}

.botones {
	background:url(imagenes/menu_barra.png) top repeat-x;
	width:100%;
	height:50px;
	margin:0px;
	padding:0px;
}


.menu {list-style: none; margin:none; padding:0;}
.menu * {margin:0px; padding:0px; }
.menu a {display:block; color:#FFF; text-decoration:none;}
.menu li {position:relative; float:left; margin-right:5px; width:108px; list-style:none; border:solid 1px #A9DAEA;}
.menu ul {position:absolute; top:50px; left:-1px; background:none; display:none; opacity:0; list-style:none;}
.menu ul li {position:relative; border:1px solid #A9DAEA; border-top:none; width:108px; text-align: center; margin:0;}
.menu ul li a {display:block; padding:3px 7px 5px; background-color:#176E9E; font-size:.7em;}
.menu ul li a:hover {background-color:#1591B7; color:#A9DAEA;}
.menu .menulink { list-style:none; text-align:center; padding:0px; background:none; color:#FFF;  background:url(imagenes/boton_2.png) center repeat-x; min-width:93px; min-height:50px; font-size:.8em; font-weight:regular;}
.menu .menulink:hover, ul.menu .menuhover {color:#A9DAEA; text-decoration:underline;}



#inicio {
	background:url(imagenes/boton.png) left no-repeat;
}


.socio {
	height:49px;
	margin:30px;
}

.renglon {
	display: table;
	margin-top:20px;
	background:#E2E2E2;
	color:#7F7F7F;
	font-weight:bold;
	padding:1em;
	width:725px;
	height:306px;
}

.columna{
	width:373px;
	margin-top:0px;
	margin-bottom:0px;
}

.margen_izq {
	margin-left:15px;
}

.comunicado {
	width:759px;
	background:#0A465E;
	color:#F5F5F5;
	font-size:.7em;
}
.tit_com {
	color:#FFF;
	width:370px;
	overflow:hidden;
	float:left;
	padding:.5em;
	font-size:1.2em;
}
.comunicado p {
	padding:.7em;
}
.imagen_com {
	padding:1em;
	width:350px;
}

.imagen_com2 {
	padding:1em;
	width:121px;
}

.seccion1 {
	width:371px;
	background:#A9DAEA;
	color:#003449V;
	font-size:.8em;
}
.seccion1 p {
	padding:.8em;
}
.seccion2 {
	width:371px;
	background:#5A8FA3;
	color:#FFF;
	font-size:.8em;
}
.seccion2 p {
	padding:.8em;
}
.seccion3 {
	width:759px;
	margin-top:1.7em;
}

form {
	padding:1em;
}

.titulo1 {
	background:url(imagenes/titulo_seccion.png) center repeat-y;
	width:auto;
	color:#FFF;
	text-align:center;
	padding:1em;
	font-size:1.2em;
}
.titulo2 {
	background:url(imagenes/titulo_seccion_2.png) center repeat-y;
	width:auto;
	color:#FFF;
	text-align:center;
	padding:1em;
	font-size:1.2em;
}

.termino_glosario {
	font-weight:bold;
	font-style:italic;
	color:#069;
	font-size:1.2em;
}

.imagen_reg {
	padding:1em;
}

.resumen {
	padding:1em;
	width:720px;
}

#publicaciones {
	width:759px;
	height:210px;
	border:none;
	background:#E2E2E2;
	margin-top:1.8em;
}

.enlace a {
	color:#FFF;
	text-decoration:underline;
}

.enlace a:hover {
	color:#CCC;
	text-decoration:none;
	font-size:1.2em;
}

.enlace2 a {
	color:#000;
	text-decoration:none;
}

.enlace2 a:hover {
	color:#666;
	text-decoration:none;
	font-size:1.2em;
	font-weight:bold;
}

.enlace3 a {
	color:#FFF;
	text-decoration:none;
}

.enlace3 a:hover {
	color:#CCC;
	text-decoration:none;
	font-size:1.2em;
	font-weight:bold;
}

.izquierda {
	float:left;
}
.derecha {
	float:right;
}

.subindice {
	vertical-align:sub;
	font-size:.7em;
}
.superindice {
	vertical-align:text-top;
	font-size:.7em;
}


#container {
	width:680px;
	height:320px;
	padding:10px;
	margin:auto;
	position:relative;
	z-index:0;
	background:#0A465E;
}

#example {
	width:700px;
	height:350px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:25px;
	left:-13px;
	z-index:500;
}


/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:670px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:670px;
	height:270px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:80px;
	left:-38px;
	width:24px;
	height:200px;
	display:block;
	z-index:101;
}

#slides .next {
	left:686px;
}

/*
	Pagination
*/

.pagination {
	margin:17px auto 0;
	width:400px;
}

.pagination  li {
	float:left;
	margin:0 12px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image: url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:50px;
	padding:2px 20px 0 20px;
	background:url(imagenes/fondo_pub.png) repeat;
	width:680px;
	font-size:.7em;
	font-weight:bold;
	line-height:1.33;
	color:#F5F5F5;
	border-top:1px solid #000;
	text-shadow:none;
}

    .box_container{
    position:relative; /* important */
    width:143px; /* we must set a specific width of the container, so it doesn't strech when the image starts moving */
    height:208px; /* important if you use slidedown/slideup effects (check the demo). */
    overflow:hidden; /* hide the content that goes beyond the div limits */
    /*just styling bellow*/
    background: black;
    color:white;
	float:left;
	margin:15px;
    }
    .box_image{
	position:absolute; /* important - to get the image position on top of the text */
	bottom:-156px;
	width:143px;
	height:203px;
	background:url(imagenes/fondo_pub.png) repeat;
	border-top: 3px solid #0367b3;
	font-size:.7em;
	font-weight:normal;
    }
	
	.box_image p {
		margin:5px 5px 15px 5px;
	}
	
	.box_image a {
		color:#FFF;
		text-decoration:none;
	}
	
	.box_image a:hover {
		text-decoration:underline;
	}