﻿/* ************************normalización ******************************/

p, ul, ol, dl, dt, dd, li, blockquote, cite, h1, h2, h3, h4, h5, h6 {

	margin: 0;

	padding: 0;

	font-size: 1em;

	font-weight: normal;

}

img {

	border: 0;

}

/**********************************************************************/

body {

	font-family: Arial, Helvetica, sans-serif;

	background-image: url(../images/fondo.gif);

	font-size: 12px;

	margin: 0px;

	height: 100%;

}

input, textarea {

	width: 438px;

}

label {

	font-size: 10px;

	color: #FF0000;

}

#contenido-txt {

	text-align: justify;

	color: #333333;

	padding: 10px;

}

#contenido-txt h2 {

	margin: 20px 0 -10px 0;

	font-weight: bold;

	font-size: 14px;

}

#contenido-txt h1 {

	font-weight: bold;

	color: #B36B00;

	font-size: 16px;

}

#contenido-txt p {

	margin: 15px 0;

}

.titulo h1 {

	width: 390px;

	text-align: center;

}

#content_index {

	margin-left: -375px; /*mitad del ancho total*/;

	position: absolute;

	top: -300px;

	left: 50%;

	width: 750px; /*ancho total*/;

	height: 590px;

	visibility: visible;

}

/******** PARA CENTRAR TODO HORIZONTAL Y VERTICALMENTE *****************/

#horizon {

	color: white;

	background-color: #0ff;

	text-align: center;

	position: absolute;

	top: 50%;

	left: 0px;

	width: 100%;

	height: 0px;

	overflow: visible;

	visibility: visible;

	display: block;

}

#content_main {

	margin-left: -375px; /*mitad del ancho total*/;

	position: absolute;

	top: -300px;

	left: 50%;

	width: 750px; /*ancho total*/;

	height: 590px;

	visibility: visible;

}

/**********************************************************************/

.fondo_tabla {

	background-color: #FFFFFF;

}

.lianas {

	background-image: url(../images/lianas.gif);

	background-repeat: no-repeat;

	width: 535px;

	height: 413px;

	margin-left: 50px;

	top: 55px;

	position: relative;

}

.lianas_noflash {

	background-image: url(../images/lianas.gif);

	background-repeat: no-repeat;

	width: 535px;

	height: 413px;

	margin-left: 55px;

	top: 55px;

	position: relative;

}

.barra {

	background-image: url(../images/barra_mozilla.png);

	height: 125px;

	background-repeat: repeat-x;

	width: auto;

	overflow: visible;

}

.container {

	margin-left: -354px; /*mitad del ancho total*/;

	position: absolute; /*top: -300px;*/;

	left: 50%;

	width: 718px; /*ancho total*/;

	height: 600px;

	visibility: visible;

	overflow: hidden;

}

.banner {

	width: 708px;

	background-image: url(../images/banner.gif);

	height: 108px;

}

.esquina1 {

	width: 29px;

	height: 28px;

	background-image: url(../images/esquina1.png);

	background-repeat: no-repeat;

}

.esquina2 {

	width: 34px;

	height: 28px;

	background-image: url(../images/esquina2.png);

	background-repeat: no-repeat;

}

.esquina3 {

	width: 29px;

	height: 34px;

	background-image: url(../images/esquina3.png);

	background-repeat: no-repeat;

}

.esquina4 {

	width: 34px;

	height: 34px;

	background-image: url(../images/esquina4.png);

	background-repeat: no-repeat;

}

.lado1 {

	height: 28px;

	width: 700px;

	background-image: url(../images/lado1.png);

	background-repeat: repeat-x;

}

.lado2 {

	width: 29px;

	height: 506px;

	background-image: url(../images/lado2.png);

	background-repeat: repeat-y;

}

.lado3 {

	width: 34px;

	height: 506px;

	background-image: url(../images/lado3.png);

	background-repeat: repeat-y;

}

.lado4 {

	height: 34px;

	width: 700px;

	background-image: url(../images/lado4.png);

	background-repeat: repeat-x;

}

.menu {

	background-image: url(../images/menu.png);

	background-repeat: no-repeat;

	width: 217px;

	height: 156px;

	position: relative;

	left: 185px;

	top: 5px;

}

.noticia a:link, .noticia a:visited, .noticia a:active{
	color:#F90;
	
	font-size: 14px;
	
	letter-spacing: -1px;
	
}

