/* CSS Document */
/*ESTRUCTURA*/
*, html, body, div, table, h1, h2, h3, h4, h5, h6, p, form, img, a{margin:0;padding:0;border:0;font-size:100.01%}
html{height: 100%}
body{height: 100%}
.height2000{height: 2000px;}
#pagina{position: relative;min-height: 100%;}
* html #pagina{height: 100%;}
body {font-size:.8em; font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif; color:#323232;background: #ebeae5 }/*#36424A*/
#pagina {width:794px; padding:0 3px;margin:0 auto; background: #f5f5f2 url(../img/fnd_body.gif) 50% 0 repeat-y}
#pie{position: relative;width:800px; padding:50px 10px 15px; margin:-80px auto}
#cuerpo{padding-bottom:80px; width:794px}
* html #cuerpo {}

/*GENERALES*/
input, select {border:1px solid #c4c7c8; font-size:.9em; font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif; color:#323232}
.centrado {text-align:center}
/*Clear*/
#cabecera, #menuppal , #contenidos, #cuerpo, .par { float:left;clear:both}
/*Hovers*/
a {color:#8C8729}
#pie a, #menuppal a, #areausuario p a  {text-decoration:none}
#pie a:hover, #areausuario p a:hover {text-decoration:underline}


/*CABECERA*/
#cabecera {padding:11px 40px 0; width:714px; height:96px; background:url(../img/fnd_cabecera.png) 0 0 repeat-x}
* html #cabecera { padding-top:11px}
#logo { float:left; width: 66px; height:42px; margin-right:35px; margin-top:18px}
#cabecera h1 { float:left; margin-top:17px}
#areausuario { background:url(../img/fnd_area_usuario.png) 0 0 no-repeat;float:right; width:223px; height:80px; color:#36424A; font-size:.86em; padding:  8px 20px}
#areausuario label, #areausuario h2 {color:#36424A;}
#areausuario h2 {margin-bottom:8px; text-align:center}
#areausuario label {float:left; width:43%}
#areausuario .par input {float:left; width:55%; padding:1px}
.par { width:100%; margin-bottom:4px}
#areausuario input {font-size:1em; padding: 0 3px}
#areausuario input,#areausuario p {float:left}
#areausuario p {padding-left:45px; font-weight:bold; font-size:.9em; margin-top:3px}
#areausuario p img { vertical-align:middle; padding-right:2px}

/*CUERPO*/
/*Menu*/
#contenidos { line-height:140%; padding: 28px 40px; width:714px}
#contenidos p, #contenidos ul {margin-bottom:15px}
#contenidos h2 {}
/*Menu*/
#menuppal {padding:10px 40px; background:#000000 url(../img/fnd_menu.gif) 0 0 repeat-x; width:714px; height:21px}
* html #menuppal {}
#menuppal ul li {float:left; list-style:none; width:33%; text-align:center}
#menuppal a { font-weight:bold; color:#FFF}
#menuppal a:hover { color:#B6B316}

/*PIE*/
#pie { text-align:center; font-size:.86em; background:#EBEAE5 url(../img/fnd_pie.gif) 50% 0 no-repeat }