/*
	project: web application template
	author: heber (www.empresaperu.com)
*/


*{ margin: 0; padding: 0; }*
body { margin:0px 0 0; background: url(../images/fondo1.jpg) repeat-x #b8d7da;  font: .84em "Trebuchet MS", Arial, Sans-Serif; color: #444; }

	h1 { font-size: 3em; font-weight: normal; float: left; }
	h1 a { text-decoration: none; }
	h2 { font-size: 2em; color: #000000; font-weight: normal; margin: 0 0 .8em; }
	h3 { font-size: 1.5em;  margin: 0 0 .8em; }
	p  { margin: 0 0 1em 0; line-height: 1.5em; }
		.late  {margin-left: 13px; width:180px; line-height: 1.5em;   }
			.late2  {margin-left: 13px; width:210px; line-height: 1.5em;   }
		.tde  {color:#000000;}
		
		.ps  { margin: 0 0 2em 0; line-height: 1.8em; }
	em { border-bottom: 1px dotted #fff; cursor: pointer; }
	a { color: #003366;  text-decoration: none;font: .84em Verdana; font-weight: bolder;}
	a:hover { color: #003366; text-decoration: underline;font: .84em Verdana; font-weight: bolder;  }
	img { border: 0;margin-top: 0px; }
	.red { color: #9D2900; }
	
#supe { width: 950px; height:175px; margin: 0px auto; padding:0px 0 0 0;background: url(../images/superior.jpg);}
#header { width: 950px; height: 19px; margin: 0px auto; padding:0px 0 0 0;background: url(../images/superior3.jpg);}
#header2 { width: 950px; height: 94px; margin: 0px auto; padding:0px 0 0 0;background: url(../images/bann01.jpg);}
#bar { width: 950px;height:35px; margin:0px auto; padding:0px 0 0 0; background: url(../images/superior2.jpg);}
.wrap { width: 950px; margin: 0 auto; background:#ffffff}
.fecha {padding: 7px 0px 0px 718px; color:#ffffff }

.newlink a:link {TEXT-DECORATION: none; color:#ffffff;padding-right:3px; padding-left:3px;font-size: 1.2em; font-weight: bolder;}
.newlink a:visited {TEXT-DECORATION: none; color:#ffffff; padding-right:3px; padding-left:3px;font-size: 1.2em; font-weight: bolder;}
.newlink a:hover {TEXT-DECORATION: none; color:#FF9900; padding-right:3px; padding-left:3px;font-size: 1.2em; font-weight: bolder;}
	#menu  { float: right; padding: 6px 0 0 0; list-style: none; }
		#menu li { display: inline; }
		#menu a { display: block; float: left; margin-left: 30px; padding: 7px; text-decoration: none; font-size: 13px; color: #000000; }
		#menu a:hover { color: #053742; }
		#menu .active a { color: #9D2900;}
 
#teaser { clear: both; height: 186px; background: #abb3ba }
	
	.box {padding: 0px 0px 0px 18px;  }
	#image { float: right; width: 614px; position: relative; top: 0px; background: url(../images/barra1.jpg) no-repeat top right; height:186px; }
		#image2 { float: right; width: 614px; position: relative; top: 0px; background: url(../images/barra.jpg) no-repeat top right; height:186px; }
		#image3 { float: right; width: 614px; position: relative; top: 0px; background: url(../images/barra3.jpg) no-repeat top right; height:186px; }

	.step { font: .84em Verdana; font-weight:bolder; color : #ffffff;}
	 
.step a:link {
	TEXT-DECORATION: none;
	color : #ffffff;
}
.step a:visited { 
	TEXT-DECORATION: none;
color : #ffffff;
}
.step a:active {
	TEXT-DECORATION: none;
	color : #FFCC00;
}
.step a:hover {
		TEXT-DECORATION: underline;
}
.new {
	TEXT-DECORATION: none;
	color : #3C3C3C;
}	
	
.col { float: left; width: 310px; margin: 0 30px 16px 0; }
.col2 { float: left; width: 520px; margin: 0px 0px 0px 0;  background:#ffffff}
.col3 { float: left; width: 175px; margin: 0px 0px 0px 0px; background:#e0e0e0}
.col2a { float: left; width:255px; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;background: #2f6291; }
.col2b { float: left; width: 695px; margin: 0px 0px 0px 0;  background:#ffffff}
.bloque3{ float: left;  height:590px; width:550px;  margin-left:7px;  margin-top:7px; overflow:auto; }
.colori {border: 4px solid #e0e0e0}
.colori2 {border: 1px solid #515151}
	.last { float: right; margin: 0; }
	.info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 7px; }
#footer 
{ clear: both; width:950px; margin: 0px auto;  height:39px; padding-top:0px; color: #ffffff; text-align:center;}	
#pie{  width:950px; margin: 0 auto;  height:21px; text-align:center; 	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: bolder;}
#pie a:link {TEXT-DECORATION: none; color:#e0e0e0;}
#pie a:visited {	TEXT-DECORATION: none; color:#e0e0e0}
#pie a:hover {text-decoration: underline; color: #FFFF7F;}
#bar ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 375px; list-style:none;}	
#bar ul li{
	
		width:133px; height:35px; 
		vertical-align: middle; 
	font:bold 12px/27px Tahoma, sans-serif; color:#000000; float:left;
	}
#bar ul li a{
	
vertical-align: middle; 
	font:bold 13px/28px Tahoma, sans-serif; color:#CCFFFF; text-align:center; text-decoration:none;
		background:url(../images/mex.jpg);
		width:133px; height:35px; display:block;
		}

#bar ul li a:hover{
		
	vertical-align: middle; 
	font:bold 13px/28px Tahoma, sans-serif; color:#ffffff; text-align:center; text-decoration:none;
	background:url(../images/mex1.jpg);
	width:133px; height:35px; display:block;}

#bar ul li a:active{
	
	vertical-align: middle; 
	font:bold 13px/28px Tahoma, sans-serif; color:#ffffff; text-align:center; text-decoration:none;
	background:url(../images/mex1.jpg);
width:133px; height:35px;display:block;}
.menutit{ color: #ffffff;font-weight:bolder; background-color:#053742; width:120px}
input { BACKGROUND-COLOR: #E6E6F3; border: 1px solid #c6c6c6; COLOR: #000000; FONT-FAMILY: Arial; FONT-SIZE:
12px }
select { BACKGROUND-COLOR: #E6E6F3; border: 1px solid #7f9db9; COLOR: #000000; FONT-FAMILY: Arial; FONT-SIZE:
12px }
.ninp { BACKGROUND-COLOR: #2e2c30; border: 1px solid #a7a6a7; COLOR: #ffffff; FONT-FAMILY: Arial; FONT-SIZE:
12px }
.ninp2 { border: 0px solid;}
.boton{ BACKGROUND-COLOR: #000000; border: 1px solid #3870b0; COLOR: #ffffff; FONT-FAMILY:Verdana; FONT-SIZE:
12px; 	font-weight: bolder; }