.fondo_menu2d {

	background-image: url(../images/menu2d.png);

	background-repeat: no-repeat;

	position: relative;

	left: 100%;

	margin-left: -292px;

	top: -28px;

	width: 286px;

	height: 297px;

	overflow: visible;

}

.fondo_mapa {

	background-image: url(../images/mapa.png);

	background-repeat: no-repeat;

	position: relative;

	left: 100%;

	margin-left: -246px;

	height: 220px;

	width: 219px;

	z-index: 6;

	overflow: visible;

}

#mapa {

	padding: 25px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFFFF;

}

.mapdivs {

	text-align: center;

	position: absolute;

}

.labels-left {

	background-image: url(../images/label_left.png);

	background-repeat: no-repeat;

	height: 51px;

	width: 147px;

	font-size: 14px;

	padding-top: 7px;

	color: #996600;

	text-align: center;

	position: absolute;

}

.labels-right {

	background-image: url(../images/label_right.png);

	background-repeat: no-repeat;

	height: 51px;

	width: 147px;

	font-size: 14px;

	padding: 7px 0 0 23px;

	color: #996600;

	text-align: center;

	position: absolute;

}

.labels-left-p {

	background-image: url(../images/label_left.png);

	background-repeat: no-repeat;

	height: 49px;

	width: 147px;

	font-size: 10px;

	padding: 9px;

	color: #996600;

	text-align: center;

	position: absolute;

}

.labels-right-p {

	background-image: url(../images/label_right.png);

	background-repeat: no-repeat;

	height: 49px;

	width: 147px;

	font-size: 10px;

	padding: 9px 0 0 25px;

	color: #996600;

	text-align: center;

	position: absolute;

}

.fondo_contenido {

	background-image: url(../images/content.png);

	background-repeat: no-repeat;

	height: 450px;

	width: 486px;

	position: relative;

	top: -517px;

	left: 6px;

}

#content {

	height: 322px;

	width: 429px;

	top: 25px;

	left: 27px;

	position: relative;

	overflow: auto;

}

#loading {

	position: absolute;

	left: 50%;

	margin-left: -10px;

	top: 180px;

}

#title {

	margin-top: 33px;

	margin-left: 20px;

	width: 439px;

	color: #666666;

	font-size: 26px;

	text-align: center;

}

.content_menu {

	height: 198px;

	width: 106px;

	padding-top: 6px;

	top: 28px;

	left: 129px;

	position: relative;

	z-index: 5;

}

.linea {

	height: 1px;

	width: 165px;

	background-color: #CCCCCC;

	margin-left: 18px;

}

.logo {

	background-image: url(../images/logoCVI.gif);

	background-repeat: no-repeat;

	height: 148px;

	width: 261px;

	position: relative;

	left: 345px;

	top: -25px;

}

.logomuro {

	background-image: url(../images/logoCVI.gif);

	background-repeat: no-repeat;

	height: 148px;

	width: 261px;

	position: relative;

	left: 430px;

	top: 10px;

}

.auspiciantes {
	position: absolute;
	left: 34px;
	top: 562px;
	width: 692px;

}

.premios {
	position: absolute;
	left: 758px;
	top: 355px;
	height: 75px;
}

.premios_right {
	position: absolute;
	left: -103px;
	top: 353px;
	height: 75px;
}

.web2 {
	position: absolute;
	left: 590px;
	top: -28px;
	height: 31px;
	width: 85px;
}

.velocidad a:link, .velocidad a:visited, .velocidad a:active {

	font-size: 14px;

	color: #666666;

	/*text-decoration: underline;*/

	letter-spacing: -1px;

}

.velocidad a:hover {

	color: #333333;

	/*text-decoration: underline;*/

	letter-spacing: -1px;

}

.peque {

	font-size: 9px;

	color: #666666;

	text-decoration: none;

}

.peque a:link, .peque a:visited, .peque a:active {

	font-size: 9px;

	color: #666666;

	text-decoration: underline;

}

.peque a:hover {

	color: #333333;

	text-decoration: underline;

}

.normal {

	font-size: 13px;

	color: #333333;

	text-decoration: none;

	letter-spacing: -1px;

}

.grandes {

	font-size: 14px;

	color: #666666;

	text-decoration: none;

	font-weight: bold;

	text-align: center;

}

.grandes a:link, .grandes a:visited, .grandes a:active {

	font-size: 14px;

	color: #666666;

	text-decoration: none;

	font-weight: bold;

	text-align: center;

}

