/* css kaos absoluto */
   
body {
	padding: 0;
	margin: 0;
	font: 11px Tahoma;
	line-height: 1.5em;
	color: #800080;
	background-color: #FFEAFF;

}



/* links */
a:link {color: #808080; text-decoration: none}
a:visited {color: #808080; text-decoration: none}
a:hover {color: #000099}
a:active {color: #808080; text-decoration: none}

/* Textos encabezados */

h1 { 
font: bold 2em Arial;
Sans-Serif;
letter-spacing: -1px; 
padding: 16px 0 0 8px; 
margin: 0; 
}

h2 {
	margin: 0;
	padding: 0;
	font: 12px Tahoma;
	background-color: #FFEAFF;
	text-align:center;
	color: #800080;
}

h2 a:link {color: #800080; text-decoration: none}
h2 a:visited {color: #800080; text-decoration: none}
h2 a:hover {color: #800080}
h2 a:active {color: #800080; text-decoration: none}

h3 { 
font: 90% Arial, Sans-Serif; 
margin: 0 0 10px 0; 
padding: 0; 
color: #800080; 
background: #FFF; 
}

h4 { 
font: bold 2em Arial;
Sans-Serif;
text-align:center;
letter-spacing: -1px; 
padding: 16px 0 0 8px; 
margin: 0; 
}

p {	
margin: 0 0 0px 0; 
line-height: 1.5em;
 }
 

/* layout
   ------ */

.content { 
	margin: 10px auto;
	width: 765px;
	height:auto;
	background: #FFf ;
	color: #800080;
	border: 1px solid #e6e6e6;
	padding-left:10px;
	padding-right:10px;

}

.logo_caja {
	width: auto;
	height: 90px;
	padding: 10px 0 0px 7px;

}
	


/*  medio */

	.box_centro {
		width: auto;
	
		text-align: center;
		
}	

		
		.cental_side { 
		float: right; 
		width: 405px; 
		margin: 0 8px 0 5px; 
		text-align: justify; 
	
		
		}
		
		.article { 
		
		padding: 0 5px 10px 0px; 
		margin-bottom: 20px;
		border-bottom: 1px solid #e6e6e6;
		}
		
		img article {
		text-align:center;
		
		
		}
		

/* lado izquierdo todo en cajitas box_left
   --------- */

.left {
	 float: left;
	 width: 595px;
	 margin-left: auto; 
	 margin-right: auto;

	


}
	.left_side {
	float: left;
	width: 159px;
	padding: 0px 5px 8px 0px;
	
		}
		
/* lado izquierdo todo en cajitas box_left dnd estan los servicios ;)
   --------- */
   
	.box_left {
		width: auto;
		color: #595959;
		text-align: center;
		border: 1px solid #FFEAFF;
		
		
}	
	 .box_banner{
	 
	 	width: auto;
		text-align: center;
		
		}
	
	/* lado derexo todo en cajitas box_left dnd estan los servicios ;)
   --------- */
   
   .right { float: right; 
   width: 170px;
    margin: 0 0 10px 0;
	
	}
   
	.box_derexa {
		width: auto;
		color: #595959;
		background: #FFf;
		padding-left:  3px;
		text-align:center;
		
	}
	
	.box_login {
	color: #808080;
	height: 90px;
	width: auto;
	
	}
					
			
img { float: left; margin: 0 9px 3px 0; }


/* menussssss */

 .menu{
padding: 3px 0;
margin-right: 10px;
font:  11px tahoma;
list-style-type: none;
text-align: right; /*set to left, center, or right to align the menu as desired*/
color: #7e7e7e;

}

.menu li{
display: inline;
margin: 0;
color: #7e7e7e;
}

.menu li a{
text-decoration: none;
padding: 3px 7px;
margin-left: 0px;
border: 1px solid #FFEAFF;
background-color: #FFf;
color: #7e7e7e;
}

.menu li a:visited{
color: #7e7e7e;
}

.menu li a:hover{
background-color: #FFEAFF;
color: #7e7e7e;
}

.menu li a:active{
color: #7e7e7e;
}

.menu li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #DBFF6C;
color: #7e7e7e;
}

/* footer
   ------ */

.footer { 
	clear: both; 
	text-align: center;
	color: #7e7e7e;
	padding: 0px 0 5px 0;
	border-top: 1px solid #e6e6e6;

}

input.buttonSubmit{
 font-size: 8pt;
 color: #7e7e7e;
 background-color: #FFFFFF;
 border: 1px solid #FFEAFF;
 padding: 0px 10px 0px 10px;
}

div.formRow
{
  clear: both;
  padding-top: 5px;
  vertical-align: bottom;
}

div.formRow span.formLabel
{
  float: left;
  width: 150px;
  text-align: right;
  padding-top: 3px;
}

div.formRow span.formField
{
  float: right;
  width: 245px;
  text-align: left;
  padding-bottom: 4px;
  padding-top: 0px;
}