/* CSS Document */

body {
	background-color:#999933;
	margin : 0px 0px 20px 0px;
	 }

div.contenedor{
	width:930px;
	background-color : #999933;
	} 
	
.letra {
	font : 10pt Arial, Geneva, Arial, Helvetica, sans-serif;
	line-height:150%;
	}
a.letra:hover{
background-color:#99CC66;
color:#FFFFFF;
}
a.letra:link{
text-decoration:underline;
color:#009999;
}
a.letra:visited{
color:#000000;
text-decoration:underline;
}


.letrablanca {
		font : 10pt Arial, Geneva, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		
	line-height:150%;
	}
	.letranegrita {
		font : 10pt Arial, Geneva, Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-align: center;
	line-height:150%;
	}
	.letratitulo {
	font : 14pt Arial, Geneva, Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-align: center;
	line-height:150%;
	}
	.tipo {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	COLOr:#000000;
		 padding-left:10px;}
.tipoformu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	COLOR:#FFFFFF;
	padding-left:10px;
	padding-right:2px;
	background-color:#999933;
	line-height: 150%;
	}
	.formulario1
{
	border: thin solid #999933;
}
	
div.menu {
	height:84px;
	width:580px;
	float:right;
	background-color:#999933;
	margin:35px 0px 0px 0px;
	
}
div.logo{
background-image:url(images/logokaruna.gif);
float:left;
height:60px;
width:220px;
margin:0px 0px 0px 30px;
position:absolute;
z-index:2;
top:-20px;
left:350px;
}
div.homelogo{
height:372px;
width:749px;
background-image:url(images/Home_logo.gif);
margin:0px 0px 0px 0px;
position:absolute;
z-index:2;
top:100px;
left:390px;
font : 11pt Arial, Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}


div.foto{
background-color:#999933;
float:left;
height:768px;
width:348px;
}
div.subt {
background-color:#999933;
height:30px;
width:500px;
margin: 0px 10px 0px 1px;

border-bottom:3px dash #565656;
float:right;
}
div.contenido {
	background-color:#999933;
	margin:0px 10px 10px 1px;
	padding:10px 10px 10px 10px;
	width:500px;
	float:right;
}

div.pesta{
height:15px;
font: 8pt Arial, Helvetica, sans-serif;

}
div.pesta1{
height:15px;
width:147px;
background-image:url(images/pesta1.gif);
padding:0px 5x 0px 8px;
text-align:center;
color : #000000;
}
div.pesta2{
height:15px;
width:151px;
background-image:url(images/pesta2.gif);
margin:-15px 0px 0px 147px;
padding:0px 5x 0px 8px;
text-align:center;
color : #000000;
}
div.pesta3{
height:15px;
width:151px;
background-image:url(images/pesta3.gif);
margin:-15px 0px 0px 298px;
padding:0px 5x 0px 8px;
text-align:center;
color : #ffffff;

}
img.pessd {
	float:right;
}

div.top1 {
	background-color:#FFFFCC;
	height:12px;
}
div.bottom1 {
	background-color:#FFFFCC;
	height:12px;
}
div.cosas1 {
	background-color:#FFFFcc;
	padding:10px 7px 0px 20px;
	margin:0px 0px 0px 10px;
}
div.izquierda1{
background-color:#FFFFCC;
padding:10px 7px 0px 20px;
	}
div.top2 {
	background-color:#cccc33;
	height:12px;
}
div.bottom2 {
	background-color:#cccc33;
	height:12px;
}
div.cosas2 {
	background-color:#cccc33;
	padding:10px 7px 0px 20px;
	margin:0px 0px 0px 10px;
	
	
}
div.izquierda2{
background-color:#cccc33;


	}
	
	
	div.top3 {
	background-color:#666600;
	height:12px;
}
div.bottom3 {
	background-color:#666600;
	height:12px;
}
div.cosas3 {
	background-color:#666600;
	padding:10px 7px 0px 20px;
	margin:0px 0px 0px 10px;
	
}
div.izquierda3{
background-color:#666600;
	}
img.si {
	float:left;
}
img.sd {
	float:right;
	}

img.ii {
	float:left;
	}
img.id {
	float:right;
	}


.tipo1{
	font: 9pt Arial, Helvetica, sans-serif;
	color:#336600;
	text-decoration:none;
	}
a.tipo1:hover{
	text-decoration:none;
	color:#CCCC33;
}
.tipo3{
	font: 9pt Arial, Helvetica, sans-serif;
	color:#336600;
	text-decoration:none;
	}
a.tipo3:hover{
	text-decoration:none;
	color:#FFFF66;
}

.tipo2{
	font: 9pt Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	}
a.tipo2:hover{
	text-decoration:none;
	color:#CCCC33;
}

A.enlacenav, A.enlacenav:VISITED, A.enlacenav:ACTIVE, A.enlacenav:FOCUS, A.enlacenav:LINK{
color: #ff33ff;
padding-left:15px;
text-decoration:none;
}
A.enlacenav:HOVER{
	background-color:#b2bbc0;
	text-decoration:none;
	color: #FFFFFF;
	}

* Simplified box model hack para
          posicionar correctamente las imagenes de esquina. */
        * html img.esquina_sup_izq, * html img.esquina_inf_izq { margin-left:-.2em;
        margin-left:0; }
        img.esquina_inf_der, img.esquina_sup_der { margin-left:.2em; }
		
<!--forms-->
input.visor {
background-color: #999933; 
font: 9pt Arial, Helvetica, sans-serif; color:#336600;
font-weight: bold; 
font-size: 12px; 
color: white;}