* {/*reseteo*/
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #B2C1F0;
	text-align: left;
}

a:link,a:visited,a:active,a:hover{
	text-decoration: none;
}

#container {
	width:100%;
	min-width:800px;
	width: expression((documentElement.clientWidth <800) ? "800px" : "100%" );
}
 
#contenedor_header{
	width: 100%;
	height: 58px;
	background-color: #FFFFFF;
}

#header_certifica_metric{
	float: left;
	background-image: url(../images/gradient_top.gif);
	background-repeat: repeat-x;
	height: 58px;
	width: 76%;
}

#header_certifica_metric_logo{
	width: 254px;
	height: 58px;
	float: left;
	background-image: url(../images/gradient_certifica_metric.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.header_certifica_metric_right{
	width: 16px;
	height: 58px;
	float: left;
	background-image: url(../images/gradient_corner.gif);
	background-repeat: no-repeat;
}

.menu_superior_box{
	float: right;
	height: 58px;

}
.menu_superior{
	float: left;
	height: 58px;
	margin-left: 20px;
	margin-right: 10px;
}

.menu_superior a{
	color: #FFFFFF;
	height: 58px;
	text-align: center;
	vertical-align: middle;
	line-height: 58px;
	font-weight: bold;
	font-size: 11px;
}

.menu_superior a:hover{
	color: #0410A6;	
}
		
#header_logo_certifica{
	width: 160px;
	height: 58px;
	float: right;
	background-image: url(../images/certifica1.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;

}	
	
#banner_account{
	width: 100%;
	height: 23px;
	float: left;
	background-image: url(../images/gradient_account.gif);
	background-repeat: repeat-x;
}

#account_name{
	height: 23px;
	float: left;
	line-height: 23px;
	margin-left: 10px;
	color: #5F5F5F;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	list-style-position: inside;
	list-style-image: url(../images/miniball.gif);
	text-align: left;
	background-image: url(../images/miniball.gif);
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
	text-indent: 12px;
}


#usuario{
	height: 23px;
	float: left;
	line-height: 23px;
	color: #1F61C2;
	font-weight: bold;
	font-size: 10px;
	padding-left: 50px;
}

.banner_menu_right{
	height: 23px;
	float: right;
	padding-right: 10px;
	text-decoration: none;
}

.banner_menu_right ul{
	list-style-type: none;
	text-decoration: none;
}
.banner_menu_right li{
	list-style-type: none;
	float: left;
	height: 23px;
	text-decoration: none;
	display: block;
	text-align: left;
}
.banner_menu_right a{
	height: 23px;
	color: #666666;
	text-align: right;
	vertical-align: middle;
	line-height: 23px;
	font-size: 10px;
	text-decoration: none;
}
.banner_menu_right a:hover{
	color: #14307A;
}

.cerra_sesion a{
	list-style-type: none;
	float: left;
	height: 23px;
	background-image: url(../images/cerrar_sesion.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	text-indent: 12px;
}


/*container principal pag log in*/
#main_box {
	float: left;
	height: 340px;
	background-image: url(../images/gradient_log_in.jpg);
	background-repeat: repeat-x;
	width: 100%;
}
/*aca va iso cm para log in en skin_admin_standard*/

#msj_mora_header{
	width: 100%;
	height: 58px;
	background-image: url(../images/gradient_top.gif);
	background-repeat: repeat-x;
}

#msj_mora_ext{
	float: left;
	height: 340px;
	background-image: url(../images/msj_mora.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 27%;
}
#msj_mora{
	width: 500px;
	float: left;
	background-color: #E0E8FA;
	margin-top: 100px;
	padding: 30px;
	border: 2px solid #FFFFFF;
}
#msj_mora h1{
	color: #243CAA;
	font-size: 14px;
}
#msj_mora p{
	color: #333333;
	font-size: 13px;
	margin-top: 15px;
}

#int_2 {
	width: 314px;
	background-image: url(../images/bubbles.jpg);
	float: left;
	background-repeat: no-repeat;
	background-position: center top;
	height: 340px;
	padding-bottom: 35px;
	}
	
