/* Human Training */
html{ text-align:center; width:100%; height:auto;margin:0;padding:0;}

BODY{ 
font-family:Arial, Helvetica, sans-serif;background: #008ac9;
font-size:1em;
margin:0;padding:0;width:100%;text-align:center;height:auto;
}
a{text-decoration:none;border:none; color:#014e71;}
img{border:none;}
.clear{width:100%; height:1px; clear:both;}


/*******pagina********************************************************************************************************************/
#fondo{background:#fff url(../images/bgr_top.gif) no-repeat top;width:891px;min-height:500px;height:auto!important;height:100%;text-align:center;margin:0 auto;padding:0;}
/*******izquierda********************************************************************************************************************/

#izq{ float:left; width:27%; height:auto;}

#logo{text-align:left;padding:0; margin:22px;}
#logo a{}

#menu{width:99%; height:20px; color:#fff;margin:0 auto;padding:0;text-align:left; display:block; }
#menu ul{margin:0; width:90%;list-style-type:none;text-align:left;vertical-align:top; padding:0; margin:0px; margin-left:10px; margin-top:25px;border-left:solid 1px #008ac9;border-right:solid 1px #9cd3ef; }
#menu li{ text-transform:uppercase; font-size:0.7em; margin:0; padding:0;}
#menu li img{}
#menu li a{vertical-align:middle; background:url(../images/bgr_menu2.gif) repeat-x top; color:#014e71; font-weight:bold;height:22px;margin:0px;padding-left:16px; padding-top:10px;  display:block; }
#menu li a:hover{ color:#008ac9;background:url(../images/bgr_menuActivo.gif) repeat-x top; font-weight:bold;}
#menu li.activo a{ color:#008ac9;background:url(../images/bgr_menuActivo.gif) repeat-x top; font-weight:bold; border-top:solid 1px #008ac9;border-bottom:solid 1px #008ac9;}
#menu li ul{width:100%; margin:0; padding:0; height:auto;border-right:none;}
#menu li ul li{ margin:0; padding:0;font-size:1em;margin-left:-1px;width:100%;}
#menu li ul li a{margin:0; padding:0;padding-left:40px; padding-top:9px;}
#menu li ul li a span{margin:0; padding:0; padding-left:34px;background:url(../images/flecha.gif) no-repeat top left; padding-top:4px;height:22px;}

/*******derecha*******************************************************************************************************************/
#der{ float:left; width:71%; border-left:solid 1px #008ac9;padding-top:10px;}

#submenu{ float:left;margin:0;padding:0;height:20px; width:20%; text-align:left; margin-left:5px;}
#submenu ul{margin:0;padding:0; font-size:0.7em; text-transform:uppercase; text-align:left; margin-top:10px;}
#submenu li{ margin:0;padding:0;background:url(../images/punto.gif) left no-repeat; padding:0px 0px 5px 18px; list-style-type:none;}
#submenu li a{ color:#014e71;}

#cabezal{float:right;width:70%; margin:0; padding:0;}

#breadcrumb{ text-align:left; font-size:0.6em; margin-left:15px; margin-top:5px; margin-bottom:25px;/* border-bottom:1px solid #008ac9;*/ }
#breadcrumb strong{color:#014e71; font-weight:bold;font-size:1em; text-transform:uppercase;}
#breadcrumb strong A{color:#014e71;}

#centro{min-height:200px;height:auto!important;height:100%;width:96%; text-align:left; margin:0 auto;}
#centro h1{ color:#008ac9; font-size:1.4em;}
#centro #texto{ font-size:0.8em; text-align:justify;} 

#centro #texto ul.formacion li{ list-style-type:none; margin:0; padding:0; margin-bottom:5px;/* border:solid 1px #000;*/} 
#centro #texto ul.formacion li a{ background:url(../images/descargar.gif) no-repeat;padding:2px 0;height:30px;padding-left:25px; vertical-align:middle; /*border:solid 1px #000;*/} 
#centro #texto ul#consultoria li a{ background:url(../images/flechalista.gif) no-repeat;padding:2px 0;height:30px;padding-left:25px; vertical-align:middle; /*border:solid 1px #000;*/} 
#centro #texto ul.formacion li a.nulo, #centro #texto ul#consultoria li a.nulo{ background:url(../images/transparente.gif) no-repeat; color:#000000;} 


#centro #texto div.azul{background: #008ac9;color:#fff;font-size:0.9em;text-align:center;width:55%;margin:0px 115px;border:solid 2px #0a45b0;padding:2px;}
#centro #texto div.azul p{margin:3px; padding:0;}
#centro #texto div.azul a{color:#fff;text-decoration:underline;}
#centro #texto div.azul a.flecha{display:block; text-align:right;}


/***formulario****/
#centro  #texto #form FORM{width:90%;text-align:justify;padding-left:20px;} 
#centro  #texto #form p.nota {vertical-align:bottom; margin:1% 0;font-family:Trebuchet MS, Verdana, Arial;font-style:italic;color:#111;clear:both;font-size:0.7em;}
#centro  #texto #form fieldset{padding-left:20px; font-size:0.9em; width:100%; padding-top:10px; }/*border:none;*/
#centro  #texto #form label {width:70px; display:block;float:left;margin:2px 0;}
#centro  #texto #form  textarea{width:69%;margin:0; vertical-align:middle; clear:right;}/*vertical-align:middle; clear:right;*/
#botones1{ text-align:left; margin-top:5px; margin-left:80px;}
input.contacto{ margin:2px 0;}

p.validator a{font-size:0.6em;color:#fff; text-align:right; text-transform:uppercase; margin:0px 5px; padding:0;}
p.verde{color:green;}
p.rojo{color:red;}


/*******pie*************************************************************************************************************************/
#fondo #piefondo{background:#fff url(../images/bgr_bot.gif) no-repeat bottom; margin:0; height:117px;/*IE6*/ _height:28px;/*IE6*/ text-align:right; /*border:solid 1px #000;*/}
#piefondo #pie{ margin:0px;/*firefox*/margin-top:85px;margin-right:13px; width:70%; text-align:right; vertical-align:bottom; font-size:0.7em; min-height:40px;height:auto!important;height:100%; 
display:block; clear:both; /*firefox*/ .float:none; float:right;  }
#piefondo #pie p.logotics{ float:right; vertical-align:middle; font-size:0.75em;}
#piefondo #pie p.logotics a{color:#000;}
#piefondo #pie p.logotics a img{vertical-align:middle; color:#000;}
#piefondo #pie p.direccion{ float:left;vertical-align:middle;}