﻿html, body
{
	font-family: trebuchet MS, verdana, tahoma, helvetica, sans-serif, arial;
	font-size: 14px;
	color: #555;
	background-color: #fff;
	padding: 0;
	margin: 0;
}

ul, ol, li, p, h1, h2, h3, h4, h5, h6, em, a 
{
	border: 0;
	padding: 0;
	margin: 0;
}

p { line-height: 18px; margin: 0 0 15px 0; 	text-align:justify;}

ul { list-style-type: square; }

a		{ text-decoration: none; color: #7cae1d; border-bottom: 0px solid #ccc; }
a:hover { color: #000; }

img 		{ border: none; }
a img 		{ border: none; }
a:hover img { border: none; }


#main
{
	width: 730px;
	margin: 0 auto 0 auto;
}


#content
{
	width: 100%;
	padding: 0 0 1px 0;
	margin: 20px 0 30px 0;
}

#content #right h1
{
	font: 17px/normal Verdana, Arial;
	letter-spacing: -1px;
	color: #7cae1d;
	margin: 25px 0 10px 0;
}

#content #right h2
{
	font: 15px/normal Verdana, Arial;
	letter-spacing: -1px;
	margin: 0 0 15px 0;
}


#content #right
{
	width: 490px;
	float: left;
	border-left: 0px solid #ddd;
	padding: 0 0 0 15px;
}


#content #right ul  
{
	list-style-type: none; 
	margin: 5px 20px 0 20px;
}
#content #right ul li 
{
	background: url("list_icon.gif") no-repeat center left;
	border-bottom: 1px solid #ddd; 
	line-height: 18px;
	padding: 0 0 5px 20px; 
	margin: 0 0 15px 0; 
}

#content #right p.caption
{
	font: 15px/normal Verdana, Arial;	
	letter-spacing: -1px;
	color: #ed7b20;
	margin: 0 0 10px 0;
	font-weight:bold;
}

#content #right p.notas
{
	font: 11px/normal Verdana, Arial;	
	letter-spacing: -1px;
	color:#000000;
	margin: 0 0 10px 0;
}

#content #right p sup
{
	font: 9px/normal Verdana, Arial;	
	letter-spacing: -1px;
	color:#000000;
	margin: 0 0 10px 0;
}

#content #right p.derecha
{
	font: 15px/normal Verdana, Arial;	
	letter-spacing: -1px;
	color:#000000;
	margin: 0 0 10px 0;
	text-align:right;
	font-weight:bold;
}

#content #left
{
	width: 206px;
	float: left;
	line-height: 15px;
	border-right: 1px solid #ddd;
	padding: 0 15px 0 0;
	margin: 0 -1px 0 0;
}



#content #left #sub_nav
{
	width: 221px;
	font: 12px/normal Verdana, Arial;
	list-style-type: none;
	border-left: 1px solid #84bb23;
	border-top: 1px solid #effcd8;
	margin: 0 -15px 25px 0;
}
#content #left #sub_nav li a
{
	width: 203px;
	display: block;
	border-bottom: 1px solid #effcd8;
	padding: 7px 0 7px 15px;
}	
#content #left #sub_nav li.active a, #content #left #sub_nav li a:hover 
{
	color: #555;
	border-left: 3px solid #84bb23;
	background-color: #effcd8;
}

#content #left .hr, .hr
{
    width: 221px;
	height: 1px;
	font-size: 0;
	border-bottom: 1px solid #ddd;
	line-height: 0;
	color: #ddd;
	clear: both;
	padding: 0;
	margin: 20px -15px 20px 0;
}

#content #left p.caption
{
	font: 15px/normal Verdana, Arial;
	letter-spacing: -1px;
	color: #ed7b20;
	margin: 0 0 10px 0;
}

#content #left p { margin: 0 0 10px 0; }

#content #contenido h1
{
	font: 17px/normal Verdana, Arial;
	letter-spacing: -1px;
	color: #7cae1d;
	margin: 25px 0 10px 0;
}

#content #contenido h2
{
	font: 15px/normal Verdana, Arial;
	letter-spacing: -1px;
	margin: 0 0 15px 0;
}


#content #contenido
{
	width: 795px;
	float: left;
	border-left: 0px solid #ddd;
	padding: 0 0 0 15px;
}


#content #contenido ul  
{
	list-style-type: none; 
	margin: 5px 20px 0 20px;
}
#content #contenido ul li 
{
	background: url("list_icon.gif") no-repeat center left;
	border-bottom: 1px solid #ddd; 
	line-height: 18px;
	padding: 0 0 5px 20px; 
	margin: 0 0 15px 0; 
}

#content #contenido p.caption
{
	font: 15px/normal Verdana, Arial;	
	letter-spacing: -1px;
	color: #ed7b20;
	margin: 0 0 10px 0;
	font-weight:bold;
}

#content #contenido p.notas
{
	font: 11px/normal Verdana, Arial;	
	letter-spacing: -1px;
	color:#000000;
	margin: 0 0 10px 0;
}

#content #contenido p sup
{
	font: 9px/normal Verdana, Arial;	
	letter-spacing: -1px;
	color:#000000;
	margin: 0 0 10px 0;
}

#content #contenido p.derecha
{
	font: 15px/normal Verdana, Arial;	
	letter-spacing: -1px;
	color:#000000
	margin: 0 0 10px 0;
	text-align:right;
	font-weight:bold;
}

#content #contenido p.centrado
{
	font: 15px/normal Verdana, Arial;	
	letter-spacing: -1px;
	color:#000000
	margin: 0 0 10px 0;
	text-align:center;
	font-weight:bold;
}


#content #contenido p.dialogo
{
	font: 14px trebuchet MS, verdana, tahoma, helvetica, sans-serif, arial;	
	letter-spacing: -1px;
	color:#666666;
	margin: 0 0 10px 0;
	text-align:left;
	font-weight:bold;
}

#content #contenido p.figura
{
	font: 11px/normal Verdana, Arial;	
	letter-spacing: -1px;
	color:#000000;
	margin: 0 0 10px 0;
	text-align:center;
}

