/***********************************************/
/* mi_estilo.css                             */
/*           */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial, sans-serif;
	color: #333333;
	text-align: justify;
	background-image: url(../images/crudo-4b.jpg);
	width: 96%;
	font-size: 11pt;
	/*border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-left-color: #cccccc;
	border-bottom-color: #cccccc;
	border-right-color: #cccccc;*/
}

a{
	color: #006699;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

h1{
 font-family: Verdana, Arial, sans-serif;
 font-size: 200%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial, sans-serif;
 font-size: 140%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
	font-family: Arial, sans-serif;
	font-size: 110%;
	color: #334d55;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

h4{
 font-family: Arial, sans-serif;
 font-size: 110%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
	list-style-type: square;
	list-style-position: inside;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
	list-style-type: square;
}



/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#arriba_jst{
	border-bottom: 1px solid #cccccc;
	float: none;
}

#centro_jst {
	float: none;
	
}

#abajo_jst{
	border-bottom: 1px solid #cccccc;
	text-align: center;
	clear: both;
}

#izq_120{
	float: left;
	width: 120px;
}

#izq_20{
	float: left;
	width: 20%;
	margin-right: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
}
#izq_20 ul {
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #eeeeee;
} 
#izq_20 li{
	list-style-position: inside;
	list-style-image: url(../images/punto_rombo.GIF);
	border-top: 1px solid #cccccc;
}
#izq_20 h3 {
	text-align: center;
	background-color: #eeeeee;
	}

#cen_60{
	float: none;
	text-align: justify;
	margin-right: 20%;
	margin-left: 20%;
}
#der_20{
	width: 20%;
	float: right;

	margin-left: 10px;
	padding-right: 10px;
	padding-left: 10px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-bottom-style: solid;
	border-left-color: #cccccc;
	border-bottom-color: #cccccc;
}

#nr_der_20{
	width: 20%;
	text-align: left;
	float: right;
	padding-left: 10px;
	
}
#nr_izq_20{
	width: 20%;
	text-align: center;
	float: left;
	padding-right: 10px;
	}
/***********************************************/
/* Components                                  */
/***********************************************/



/************** .feature styles ***************/

.text_80{
	font-size: 80%;
}

.text_80C{
	font-size: 80%;
	text-align: center;
}
.text_80D {
	font-size: 80%;
	text-align: right;
}
.text_c {
	text-align: center;
}
.text_i {
	text-align: left;
}
.text_d {
	text-align: right;
}
.text_120{
	font-size: 120%;
}

.text_120C{
	font-size: 120%;
	text-align: center;
}
.text_120D {
	font-size: 120%;
	text-align: right;
}
.divide_linea_rayas {
	border: thin solid #cccccc;
	list-style: none;
}



/* fix for browsers that don't need the hack */
/* html>body #izq_20 li {border-bottom: none;} */


/*****************************************
/+ estilos de los javascripts
/*******************************************/
.spanstyle {
	position:absolute;
	visibility:visible;
	top:-50px;
	font-size:10pt;
	font-family:Verdana;
      font-weight:bold;
	color:black;
}
.matrix { font-family:Lucida Console, Courier, Monotype; font-size:10pt; text-align:center; width:10px; padding:0px; margin:0px;}

hhh {
	float: right;
	margin-right: 5%;
	margin-left: 5%;
	padding-right: 5%;
	padding-left: 5%;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #0000FF;
	border-bottom-color: #0000FF;
}