.grandes a:hover {

	text-decoration: underline;

}

.menu_texto {

	width: 100px;

	height: 20px;

	color: #666666;

	font-size: 11px;

	text-decoration: none;

}

.menu_texto a:link, .menu_texto a:visited, .menu_texto a:active {

	padding-left: 25px;

	padding-top: 7px;

	background-image: url(../images/fondo_menu.gif);

	background-repeat: no-repeat;

	height: 20px;

	font-family: Arial, Helvetica, sans-serif;

	color: #666666;

	font-size: 11px;

	text-decoration: none;

}

.menu_texto a:hover {

	text-decoration: underline;

	background-position: 0px -20px;

}

.auspiciantes {

	text-decoration: none;

	

}

.contenido-imagen {

	left:50%;

	position:relative;

	margin-left:-60px;

	margin-bottom:10px;

}

#id-popup1 {

	background-image: url(../images/popup1.gif);

}

#id-popup2 {

	background-image: url(../images/popup2.gif);

}

#id-popup3 {

	background-image: url(../images/popup3.gif);

}

#id-popup4 {

	background-image: url(../images/popup4.gif);

}

.close {

	padding-top: 6px;

	height: 22px;

	text-align: center;

}

.close a:link, .close a:visited {

	font-weight: bold;

	color: #FFFFFF;

	font-size: 14px;

	text-decoration: none;

}

.close a:hover {

	text-decoration: underline;

}

.popup-1 {

	position: absolute;

	width: 546px;

	height: 412px; /*background-color:#0033FF;*/;

	left: 85px;

	top: 136px;

	z-index: 20;

}

.popup-2 {

	position: absolute;

	width: 386px;

	height: 241px; /*background-color:#0033FF;*/;

	left: 120px;

	top: 186px;

	z-index: 20;

}

#contenido-txt a:link, #contenido-txt a:visited {

	color: #B36B00;

	text-decoration: none;

}

#contenido-txt a:hover {

	text-decoration: underline;

}

/********************* VERIFICR JAVASCRIPT ****************************/

.noscript {

	z-index: 50;

	position: fixed;

	float: left;

	width: 100%;

	height: 100%;

}

.cortina {

	height: 100%;

	width: 100%;

	position: absolute;

	background-color: #000000;

	-moz-opacity: 0.6;

	filter: alpha(opacity=60);

	z-index: 60;

}

#id_registro {

	z-index: 70;

}

#registro-content {

	padding: 10px;

	position: absolute;

	background-color: #FFFFFF;

	width: 480px;

	height: 500px;

	left: 50%;

	top: 50%;

	border: 1px solid #000000;

	margin-left: -240px;

	margin-top: -250px;

	color: #666666;

	z-index: 90;

}

#registro-form {

	overflow: auto;

	height: 482px;

}

#registro-cerrar {

	text-align: center;

	font-size: 18px;

	background-color: #FF9900;

	color: #FFFFFF;

	margin: -10px -10px 10px -10px;

}

.cortina-texto {

	padding: 10px;

	position: absolute;

	background-color: #FFFFFF;

	width: 500px;

	height: auto;

	left: 50%;

	top: 50%;

	border: 1px solid #000000;

	margin-left: -263px;

	margin-top: -180px;

	color: #666666;

}

.cortina-texto p {

	font-size: 12px;

}

.cortina-texto h1 {

	text-align: center;

	color: #FF0000;

	font-size: 14;

	font-weight: bold;

}

/********************************************************/

.dat_personales, .dat_academicos {

	padding: 10px;

	border: 1px solid gray;

}

.dat_personales h2, .dat_academicos h2 {

	font-weight: bold;

	font-size: 14px;

}

.dat_personales {

	margin: 10px 0;

	background-color: #F2FBFF;

}

.dat_academicos {

	background-color: #FEFFF2;

}

#registro-form hi {

	font-weight: bold;

	font-size: 16px;

}

/*************** MENU ***************************/

#id-principal {

	top: 172px;

	left: 66px;

}

#id-cultura {

	top: 108px;

	left: 146px;

}

#id-ciencia {

	top: 110px;

	left: 98px;

}

#id-biblioteca {

	top: 73px;

	left: 129px;

}

#id-basica {

	top: 117px;

	left: 44px;

}

#id-turismo {

	top: 78px;

	left: 27px;

}

#id-informatica {

	top: 60px;

	left: 71px;

}

