/* CSS Document */


html {
	height: 100%;
	margin-bottom: 0px;
	}

form {
	margin: 0;
	padding: 0;
	}
/****************************************************************** FONDO*/
body {
	margin: 0px 0px 0px 0px;
	background-image:url(../images/fondo_total.png);
	font-family: "Arial", Helvetica, sans-serif, Verdana, Lucida;
	font-size:12px;
	color:#000000;
	background-repeat: repeat-x;
	background-color: #363636;
	}
/****************************************************************** ENLACES*/
a {
	text-decoration: underline;
	background-color: transparent;
	text-decoration:none;
	}
a:link {
	color:#000066;
	text-decoration:none;
	}
a:visited {
	color:#006699;
}
a:hover, a:active {
	color: #7AA0D1;
	text-decoration:none;
	}


/****************************************************************** TITULOS Y PARRAFOS*/
h1 {
	font-family: "Arial", Helvetica, sans-serif, Verdana, Lucida;
	font-size:24px;
	font-weight: bold;
	}
h2 {
	font-family: "Arial", Helvetica, sans-serif, Verdana, Lucida;
	font-size:14px;
	margin-top:0px;
	margin-bottom:0px;
	}
h3 {
	font-family: "Arial", Helvetica, sans-serif, Verdana, Lucida;
    font-size: 16px;
	margin-top:0px;
	margin-bottom:0px;
	}
h4 {
	font-family: "Arial", Helvetica, sans-serif, Verdana, Lucida;
	font-size:10px;
	margin:0;
	}
h5 {
	font-family: "Arial", Helvetica, sans-serif, Verdana, Lucida;
	font-size:10px;
	margin:0;
	}
h6 {
	font-family: "Arial", Helvetica, sans-serif, Verdana, Lucida;
	font-size:10px;
	margin:0;
	}			
/****************************************************************** ESTRUCUTURA*/
#top {
	width:980px;
	height:289px;
	padding: 0px 0px 0px 0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	background-image:url(../images/top_fondo.png);
	}
#menu {
	width:815px;
	height:121px;
	background-image:url(../images/memu_superior_fondo.png);
	padding: 0px 0px 0px 165px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	}
#banner {
	width:980px;
	height:131px;
	background-color:#FFFFFF;
	padding: 0px 0px 0px 0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	}
#contenedor {
	width:980px;
	height:auto;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/contenedor_fondo.png);
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	overflow:hidden;
	background-repeat: repeat;
	}
#contenedor1 {
	width:auto;
	height:248px;
	padding: 0px 0px 0px 0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	background-image:url(../images/fondo_total2.png);
	text-align:center;
	}
#contenedor2 {
	width:950px;
	height:174px;
	padding: 30px 0px 0px 30px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	background-image:url(../images/contenedor_fondo2.png);
	background-repeat: no-repeat;
	}
#columna {
	float:left;
	display:block;
	width:213px;
	padding-left:50px;
	height:auto;
	border:0px solid #00FF00;
	}
#horizontal {
	display:block;
	float:right;
	width:690px;
	height:auto;
	margin:0;
	border:0px solid #00FF00;
	background-repeat:no-repeat;
	}
#contenido {
	width:590px;
	height:auto;
	margin: 0px 20px 20px 10px;
	border:0px solid #00FF00;
	overflow:hidden;
	border:0px solid #00FF00;
	}
#lateral {
	float: right;
	width:300px;
	height:auto;
	padding: 0px;
	margin: 20px 0px 0px 0px;
	border:0px solid #00FF00;
	float: right;
	margin-left: 20px;
}
#lateral2 {
	float: right;
	width:264px;
	height:auto;
	margin: 20px 0px 0px 0px;
	border:2px solid #CC0000;
	float: left;
	margin-left: 20px;
	background-color: #eeeeee;
}
#portada {
	float:left;
	width:650px;
	height:auto;
	margin-left: 20px;
	border:0px solid #00FF00;
	}
#portada .visor {
	float:left;
	width:610px;
	height:369px;
	padding:16px 16px 28px 16px;
	border:0px solid #FF0000;
	background-image:url(../images/rotator_visor.png);
	}
/*#inf {
	width:auto;
	height:143px;
	background-image:url(../images/inf_fondo.png);
	padding: 0px 0px 0px 0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	text-align: center;
	color:#0099FF;
	font-size:14px;
	font-weight:bold;
	z-index:99999;
	}*/