#int_2 h1 {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	margin-top: 38px;
	color: #FFFFFF;
}


/*log in*/


#Log_in_form{
	width: 314px;
	background-color: #C0CCF3;
	border: 1px solid #FDFDFD;
	margin-top: 85px;
	padding-top: 20px;
	padding-bottom: 15px;
}


.input_username {
	float: left;
	height: 20px;
	width: 184px;
	margin-top: 7px;
	margin-bottom: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	color: #666666;
	text-align: left;
	height: 20px;
	line-height: 20px;
	float: left;
	vertical-align: bottom;
}

.input_password {
	margin-top: 7px;
	margin-bottom: 7px;
	float: left;
	height: 20px;
	width: 184px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	color: #6D6D6D;
	text-align: left;
	height: 20px;
	line-height: 20px;
	float: left;
	vertical-align: bottom;
}


.log_in_title{
	font-size: 11.5px;
	font-weight: normal;
	width: 130px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align: left;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	text-indent: 45px;
	float: left;
}

.log_in_button{
	float: left;
	height: 74px;
	width: 144px;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../images/ingresar_button.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-right: 85px;
	padding-left: 85px;
}

.log_in_button a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	float: left;
	height: 74px;
	line-height: 74px;
	color: #FFFFFF;
	width: 144px;
}
.log_in_button a:hover{
	background-image: url(../images/ingresar_button_orange.jpg);
	background-repeat: no-repeat;
	background-position: center center;	
}

#int_3 {
	float: left;
	height: 340px;
	width: 140px;
	margin-left: 36px;
}

#int_3 h2{
	float: left;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin-top: 138px;
	color: #1B3F9E;
}

#int_3 p {
	float: left;
	font-size: 11px;
	text-align: left;
	margin-top: 10px;
	color: #FFFFFF;
	width: 140px;
}

#int_3 a{
	font-weight: bold;
	color: #ffffff;
}
#int_3 a:hover{
	font-weight: bold;
	color: #1B3F9E;
}



/*error en log in*/
#error_log_in{
	float: left;
	margin-top: 140px;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFE4CA;
	border: 1px solid #FF8000;
	padding: 18px;
	margin-left: 10px;
}

#error_log_in h2{
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #1B3F9E;
	line-height: 28px;
	background-image: url(../images/exclamacion.gif);
	background-position: right center;
	background-repeat: no-repeat;
	width: 160px;
}
#error_log_in p {
	font-size: 11px;
	text-align: left;
	margin-top: 10px;
	color: #666666;
	width: 160px;
}

/*banner Bienvenida*/
#main_banner {
	height: 106px;
	background-image: url(../images/cm_banner2.jpg);
	background-repeat: no-repeat;
	background-color: #B3C2F0;
	float: left;
	width: 100%;
	background-position: center;
}

#main_banner h1 {
	font-size: 14px;
	font-weight: bold;
	color: #003399;
	margin-top: 50px;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	width: 90%;
	text-align: center;
}

#main_banner h2 {
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	margin-top: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
	padding-right: 4%;
}

#admin_pestana{
	width: 100%;
	height: 26px;
	float: left;
}
/*sub menu pestanas*/
.admin_pestana ul{
	list-style-type: none;	
}

.admin_pestana li{
	float: left;
	list-style-type: none;
}

.admin_pestana a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 26px;
	color: #93A9EA;
	width: 192px;
	background-image: url(../images/pest2.gif);
	background-repeat: no-repeat;
	height: 26px;
	list-style-type: none;
	display: block;
	margin-right: 10px;
	text-align: center;
}

.admin_pestana a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 26px;
	color: #335CD7;
	
}

.admin_pestana h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 26px;
	color: #CFD9F5;
	width: 192px;
	background-image: url(../images/pest1.gif);
	background-repeat: no-repeat;
	height: 26px;
	list-style-type: none;
	margin-right: 10px;
	text-align: center;
}



#admin_box{
	background-color: #6685E1;
	float: left;
	padding-left: 2.5%;
	padding-bottom: 40px;
	width: 97.5%;
}

