@charset "UTF-8";
/* CSS Document */
/* Descripción: 
Autor: 
Ultima actualización: junio 2010, por E.Pravia */

/* Llamar fuente del servidor en CSS3 */

@font-face {
	font-family: "Gotham";
	src: url("/include/fonts/Gotham-Black.otf")
}


/* Header styles */

#wrapper {
	width: 950px;
	display: block;
	margin: 0 auto;
	}

#header {
	clear:both;
	float:left;
	width:100%;
	border-bottom: 3px solid #000;
	display: block;
	position: relative;
	}
	
#header .logotipo {
	margin: 11px 0;
	width: 20%;
	display: block;
	float: left;
	height: 43px;
	overflow: hidden;
}

/* inicia menu top */	
#header .menu {
	margin-top: 20px;
	width: 80%;
	height: 40px;
	overflow: hidden;
	}

#header .menu ul {
	margin: 0;
	padding: 0;
	float: right;
	}

#header .menu ul li {
	display: inline;
	position: relative;
	}

#header .menu a {
	text-decoration: none;
	font: bold .9em Arial;
	text-transform: uppercase;
	color: #fff;
	float: left;
	width: 105px;
	margin-right: 2px;
	padding-top: 6px;
	padding-bottom: 20px;
	text-align: center;
	}
	
#header .menu ul li a:visited { color: #fff; }

#header .menu a:hover, .menu ul li .current {
	color: #fff;
	background: top url(../imagenes/b_01h.png) no-repeat;
	}
	
#header .selected a {
	color: #fff;
	background: top url(../imagenes/b_01s.png) no-repeat;
	}
	
#header .registro a {
	color: #fff;
	background: top url(../imagenes/b_01red.png) no-repeat;
	}

/* contenido */
	
#contenido {
	clear:both;
	display: block;
	height: 300px;
	position: relative;
	}
	
#contenido .encabezado {
	background-color: #8bc53f;
	color: #fff;
	width: 100%;
	}
	
#contenido .encabezado h1 {
	font: 21pt Gotham, Arial, sans-serif normal;
	text-shadow: 0px 2px 1px #73a334;
	padding:.9em 28px 25px 28px;
	line-height: 1.3em;	
	text-transform: uppercase;
	}
	
#contenido .imagenbox {
	display: block;
	position: relative;
	}
		
#contenido .imagenbox img,
#contenido .imagenbox a:link {margin:0; padding: 0;}


/* column container */
.colmask {
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}
/* 2 Column (double page) settings */
.doublepage {
	background:#dfedfc;		/* right column background colour */
}
.doublepage .colleft {
	right:25%;			/* right column width */
	background:#fff;		/* left column background colour */
}
.doublepage .col1 {
	width:71%;			/* left column content width (column width minus left and right padding) */
	left:27%;			/* right column width plus left column left padding */
}
.doublepage .col2 {
	width:21%;			/* right column content width (column width minus left and right padding) */
	left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}




/* types por columna 1 */
    
.doublepage .col1 h3 {
	padding-top:.8em;
	color: #333;
	font: 15pt Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}
	
.doublepage .col1 p {
	padding:.8em 0;
	color: #333;
	font: 14pt Arial, Helvetica, sans-serif normal;
	border-bottom: 1px dotted #999;
	line-height: 18pt;
	}
	
.doublepage .col1 a {
	text-decoration: none;
	color: #333;
	}
	
.doublepage .col1 a:visited { color: #333; }

.doublepage .col1 a:hover, 
.doublepage .col1 .current {
	color: #000;
	text-decoration: underline;
	}
	
.doublepage .col1 img {
	margin: 3px 10px 5px 0;
	padding: 7px;
	background-color: #eee;
	float: left;
	display: inline;
	}
	
.doublepage .col1 table img {
	margin: 3px 10px 5px 0;
	padding: 0;
	background-color: transparent;
	float: left;
	display: inline;
	}

	
	
/* types por columna 2 y 3 */

.hidden {display:none;}
    
.doublepage .col2 h3 {
	padding-top:.8em;
	color: #608bc2;
	font: 11pt Arial, sans-serif;
	text-transform: uppercase;
	}
	
.doublepage .col2 p {
	padding-bottom:.8em;
	color: #608bc2;
	font: 9pt Arial, Helvetica, sans-serif normal;
	border-bottom: 1px dotted #608bc2;
	line-height: 13pt;
	}
	
.doublepage .col2 a {
	text-decoration: none;
	color: #2b619a;
	}
	
.doublepage .col2 a:visited { color: #316dae; }

.doublepage .col2 a:hover, 
.doublepage .col2 .current {
	color: #000;
	text-decoration: underline;
	}
	
.doublepage .col2 img {
	margin: 10px 10px 10px 0;
	padding: 0;
	background-color: none;
	position: relative;
	display: block;
	}
	
.doublepage .col2 ul {
	float: left;
	}
	
.doublepage .col2 ul li {
	display: list-item;
	position: relative;
	}
	
.doublepage .col2 li {
	padding:.4em 0;
	color: #608bc2;
	font: 9pt Arial, sans-serif normal;
	line-height: 13pt;
	}

/* Footer */

#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:3px solid #000;
    }

#footer p {
	padding: .8em;
	color: #000;
	font: 9pt Arial, Helvetica, sans-serif normal;
	line-height: 14pt;
	}
	
#footer a {
	text-decoration: none;
	color: #000;
	}
	
#footer a:visited { color: #333; }

#footer a:hover, 
#footer .current {
	color: #fff;
	text-decoration: underline;
	}