#inf2 {
	width:960px;
	height:45px;
	background-image:url(../images/inf_fondo.png);
	padding: 110px 0px 30px 20px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	text-align: left;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	z-index:99999;
	background-repeat: no-repeat;
	}
/****************************************************************** TOP*/
#top .banner{
	width:780px;
	height:219px;
	background-image:url(../images/top_fondo2.png);
	}
#top .banner_g{
	width:780px;
	height:219px;
	background-image:url(../images/top_fondo_g.png);
	}
#top .banner_m{
	width:780px;
	height:219px;
	background-image:url(../images/top_fondo_m.png);
	}
/****************************************************************** COLUMNA*/
#columna .seccion {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	height:24px;
	background:url(../images/lateral_seccion.gif);
	background-position: 5px 5px;
	background-color:#1F5461;
	background-repeat:no-repeat;
	border:1px solid #5590A0;
	padding:4px 0px 0px 30px;
	color:#FFF;
	font-size:14px;
	}
a.columna_menu:link, a.columna_menu:visited {
	display: block;
	background:url(../images/columna_boton.png);
	background-position:0px 2px;
	background-repeat:no-repeat;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	padding:8px 10px 0px 0px;
	text-align: right;
	margin-bottom:5px;
	color: #FFFFFF;
	border: 0px solid #537A98;
	height: 22px;
	}
a.columna_menu:hover {
	background-position: 0px -30px;
	text-decoration: none;
	background-color:#537A98;
	border: 0px solid #537A98;
	color:#A1DEF2;
	}
#columna .tab {
	display: block;
	border: 1px solid #2B5C75;
	background: url(../images/lateral_cuadro.png);
	padding:10px 5px 10px 5px;
	margin-bottom:2px;
	text-align:center;
	}
	
#portada .bienve {
	font-family:"Times New Roman", Times, serif;
	width:340px;
	color:#bc8d5a;
	font-size:28px;
	font-weight:bold;
	margin:0px 10px 20px 10px;
	border-bottom: 1px solid;
	}
#portada .ilustra {
	height:199px;
	width:300px;
	background: url(../images/portada_ilustra.png);
	}
#portada .texto {
	background-repeat:no-repeat;
	padding:10px 10px 10px 10px;
	margin:0px 0px 0px 0px;
	text-align: justify;
	color: #000000;
	}
#lateral h2 {
	padding:5px 0px 5px 5px;
	color: #FFF;
	border: 0px solid #537A98;
	width:259px;
	background-color:#CC0000;
	}
#lateral2 h2 {
	padding:5px 0px 5px 5px;
	color: #FFF;
	border: 0px solid #537A98;
	width:259px;
	background-color:#CC0000;
	margin-bottom: 10px;
	}
#lateral2 .contenido_lat{
	width: 235px;
	height: auto;
	margin-left: 10px;
	margin-top: 0px;
	padding-left: 15px;
	margin-bottom: 10px;
}
#lateral2 .imagen_lateral {
	width: 200px;
	height: auto;
	display: block;
	padding: 5px;
	border: 2px solid #CC0000;
	background-color: #FFFFFF;
	margin-bottom: 10px;
}
#lateral2 .tit_lateral{
	width: 180px;
	height: auto;
	margin-top: 0px;
	color: #FF0000;
	margin-bottom: 10px;
	margin-right: 5px;
	margin-left: 5px;
	font-weight: bold;
	background-image: url(../images/contenido_h2.png);
	background-repeat: no-repeat;
	padding-left: 20px;
}
#contenedor2 .imagenes_box {
	float:left;
	width:188px;
	border:0px solid #00FF00;
	margin: 10px 5px 0px 5px;
	text-align:center;
	}
#contenedor2 .imagenes {
	padding:5px;
	background-color:#FFFFFF;
	margin-bottom:5px;
	width: 160px;
	}
#contenedor2 .seccion {
	display:block;
	color:#68C8FC;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	height:20px;
	padding:7px 0px 0px 30px;
	background: url(../images/contenedor2_seccion.png) no-repeat;
	}	
#contenedor2 a:link {
	color:#FFF;
	text-decoration:none;
	}
#contenedor2 a:visited {
	color:#CCCCCC;
}
#contenedor2 a:hover, a:active {
	color: #FF0000;
	text-decoration:none;
	}
