﻿/************ PasswordStrength Related Styles ***********************/
.TextIndicator_TextBox1
{
     background-color:Gray;
     color:White;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
}

.BarIndicator_TextBox2_weak
{
    color:Red;
    background-color:Red;
}
.BarIndicator_TextBox2_average
{
    color:Blue;
    background-color:Blue;
}
.BarIndicator_TextBox2_good
{
    color:Green;
    background-color:Green;
}

.BarBorder_TextBox2
{
    border-style:solid;
    border-width:1px;
    padding:2px 2px 2px 2px;
    width:200px;
    vertical-align:middle;
}

.TextIndicator_TextBox3
{
     background-color:Blue;
     color:Yellow;
     font-size:small;
     font-variant:small-caps;
     padding: 2px 3px 2px 3px;
}

.TextIndicator_TextBox3_Handle
{
	width:16px;
	height:14px;
	background-image:url(images/Question.png);
	overflow:hidden;
	cursor:help;
}

.TextIndicator_TextBox1_Strength1
{
     background-color:Gray;
     color:White;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength2
{
     background-color:Gray;
     color:Yellow;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength3
{
     background-color:Gray;
     color: #FFCAAF;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength4
{
     background-color:Gray;
     color:Aqua;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength5
{
     background-color:Gray;
     color: #93FF9E;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}



.dynamicPopulate_Normal
{
	border:silver 1px inset;
	padding:2px;
	text-align:center;
	height:2em;
	margin:5px;
	width:200px;
}

.dynamicPopulate_Updating 
{
	background-image:url(images/loading.gif);
	background-repeat:no-repeat;
	border:silver 1px inset;
	text-align:center;
	padding:2px;
	height:2em;
	margin:5px;
	width:200px;
}

	div.cf_wrapper
	{
		position: relative;
	}
	
	div.cf_element
	{
		width: 341px;
		height: 340px;
		
	}
	
	div.cf_element div.content
	{
		padding: 10px;
	}

	div.cf_element div.content h3
	{
		padding-top: 0;
		margin-top: 0;
	}
.button
{

font-weight: bold;
font-size: 11px;
background-color: #ffcccc;
color: #660700;
font-family: Verdana,Arial,Helvetica,sans-serif;
border: 1px;
border-style: solid;
border-color: #660700;
height: 20px;
}
body
{
    color:#999999;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 5px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	TEXT-DECORATION: none;
	text-align: justify;
	font-family: "Microsoft Sans Serif",Tahoma,Verdana,sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-style: normal;
	}
P {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 15px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	TEXT-DECORATION: none;
	text-align: justify;
	font-family: "Microsoft Sans Serif",Tahoma,Verdana,sans-serif;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	font-style: normal;
}	
TABLE {
	font-family: "Microsoft Sans Serif",Tahoma,Verdana,sans-serif;
	font-size: 12px;
}
A 
{
    color:#000000;
    text-decoration:none;
}
.autor {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	margin-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
span.fecha {
	DISPLAY: block; 
	MARGIN-BOTTOM: 4px; 
	COLOR: #358a0b; 
	MARGIN-RIGHT: 0px;
	FONT-SIZE: 11px; 
	MARGIN: 0px; 
}
LI {
	LIST-STYLE-TYPE: lower-latin;
	font-family: "Microsoft Sans Serif",Tahoma,Verdana,sans-serif;
	font-size: 11px;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 5px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	TEXT-DECORATION: none;
	text-align: justify;
	list-style-type: none
}
H1 
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	border: 1px;
}
H2 
{
    FONT-SIZE: 11px;
	MARGIN: 0px;
	COLOR: #62b662;
	FONT-FAMILY: Tahoma, Verdana, Arial;
	TEXT-DECORATION: none;
}
STRONG {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 100%; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none; 
	TEXT-DECORATION: none
}
FORM {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px
}
INPUT {
	 FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
}
/******************************Cabecera*******************************/
.imagenesweb 
{
    float:left;
    /*margin-left: 10px;*/
}
.cabeceranueva
{
	background-image:url('images/cabecera.gif');
	background-repeat:no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/******************************Pie**********************************/
.pie {
	background-image:url('images/pie.gif');
	height:56px;
	width:591px;
}
.pie a {
	font-size: 12px;
	color: #008060;
	text-decoration:none;
	font-family:"Arial Black";
}
.pie a:hover{
	font-size: 12px;
	color:#008060;
	text-decoration:none;
	font-family:"Arial Black";
}
DIV.foto {
	FLOAT: left; MARGIN: 0px 0px 0px 0px; POSITION: relative; TEXT-ALIGN: left
}

/***************************General***********************************/
form
{
	height:100%;
}
html
{
	height:100%;
}
.shadowRight                        /* borde de la pagina */
{
	height:100%;
	min-height:100%;
	width:12px;	
	background-image: url('images/wh_Shadow_Right.jpg');
	background-repeat:repeat-y;
	background-position:left top;
}
.shadowLeft							/* borde de la pagina */
{
	height:100%;
	min-height:100%;
	width:12px;
	background-image: url('images/wh_Shadow_Left.jpg');
	background-repeat:repeat-y;
	background-position:left top;
}
.spacer								/* ancho del borde de la pagina */
{
	width:12px
}

/**********************************menu********************************/
.leftNav                                    /*      menu completo           */
{
	margin-right:1px; 
	margin-left:1px; 
	margin-top:5px;
	padding-top:0px;
	background-color:#FFFFFF;
	width:146px;
}
.leftNav1								/* primer nivel */
{
    border-left-style:solid;
    border-left-color:#FFFFFF;
    border-left-width:2px;
    text-align:left;
    font-family: tahoma; 
    font-size: 8pt; 
    font-weight: bold; 
    margin-right:10px;
    margin-left:4px;
    padding-left: 21px;
    color:#2d7826;
    height:22px;
    background-image:url('images/fondobotonmenu.gif');
    background-repeat:no-repeat;
}
.leftNav2 						
{
    background-image:url('images/fondobotonmenu2.gif');
    background-repeat:no-repeat;
	background-repeat:no-repeat;
	background-position:left center;		
	height:18px;
    border-bottom:1px;
    text-align:left;
	padding-right: 0px;
	color: #2d7826;
	font-family: tahoma;  
	font-size: 8pt;	
	padding-left:24px;
	margin-left: 24px;
}
.leftNav1 a
{
    font-family: tahoma; 
    font-size: 8pt; 
    font-weight: bold; 
    color:#2d7826;
    text-decoration:none;
}
.leftNav2 a
{
	color: #2d7826;
	font-family: tahoma;  
	font-size: 8pt;	    
    text-decoration:none;
}
.leftNavSel1								/* primer nivel */
{
    border-left-style:solid;
    border-left-color:#FFFFFF;
    border-left-width:2px;
    text-align:left;
    font-family: tahoma; 
    font-size: 8pt; 
    font-weight: bold; 
    margin-right:10px;
    margin-left:4px;
    padding-left: 21px;
    color:#ff0000;
    height:22px;
    background-image:url('images/fondobotonmenu.gif');
    background-repeat:no-repeat;
	background-position:left center;    
}
.leftNavSel2 						
{
    background-image:url('images/fondobotonmenu2.gif');
    background-repeat:no-repeat;
    height:18px;
    border-bottom:1px;
    text-align:left;
	padding-right: 0px;
	color: #ff0000;
	font-family: tahoma;  
	font-size: 8pt;	
	padding-left:24px;
	margin-left: 24px;
	background-repeat:no-repeat;
	background-position:left center;	
}
.leftNavSel1 a
{
    font-family: tahoma; 
    font-size: 8pt; 
    font-weight: bold; 
    color:#ff0000;
    text-decoration:none;
}
.leftNavSel2 a
{
	color: #ff0000;
	font-family: tahoma;  
	font-size: 8pt;	    
    text-decoration:none;
}
/*****************************************paginas diseño*********************/
.Titulo{                     /*----   Titulo cabecera páginas  */
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #00764c;
	background-color: #f3f8ea;
	padding-top: 6px;
	padding-right: 2px;
	padding-bottom: 6px;
	padding-left: 28px;
	width: 97%;
	height: 16px;
	background-image:url('images/logo2.gif');
	background-repeat: no-repeat;
	background-position:left center;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;	
}

/***************************************contenido***********************************/
.contenido a{
	text-decoration:none;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
.contenido a:hover{
	text-decoration:none;
}
.contenido              
{
    margin-right: 10px;
}
.foto_esq_inf_izq {
	BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url('images/esq_inf_izq.gif'); BACKGROUND-REPEAT: repeat-x; HEIGHT: 9px
}
.foto_esq_inf_der {
	BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url('images/esq_inf_dch.gif'); BACKGROUND-REPEAT: repeat-x; HEIGHT: 9px
}
.foto_esq_sup_izq {
	BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url('images/esq_sup_izq.gif'); BACKGROUND-REPEAT: repeat-x; HEIGHT: 9px
}
.foto_superior {
	BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url('images/superior.gif'); BACKGROUND-REPEAT: repeat-x; HEIGHT: 9px
}
.foto_inferior {
	BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url('images/inferior.gif'); BACKGROUND-REPEAT: repeat-x
}
.foto_derecha {
	BACKGROUND-POSITION: right top; BACKGROUND-IMAGE: url('images/derecha.gif'); BACKGROUND-REPEAT: repeat
}
.foto_izquierda {
	BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url('images/izquierda.gif'); BACKGROUND-REPEAT: repeat
}
.foto_piefoto {
	FONT-SIZE: 10px; MARGIN: 5px 3px; COLOR: #9b9b9b; LINE-HEIGHT: 10px; POSITION: relative; TEXT-ALIGN: justify
}
