/***********************************************/

/* HTML tag styles                             */

/***********************************************/

body{

	font-family: Arial,sans-serif;

	color: #333333;

	line-height: 1.166;

	margin: 0px;

	padding: 0px;

	background: #cccccc url(imagenes/bg_grad.jpg) fixed;

	text-align: justify;

}



img {

border: none;

}



/******* hyperlink and anchor tag styles *******/



a:link, a:visited{

	color: #005FA9;

	text-decoration: none;

}



a:hover{

	text-decoration: underline;

}



/************** header tag styles **************/



h1{

 font: bold 120% Arial,sans-serif;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}



h2{

 font: bold 114% Arial,sans-serif;

 color: #006699;

 margin: 0px;

 padding: 0px;

}



h3{

 font: bold 100% Arial,sans-serif;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}



h4{

 font: 100% Arial,sans-serif;

 color: #333333;

 margin: 0px;

 padding: 0px;

}



h5{

 font: 100% Arial,sans-serif;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}





/*************** list tag styles ***************/



ul{

 list-style-type: square;

}



ul ul{

 list-style-type: disc;

}



ul ul ul{

 list-style-type: none;

}



/********* form and related tag styles *********/



form {

	margin: 0;

	padding: 0;

}



label{

 font: bold 1em Arial,sans-serif;

 color: #334d55;

}

				

input{

font-family: Arial,sans-serif;

}



/***********************************************/

/* Layout Divs                                 */

/***********************************************/

#pagecell1{

	position:relative;

	right: 2%;

	width:95.6%;

	background-color: #ffffff;

	left: 2%;

	top: 135px;

	padding: 0px;



}



#tl {

	position:absolute;

	top: -1px;

	left: -1px;

	margin: 0px;

	padding: 0px;

	z-index: 100;

}



#tr {

	position:absolute;

	top: -1px;

	right: -1px;

	margin: 0px;

	padding: 0px;

	z-index: 100;

}



#dl {

	position:absolute;

	bottom: -1px;

	left: -1px;

	margin: 0px;

	padding: 0px;

	z-index: 100;

}





#dr {

	position:absolute;

	bottom: -1px;

	right: -1px;

	margin: 0px;

	padding: 0px;

	z-index: 100;

}





#masthead{
	position: absolute;
	top: 26px;
	left: 25px;
	right: 2%;
	width:95.6%;
	background-image: url(imagenes/logo.jpg);

	

}



#pageNav2{

	float: left;

	width:178px;

	padding: 0px;

	background-color: #F5f7f7;

	font: small Verdana,sans-serif;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #cccccc;

}



#content{

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 178px;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #ccd2d2;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #ccd2d2;

	padding: 0px;

}





/***********************************************/

/* Component Divs                              */

/***********************************************/

#siteName{

	color: #ffffff;

	font-weight: normal;

	padding-top: 25px;

	padding-bottom: 25px;

}



/************** utility styles *****************/



#utility{

	font: 75% Verdana,sans-serif;

	position: absolute;

	top: 16px;

	right: 0px;

	color: #515757;

}



#utility a{

	color: #ffffff;

}



#utility a:hover{

	text-decoration: underline;

}



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



#pageName{

	margin: 0px;

	border-bottom:1px solid #ccd2d2;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 10px;

}



#pageName h2{

	color: #000000;

	margin:0px;

	padding: 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 175%;

	font-weight: bold;

}



#pageName img{

	position: absolute;

	top: 0px;

	right: 6px;

	padding: 0px;

	margin: 0px;

}



/************* globalNav styles ****************/



#globalNav{

	position: relative;

	width: 100%;

	min-width: 640px;

	height: 32px;

	color: #cccccc;

	background-image: url(imagenes/glbnav_background.gif);

	top: 17px;

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	font-size: 12px;

}



#globalNav img{

	margin-bottom: -4px;

 

}



#gnl {
	position: absolute;
	top: 112px;
	left:17px;

}



#gnr {

	position: absolute;

	top: 0px;

	right:0px;

}



#globalLink{
	position: absolute;
	top: -1px;
	height: 22px;
	min-width: 640px;
	padding: 0px;
	margin: 0px;
	left: -1px;
	z-index: 100;

}





a.glink, a.glink:visited{

	font-size: small;

	color: #000000;

	font-weight: bold;

	margin: 0px;

	border-right: 1px solid #8FB8BC;

	padding-top: 2px;

	padding-right: 5px;

	padding-bottom: 4px;

	padding-left: 5px;

}



