@charset "utf-8";
/* CSS Document */

  /**colores importantes 
  azul:#508FEF
  rojo: #C92D05
   **/
   * {padding:0; margin:0}
   p, h1, h2, h3, h4, ul, ol {padding-bottom:1em}
   a {color:#C92D05; text-decoration:none}
   a:hover {text-decoration:underline}
   
   body {font-family:Arial, Helvetica, sans-serif; font-size: 1em; color:#666666; letter-spacing:0.05em; font-size:0.9em}
   #wrap {background:url(img/barra_vr.jpg) no-repeat 5% 160px;width:900px; margin: 0 10px 0 5%; border: black solid 1px}
   #barra_hr {margin-top:50px}
   #main {width:800px; margin-left:80px}
   #header {width:410px; margin-top:20px; margin-bottom:40px; float:left; display:inline}
    #navi {border:1px solid black; height:26px; width:520px; background:#508FEF; color:white}
                 .navi_on {background:url(img/nav_gris.jpg)}
	 #navi li {float:left; display:block; border:#999 1px solid}
	 #navi ul {list-style:none; padding:1px}
	 #navi a {text-decoration:none; padding:3px; color:white; display:block}
	 #navi a:hover {background:url(img/nav_rojo.jpg)}
   #sub_navi {position:relative; width:100px; left:42px; padding-top:6px; } 
	#sub_navi ul {list-style:none; padding-left:1.5em; margin-bottom:-10px}
	    .sub_navi_on {border-right:#666 6px solid; padding-right:1em}
   #foto {float:right; display:inline; margin-top:20px; border:2px solid}
   #content {width:520px; float:left; display:inline; margin-bottom:30px}
	#content ol, ul {padding-left:3em; list-style:square}
   #info_box {float:right; display:inline; margin-top:200px; margin-right:10px; border:#C92D05 solid 2px; padding:5px; font-size:0.9em; width:140px}
    #info_box ul, ol {padding-left:1px; list-style:none}
   #footer {clear:both; padding:1px; position:relative; top:20px; font-size:0.9em}