#admin_box h1{
	font-size: 18px;
	color: #FFFFFF;
	text-align: left;
	height: 38px;
	margin-top: 10px;
	line-height: 38px;
	float: left;
	vertical-align: middle;
	font-weight: bold;
}
#admin_box_bolita{
	text-indent: 10px;
	height: 38px;
	width: 38px;
	float: left;
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 15px;
	margin-top: 10px;
}

#admin_box_int{
	width: 94%;
	background-color: #FFFFFF;
	float: left;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 5px;
	padding-right: 15px;
	padding-left: 15px;
}


.sitio_red{
	float: left;
	height: 24px;
	margin-bottom: 10px;
	background-image: url(../images/expandir.gif);
	background-position: left center;
	background-repeat: no-repeat;
	background-color: #E6EBFA;
	border: 1px solid #C1CAFB;
	width: 100%;
}

.sitio_red a {
	line-height: 24px;
	font-size: 12px;
	font-weight: bold;
	font-weight: bold;
	color: #333333;
	text-align: left;
	vertical-align: middle;
	display: block;
	text-indent: 8px;
	font-family: Arial, Helvetica, sans-serif;
}

.sitio_red a:hover {
color: #022CA8;
}

.red_symbol {
	background-image: url(../images/red2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 24px;
	width: 28px;
	margin-left: 38px;
}
.sitio_symbol {
	background-image: url(../images/sitio.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 24px;
	width: 18px;
	margin-left: 70px;
}


.expandir {
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	font-weight: bold;
	color: #666666;
	text-align: left;
	background-image: url(../images/expandir.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 18px;
	width: 13px;
}


.textfield{
	width: 130px;
	background-color: #FFFFFF;
	border: thin solid #ACBFF0;
	height: 20px;
	
}
#warning_ie6 {
	margin-top: 50px;
	border: thin solid #2339A0;
	width: 470px;
	padding-top: 40px;
	padding-bottom: 42px;
	padding-left: 45px;
	padding-right: 45px;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	background-image: url(../images/gradient_benchmark.jpg);
	}
	
#warning_ie6 h1 {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #2339A0;
	background-image: url(../images/exclama.gif);
	background-repeat: no-repeat;
	text-indent: 45px;
	line-height: 40px;
}
#warning_ie6 p {
	font-weight: normal;
	text-align: left;
	margin-top: 20px;
	color: #333333;
	line-height: 20px;
	vertical-align: bottom;
}
#warning_ie6 a {
	font-weight: bold;
	color: #2339A0;
}
#old_version a {
	font-weight: bold;
	color: #3E3E3E;
}

/*buscador*/

.buscador{
	width:40%;
	border: 1px solid #FFFFFF;
	float:right;
	padding: 5px;
	margin: 20px;
	color: #666666;
	min-width: 400px;
 }
 .buscador p{
	color: #666666;
	font-size: 11px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
 }
  .busqueda{
	min-width: 300px;
 }
.busqueda li{
	height: 18px;
	text-decoration: none;
	list-style-type: none;
	background-color: #E0E8FA;
	margin-bottom: 2px;
 }
.busqueda_red a{
	color: #575757;
	font-size: 11px;
	line-height: 18px;
	vertical-align: middle;
	padding-left: 27px;

 }
 .busqueda_red a:hover{
	color: #333333;
	background-image: url(../images/red1.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	
 }
 .busqueda_sitio a{
	color: #575757;
	font-size: 11px;
	line-height: 18px;
	vertical-align: middle;
	padding-left: 27px;
	
	
 }
 .busqueda_sitio a:hover{
	color: #333333;
	background-image: url(../images/sitio1.gif);
	background-repeat: no-repeat;
	background-position: 15px center;
	
 }

.text_selection{
	color: #666666;
	font-weight: bold;
	padding-left: 10px;
	font-size: 11px;
}
.input_box_big{
	height: 18px;
	line-height: 18px;
	width: 95%;
	margin-left: 15px;
	}
.boton_new li{
	line-height: 42px;
	background-image: url(../images/button.png);
	height: 42px;
	width: 100px;
	float: left;
	list-style-type: none;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 10px;
	cursor:pointer;
}