a.glink:hover{

  	background-image: url(imagenes/glblnav_selected.gif);

	text-decoration: none;

}





/************* breadCrumb styles ***************/



#breadCrumb{

	padding: 5px 0px 5px 10px;

	font: small Verdana,sans-serif;

	color: #AAAAAA;

}



#breadCrumb a{

	color: #AAAAAA;

}



#breadCrumb a:hover{

	color: #005FA9;

	text-decoration: underline;

}





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



.feature{

	font-size: 80%;

	height: 100%;

	padding-top: 10px;

	padding-right: 20px;

	padding-bottom: 10px;

	padding-left: 10px;

}



.feature h3{

	color: #000000;

	font-family: Arial, sans-serif;

	font-weight: bold;

	font-size: 175%;

	padding: 0px;

}



.feature img{

	float: left;

	padding: 0px 10px 0px 0px;

}





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



.story {

	padding: 10px 0px 0px 10px;

	font-size: 80%;

}



.story h3{

	font: bold 125% Arial,sans-serif;

	color: #000000;

}



.story p {

	padding: 0px 0px 10px 0px;

}



.story a.capsule{

	color: #FFFFFF;

	display:block;

	padding-bottom: 5px;

	background-color: #334d55;

	font-family: Arial, sans-serif;

	font-size: 1em;

	font-weight: bold;

	border-bottom-color: #80A9B5;

	border-bottom-style: inset;

	border-right-color: #80A9B5;

	border-right-style: inset;

	border-top-width: thin;

	border-top-color: #24383E;

	border-top-style: outset;

	border-left-width: thin;

	border-left-color: #24383E;

	border-left-style: outset;

	border-right-width: thin;

	border-bottom-width: thin;

}



.story a.capsule:hover{

	text-decoration: underline;

}



td.storyLeft{

	padding-right: 12px;

}





/************** siteInfo styles ****************/



#siteInfo{

	clear: both;

	border-top: 1px solid #cccccc;

	font-size: small;

	color: #666666;

	padding: 10px 10px 10px 10px;

	margin-top: 0px;

	text-align: center;

}



#siteInfo img{

	padding: 4px 4px 4px 0px;

	vertical-align: middle;

}





/************ sectionLinks styles **************/



#sectionLinks{

	margin: 0px;

	padding: 0px;

}



#sectionLinks h3{

	padding: 10px 0px 2px 10px;

	border-bottom: 1px solid #cccccc;

}



#sectionLinks a:link, #sectionLinks a:visited {

	display: block;

	border-top: 1px solid #ffffff;

	border-bottom: 1px solid #cccccc;

	background-image: url(imagenes/bg_nav.jpg);

	font-weight: bold;

	padding: 3px 0px 3px 10px;

	color: #21536A;

}



#sectionLinks a:hover{

	border-top: 1px solid #cccccc;

	background-color: #D7E3E8;

	background-image: none;

	font-weight: bold;

	text-decoration: none;

}



#sectionSubLinks a:link, #sectionSubLinks a:visited {

	display: block;

	border-top: 1px solid #ffffff;

	border-bottom: 1px solid #cccccc;

	background-image: url(imagenes/bg_nav.jpg);

	font-weight: normal;

	padding: 3px 0px 3px 30px;

	color: #21536A;

	font-size: 11px;

}



#sectionSubLinks a:hover{

	border-top: 1px solid #cccccc;

	background-color: #D7E3E8;

	background-image: none;

	font-weight: normal;

	text-decoration: none;

	font-size: 11px;

}



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



.relatedLinks{

	margin: 0px;

	padding: 0px 0px 10px 10px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #cccccc;

}



.relatedLinks h3{

	padding: 10px 0px 2px 0px;

}



.relatedLinks a{

	display: block;

	margin-left: 10px;

}





.relatedLinks p{

	margin-left: 20px;

}



.cam{

	margin: 0px;

	text-align: center;

}



.marco{

	margin: 0px;

	padding: 0px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #FFFFFF;

	text-align: center;

}



/**************** search styles *****************/



#search{

	padding: 10px;

	position: absolute;

	right: 0px;

	top: -4px;

}





/********************* valid styles *************/



#valid{

	display: block;

	color: #21536A;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #cccccc;

	padding: 15px;

	text-align: center;

}



/**************** margen *****************/



#margen{

	padding-left: 40px;

}



#margen2{

	padding-left: 80px;

}



#margen3{

	padding-left: 120px;

}

