/* CSS hoja de Estilos Página Victor Leiva  ===================================*/

/*==================================================================================*/
body {
	color: black;
	width: 958px;
	margin: 0 auto;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 72%;
	background: url(../imagenes/fondo4.gif) repeat;
}

a {
	text-decoration: none;
	color: #58ACFA;
}

a:hover {
	text-decoration: underline;
}

a img, a:hover img {
	border: 0 none;
}

p {
	margin-top: 0em;
	margin-bottom: 0.7em;
	vertical-align: middle;
}

h2, h2 a {
	font-size: 1.4em;
	font-weight: normal;
	margin-top: 1.2em;
	margin-bottom: .5em;
	padding-bottom: .3em;
	color: #27849a;
	background: transparent url(../images/dotted_line_bg.gif) repeat-x 0% 100%;
}

img {
	vertical-align: middle;
}
.cabeceramenu {
	text-align:center;
	Font-weight:bold;
	}
.titulo1{
	color:#1E3266;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
.titulo2{
	color:#666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.titulo3{
color:#666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
}
.Imagen_Dot{
	border: 1px solid #ccc;
	}
.Imagen_Dot:hover {
border: 1px solid navy;
}
#vineta1{
	margin:10px;
	padding:5px;
	list-style-type: decimal;
	list-style:#1E3266;
	}
#vineta2 {  
	margin:5px;
	padding:0px;
	list-style-image:url(../imagenes/vinetamenu.gif);
	}
#vineta2 li {
	margin:5px;
	padding:0px;
	}
#header {
	padding: 0em;
	margin-top:2em;
	height: 113px;
	width: 960px;	/* fixed height */
	text-align: left;
	background: url(../imagenes/header.png) no-repeat;
}
#mail{
	padding-right: 3em;
	margin-top: 1em;
	float:right
	}
#logouv{
	padding-right: 7em;
	margin-top: 1em;
	float: right;
}
#menuhorizontal {
	width: 960px;
	height: 32px;
	padding-left: 2em;
	padding-top: 0px;
	background: url(../imagenes/menuhoriz.png) no-repeat;
	
}
/* esto es para el menu horizontal */
#navi {  
	list-style:none;
	margin:0;
	padding:0;
	}
#navi li {
	margin:1px;
	padding:1px;
	float:left;
	}
#navi li a {
	display:block;
	width:84px;
	padding:4px; 
	text-decoration:none;
	text-align:center;
	font-size:11px;
	color:#FFFFFF;
	background-color:#1E3266;
	border-left:4px solid #666666;  /*Agrego un borde ancho a la izquierda*/
}
#navi li a:hover {
	color:#58ACFA;
	background-color:#003366;
	border-left-color:#58ACFA; /*Luego le cambio el color al borde en el evento hover.*/
}
/* hasta acá es solo del menú*/
#content {
	padding: 1em 1em 1em 1.5em;
	line-height: 150%;
	background-image: url(../imagenes/content.png);
	background-repeat: repeat-y;
}


#menu {
	float:left;
	width:20%;
	margin-right: 1em;
	padding:1em 0em 1em 0em;
	border: 1px solid #bbbbbb;
	background: #f0f0f0;
}
/* esto es para el menu vertical */
#navi2 {  
	margin:10px;
	padding:10px;
	list-style-image:url(../imagenes/vinetamenu.gif);
	}
#navi2 li {
	margin:1px;
	padding:1px;
	}
#navi2 li a {
	width:100px;
	text-decoration:none;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	color:#1E3266;
	  /*Agrego un borde ancho a la izquierda*/
}
#navi2 li a:hover {
	color:#58ACFA;
	 /*Luego le cambio el color al borde en el evento hover.*/
}


#texto{
	float:left;
	width:75%;
	padding:1em 1em 1em 1em;
	color:#333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	border: 1px solid #bbbbbb;
	background: #FFFFFF;
	}
#limpiar{
	clear:both;
}
	
#content a {
	line-height: 150%;
}

#content pre.code {
	font-family: "Lucida Console", "Courier New", Courier, monospace;
	font-size: 1em;
	margin: 10px 25px;
	padding: 10px;
	line-height: 130%;
	border: 1px solid #C4C4B4;
	color: inherit;
	background-color: #ffffef;
}

#footer {
	padding:1em;
	background-image: url(../imagenes/footer.png);
	background-repeat: repeat-y;
	color:#FFFFFF;
	text-align:center;
}
#pie_borde {
	background-image: url(../imagenes/b_footer.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	height: 8px;
	}
#ventana {
height:376px;
overflow-x:hidden;
overflow-y:auto;
padding:10px;
width:97%;
}