<style type="text/css">

body { }

#contenedor {
  			 width: 90%;
  			 max-width: 745px;
  			 width: expression(document.body.clientWidth > 746? "745px": "auto");
  			 margin: 0 auto;
  			/*padding: 50;*/
			}


#cabecera {
			background: #ffffff;
			float: left;
			width: 100%;
			max-height: 9.09em;
			position: relative;
			top: 2em;
			}


#cabecera_titulo {
				  float: left;
				  position: relative;
				  left: 0em;
				  top: 0em;
				  width: 50%;
				 }

#cabecera_foto {

				float: right;
				position: relative;
				left: 0em;
				top: 0em;
				border-style: none;
				
			   }


#menu{
	  background: #013440;
	  float: left;
	  position: relative;
	  top: 2.5em;
	  width: 100%;
	  max-height: 2.5em;
	  }


#id_menu {
		  float: left;
		  position: relative;
		  top: -0.5em;
		  left: 3.7em;
		 }


#id_menu li {
display: inline;
}

#id_menu li a {
				font-family: Arial;
				font-size: 0.9em;
				text-decoration: none;
				margin-right: 6em;
				float: left;
				padding: 0.2em;
				color: #f2f2f2;
			  }

#id_menu li a:hover{
					/*color: #E6E6E6; /*Color del texto cuando el mouse actua*/
					margin-top: -0.3em;
					/* font-size: 1em; */
					/* font-family: Arial; */
					margin-bottom: 19px;
					}

#principal{
			float: left;
			position: relative;
			width: 100%;
			top: 3em;
			border-style: none;
          }

#frame {
		background: #ffffff;
		float: left;
		position: relative;
		width: 100%;
		height: 25em;
   	  }


#pie {
		background: #013440;
		float: left;
		width: 100%;
		position: relative;
	 	top: 1em;
	 	height: 2.5em;
		}


#pie_texto{
			float: left;
			position: relative;
			top: 1.2em;
		  	left: 24em;
	 		font-family: Arial;
	 		font-size: 0.6em;
	 		color: #f2f2f2;
		}

</style>
