/***********************************************/
/* Estilos de etiquetas HTML                   */
/***********************************************/ 

body{
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	background-color:#5C743D;
	text-align:center;
	}

#contenedor{
	width: 700px;
	background-color:#FFFFFF;
	text-align:left;
	margin: auto;
	padding: 0px 0px 0px 0px;
	border:inherit;
}

a:link, a:visited, a:hover {
	color: #5C743D;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/* anula la decoración de la regla anterior para hover */

h1, h2, h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #5C743D;
}

h2{
 font-size: 114%;
}

h3{
	font-size: 108%;
	padding-left: 15px;
}


/***********************************************/
/* Divs de diseño                              */
/***********************************************/

#masthead{
	margin: 0;
	padding: 0px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

#lateral{
	margin: 0 77% 0 0;
	padding: 0px;
	background-color: #F4FFE4;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 95%;
	border-top: 1px solid #ccc;

}

#navegador{ 
padding : 1px 0px 5px 0px;
white-space:nowrap; 
} 

/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#contenido{
  float:right;
	width: 74%;
	margin: 0;
	padding: 0 3% 0 0;
}


/***********************************************/
/*Divs de componentes                           */
/***********************************************/

/*************** #pageName styles **************/

#pageName{
	padding: 5px 0px 5px 10px;
}


/************* estilos #cabecera **************/

#cabecera{
	height : 147px;
	width: 100%;
	margin: 0;
	padding: 0;
} 

#cabecera img{
 display: block;
}

.enlaceboton {    
   font-family: verdana, arial, sans-serif; 
   font-size: 10pt; 
   font-weight: bold;
   padding: 4px; 
   background-color: #F4FFE4; 
   text-decoration: none; 
} 
.enlaceboton:link, 
.enlaceboton:visited { 
   border-top: 1px solid #cccccc; 
   border-bottom: 2px solid #666666; 
   border-left: 1px solid #cccccc; 
   border-right: 2px solid #666666;
   color: #5C743D; 
} 
.enlaceboton:hover { 
   border-bottom: 1px solid #cccccc; 
   border-top: 2px solid #666666; 
   border-right: 1px solid #cccccc; 
   border-left: 2px solid #666666; 
} 

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

.feature{
	padding: 0px 10px 10px 10px;
}

.feature h2{
	padding: 30px 0px 5px 0px;
}

.feature img{
	float: left;
	padding: 0px 15px 0px 0px;
	margin: 0 15px 5px 0;
}
/* ajustar márgenes para cambiar la separación entre la imagen y el texto que la rodea */

.feature ul{
	list-style-type: circle;
}

.feature li{
	margin-left: 10px;
	list-style-position: outside;
	}

/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* estilos #siteInfo ***************/

#siteInfo{
	clear: both;
	font-size: 85%;
	color: #cccccc;
	padding: 10px 0px 10px 0px;
	margin-top: 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width: 700px;
}
/* el margen superior negativo empuja siteinfo hacia arriba de forma que su borde superior se monte (y, por tanto, alinee) con el borde inferior de (la barra) lateral en los casos en los que se "toquen" */


/*********** #lateral estilos de enlaces ***********/

#lateral ul a:link, #lateral ul a:visited {display: block;}
#lateral ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#lateral li {
	border-bottom: 1px solid #EEE;
}

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


/*********** estilos de #sectionLinks ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px 0px 1px 0px;
	border-bottom: 1px solid #cccccc;
	color: #99CC66;
	line-height:1.5;
	background-color: #A5BE83;
}

#sectionLinks h2{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a:link{
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
	width: 100%;
  voice-family: "\"}\""; 
  voice-family:inherit;
	width: auto;
}

#sectionLinks a:visited{
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #dddddd;
	padding: 2px 0px 2px 10px;
}


/*********** .relatedLinks styles ***********/

#relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}

#relatedLinks h2{
	padding: 10px 0px 2px 0px;
}

#relatedLinks a:hover{
	background-color: #dddddd;
}

#relatedLinks li{
	padding: 3px 0px 3px 0px;
	}
	

/*********** estilos de #contacto ***********/

#contacto{
	position: relative;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	color: #99CC66;
	line-height:1.5;
}

#contacto h2{
	padding: 10px 0px 2px 10px;
}

#contacto a:link{
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
	width: 100%;
  voice-family: "\"}\""; 
  voice-family:inherit;
	width: auto;
}

#contacto a:visited{
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#contacto a:hover{
	border-top: 1px solid #cccccc;
	background-color: #dddddd;
	padding: 2px 0px 2px 10px;
}
.tabla {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 1.5;
}

#margen{
	margin-left: 20px;
}h4 {

	font-size: 108%;
}