body {
background: #FFF;
font: 11px Verdana;
text-align: center;
color: #222;
}

#contenedor {
width: 770px;
margin: auto;
text-align: left;

}

#top { background: url(images/fondo_01.jpg) no-repeat; height: 100px; margin: 0; padding: 0;}
	#top  h1 { margin: 0; padding: .8em 0 0 0;}
	#top  img { margin-left: .4em; }

#med { background: url(images/fondo_02.jpg) repeat-y; padding: 0 3em; margin: 0;}

	#med h2 { font: 20px "Trebuchet MS"; margin: 0; padding-top: 0; color: #E4AB28; }
	* html body #med h2 { height: 1%; }
	#med h3 { padding: .5em 0; color: #069; font: bold 1.3em "Trebuchet MS"; }
	* html body #med h3 { height: 1%; }
	#med h4 { padding: .5em 0; color: #0BB7D3; font: bold 1.2em "Trebuchet MS"; }
	* html body #med h4 { height: 1%; }
	#med h5 { margin:0; padding: 1em 0; color: #069; }
	* html body #med h5 { height: 1%; }
		#med h5 span { color: #E4AB28; }
		#med h5 a { text-decoration: none; color: #0BB7D3; }

#bottom { background: url(images/fondo_05.jpg) no-repeat; height: 80px; margin: 0; padding: 0;}

#botones { padding: 2.5em;}

#nav { margin: 0; padding: 2em 0 0 0;}
#nav a span { border-bottom: 1px dashed #069; }
#nav ul { padding: 1.7em 0; text-align: center; background: url(images/navbar.jpg) no-repeat; height: 50px; margin: 0;}
#nav li { display: inline; letter-spacing: 2px; margin-right: 5px; border-right:1px solid #0BB7D3; padding: 0 1em;}
#nav li  a { text-decoration: none; color: #E4AB28; font-weight: bold;}


a img { border: none;}

form {margin: 0;}

	form ul li {list-style-type: none; clear: both; color: #8F7662; font: normal 11px Verdana;}

	form span {color: #666; margin-left: .5em; padding: 0 1em; font: bold 1em "Trebuchet MS"; float: left; display: block;}
	
	form h4 { color: #E4AB28; font: bold 1.2em "Trebuchet MS";}

input , textarea , select {font: 11px Verdana; color: #444;}
textarea {display: block; width: 450px; height: 100px; clear: both;}

label { float: left; text-align: right; width: 120px; margin-right: .3em; padding: 0.2em .5em 0.2em 1em; background: #069; color: #FFF;}
input , select  { float: left; width: 300px;}
	.porcentaje { width: 50px; text-align: right;}
	.radio { width: 10px; text-align: center;}

dt { margin: 1em 0;}
dd { margin-top: .5em;}

ol li { list-style-type: upper-alpha;}

.clearer {clear: both; margin: 0; height: 1%;}
.submit , .reset { width: 160px; height: 30px; border: none; color: #FFF; font: bold 1em Verdana;}
.submit {background: url(images/submit.gif) no-repeat; }
.reset {background: url(images/reset.gif) no-repeat; }

.small { font: 9px Verdana;}


.error , .ok { width: 700px; height: 120px; padding: 1em 2.5em 0 2.5em; margin: 0; color: #FFF;}
	.error h4 , .ok  h4 {  font-size: 1.8em;}
.ok { background: url(images/ok.gif) no-repeat;}
	.ok span {letter-spacing: 2px; font: bold 1.8em Tahoma;}
.error { background: url(images/error.gif) no-repeat;}

.checkbox { width: 20px; margin-right: 280px;}

.nota {
	color: #333;
	background: #eee url(images/information.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 1.5em 3.5em;
	border-top: 2px solid #0BB7D3;
	border-bottom: 2px solid #0BB7D3;
	line-height: 1.3em;
	margin-right: 2em;
}

.nota a { text-decoration: none; color: #E4AB28; border-bottom: 1px dashed #E4AB28;}
.nota i , .nota b , .nota i { color: #E4AB28; }
.print { background: url(images/print.gif) top left no-repeat; height: 30px; padding: .5em 0 .5em 3.5em; text-decoration: none; color: #E4AB28; display: block;} 
.salir { background: url(images/salir.gif) top right no-repeat; height: 40px; padding: .5em 2.5em .5em 0; text-decoration: none;} 
#finconv{
width: 100%; text-align: center; color: #0E3D6D; font: bold 15px Verdana;
}