html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background: url(../imagenes/cabecera.jpg) #bababa repeat-x;
} 

#foto{
float:right;
display: inline;
margin:3px 0 0 0;
position:relative;
}
 
#pagewidth{ 
 width:999px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
}
img{
border:none;
margin:0;
padding:0;}

a{
outline:none;
color: #006699;
text-decoration:none;
}

a:hover{
text-decoration:underline;}



p{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#7d7d7d;}

h1{

}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#2d5f6e;}

h3{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color: #666666;
margin:40px 0 30px 0;
}


img{
border:none;
}

ul{
list-style-image:url(../imagenes/bullet.jpg);
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#4295aa;
}

li{
margin:0 0 20px 0}

 
#header{
 position:relative; 
 height:127px; 
 width:100%;
 text-align:left;
} 

#navegacion{
height:29px;
width:999px;
margin:auto;
 position:relative; 
}

#navegacion ul{
list-style:none;
float:right;
margin:0;
padding:0;
}

#navegacion li{
float:left;
margin:0;
padding:0;
height:29px;
}

#navegacion #seleccionado{
background:url(../imagenes/selected.jpg) repeat-x;
color:#182b32;
}

#navegacion ul li a{
float:left;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
margin:0;
padding:0 10px;
display:block;
line-height:29px;
}

#navegacion ul li a:hover{
background:url(../imagenes/link_hover.jpg) repeat-x;
}

#leftcol{
 width:230px; 
 float:left; 
 position:relative;
 display:inline;
 }

#sub_navegacion{
width:230px; 
}

#sub_navegacion ul{
list-style:none;
 width:230px; 
margin:0;
padding:0;
}

#sub_navegacion li{
height:29px;
margin:0;
}

#sub_navegacion #seleccionado{
background:url(../imagenes/sub_hover.jpg) repeat-x;
color:#fff;
}

#sub_navegacion ul li a{
width:220px; 
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
margin:0;
padding:0 0 0 10px;
display:block;
line-height:29px;
border-bottom:solid 1px #ababab;
}

#sub_navegacion ul li a:hover{
background:#ababab;

}


 

 
 
#maincol{
 float: left; 
 display:inline; 
 position: relative; 
 width:709px;
 background:#fff;
 padding:30px;
 }
 
 #copyright{
 text-align:center;
 margin:50px 0 0 0;
}

 #copyright p{
 color:#CCCCCC;
 font-size:11px;}
 
#footer{
background:#5f5f5f;
 height:20px; 
 clear:both;
 } 
 
#footer ul{
list-style:none;
float:left;
margin:0 0 0 20%;
padding:0;
}

#footer li{
height:20px;
display:inline;
margin:0;
}


#footer ul li a{
float:left;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
margin:0;
padding:0 10px;
display:block;
line-height:20px;
}

#footer ul li a:hover{
background:#7e7e7e;
}
 
/*form*/

.form_title{
			color : #000000;
			font-size: 11px;
			font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
		}

		.form_field {
			font-size : 11px;
			font-family : Verdana, Arial, Helvetica, sans-serif;
			color : #474747;
			text-align:left;
		}

		.form_text{
			font-size : 11px;
			font-family : Verdana, Arial, Helvetica, sans-serif;
			color : #000000;
		}

		.text_box{
			font-size : 11px;
			font-family : Verdana, Arial, Helvetica, sans-serif;
			color : #000000;
			width:200px;
		}

		.text_area{
			font-size : 11px;
			font-family : Verdana, Arial, Helvetica, sans-serif;
			color : #000000;
			width:200px;
			height:60px;
		}

		.text_select{
			font-size : 11px;
			font-family : Verdana, Arial, Helvetica, sans-serif;
			color : #000000;
		}

		.form_error{
			font-size : 11px;
			font-family : Verdana, Arial, Helvetica, sans-serif;
			color : #ff0000;
		}

		.copyright{
			font-size : 11px;
			font-family : Verdana, Arial, Helvetica, sans-serif;
			color : #000000;
		}
 
/* end form*/

.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}