/****************************************************************** INFERIOR*/
#inf .tab {
	display: block;
	border: 1px solid #24485A;
	background: url(../images/lateral_cuadro.png);
	padding:5px 5px 5px 5px;
	}

/****************************************************************** MENUS*/
a.menu_superior:link, a.menu_superior:visited {
	display: block;
	font-family:Arial,Verdana, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration: none;
	text-transform:uppercase;
	font-size: 14px;
	padding:20px 15px 0px 15px;
	color:#FFFFFF;
	height: 37px;
	border:0px solid #D0DDE5;
	margin: 0px 110px 1px 0px;
	}
a.menu_superior:hover {
	text-decoration: none;
	color:#FFCC00;
	border:0px solid #D0DDE5;
	}	
a.menu_lateral:link, a.menu_lateral:visited {
	display: block;
	background: url(../images/menu_lateral.png) no-repeat;
	font-family:  Arial,Verdana, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration: none;
	text-transform:uppercase;
	font-size: 10px;
	padding:6px 0px 0px 28px;
	color: #1D325B;
	border: 1px solid #BCD1ED;
	height: 19px;
	}
a.menu_lateral:hover {
	background-position: 0px -25px;
	text-decoration: none;
	background-color:#FFFFFF;
	border: 1px solid #A0BDE2;
	color:#7AA0D1;
	}	

/****************************************************************** PAGINADOR*/
a.paginador:link, a.paginador:visited {
	background: url(../images/boton.jpg) 0 0 repeat-x;
	background-color:#CCC;
	text-decoration: none;
	font-size: 10px;
	padding: 7px;
	color: #003366;
	border: 1px solid #FF6E00;
	}
a.paginador:hover {
	background-position: 0px -20px;
	border: 1px solid #FFCC00;
	text-decoration: none;
	color: #000099;
	}
.paginador_des {
	background: url(../images/boton.jpg) 0 0 repeat-x;
	background-position: 0px -20px;
	background-color:#003366;
	text-decoration: none;
	font-size: 10px;
	padding: 7px;
	color: #FFF;
	border: 1px solid #FFCC00;
	}	

/****************************************************************** FORMULARIO*/
input.text {
	border: 1px solid #BCD1ED;
	margin: 0;
	height:16px;
	background: url(../images/form_fondo.png);
	font-family: "Arial", Helvetica, sans-serif, Verdana, Lucida;
	background-color:#EFF6FF;
	padding: 2px;
	color:#1D325B;
	font-size:12px;
	}
textarea {
	border: 1px solid #BCD1ED;
	background: url(../images/form_fondo.png);
	background-color:#EFF6FF;
	margin: 0;
	padding: 2px;
	color:#1D325B;
	font-family: "Arial", Helvetica, sans-serif, Verdana, Lucida;
	font-size:12px;
	}
input.button {
	background-color:#FFF;
	font-size:10px;
	height:30px;
	color:#CC0000;
	font-weight:bold;
	border: 2px solid #FF4200;
	padding:0 20px 0 20px;
	}
input.button:hover {
	background-position: 0px -36px;
	border: 2px solid #FF6600;
	cursor:pointer;
	color:#FF6600;
	}
select {
	border: 1px solid #BCD1ED;
	background-color:#EFF6FF;
	height:25px;
	margin: 0;
	padding: 2px;
	color:#1D325B;
	font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}

/****************************************************************** FIRMA*/
.firma {
	float:right;
	margin: 8px 25px 0px 0px;
	display: block;
	background: url(../images/firma.png);
	width:211px;
	height:18px;
	}
.firma_spa {
	display: block;
	width:211px;
	height:60px;
	}

/****************************************************************** GRUPOS Y CARTEGORIAS*/
#menuv {
	border: 0px solid #ACCFE8;
/*	border-width: 1px 1px 0 1px;*/
	width:auto;
	}
#menuv ul, li {
	list-style-type: none;
	}
#menuv ul {
	margin: 10px 0 10px 0;
	padding: 0;
		}
#menuv li {
	border-bottom: 0px solid #ACCFE8;
	color:#03E4D0;
	font-size: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
#menuv a {
	display: block;
	text-decoration:none;
	background: url(../images/columna_menu.png);
	color: #BC8D5A;
	padding: 14px 0px 0px 40px;
	width:158px;
	margin-bottom:5px;
	height:31px;
	}
#menuv a:hover {
	background-position: 0px -45px;
	color:#ff7a07;
		}
/****************************************************************** MODULOS*/