/* CSS Document */
* {margin: 0; padding: 0;}
body{margin:0; padding:0; background: url(bkg.jpg) top repeat-x #ffffff; color:#000000; font:12px Arial, Helvetica, sans-serif; }

.clear {clear:both; height: 1px;}
.mensaje {width:95%; font-size:14px; color: #d5b164; font-weight: bold; margin:10px auto 0 auto;}
a {color:#f09300; font-weight:bold;text-decoration: none;}
a:hover {text-decoration: underline;}
#contenedor-principal{width:850px; margin:0 auto 0 auto; padding:0px; background: #ffffff;}

#header{width:850px; height:180px; position: relative; margin: 0; background: url(bkg-header.jpg) top left no-repeat #ffffff;}
#header a.logo{width:260px; height:110px; display: block; position: absolute; top: 0px; left:50px; background: url(logo.jpg) top left no-repeat;}
#header h2{position: absolute; top: 70px; right:15px; color:#ffffff; font:25px Arial, Helvetica, sans-serif; text-align: right; font-weight:bold;}

/*----menu----*/
#menu{width:100%; height: 30px; margin: 0; background: url(bkg-menu.png);}

#contenedor-menu {margin: 0; padding: 0;}
#contenedor-menu ul { width: 480px; margin: 0 auto 0 80px; list-style: none; line-height: 30px;}
#contenedor-menu ul li {display: inline;}
#contenedor-menu ul li a {display:block; font-size:14px; float: left; padding: 0px 30px 0px 20px; background: url(arrow_on.png) left center no-repeat; text-decoration: none; color: #dfdfdf; font-weight: bold;}
#contenedor-menu a:hover {display:block; font-size:14px; float: left; padding: 0px 30px 0px 20px; background: url(arrow_off.png) left center no-repeat; text-decoration: none; color: #ffffff; font-weight: bold;}
/*----/menu----*/

#cuerpo{width:850px; margin: 0px; background: url(bkg-cuerpo.jpg) top right repeat-y #ffffff;}

#cuerpo div#izquierda{width:550px; min-height: 350px; float:left; margin: 0; position: relative;}
#cuerpo div#izquierda h1{color:#000000; font:25px Arial, Helvetica, sans-serif; margin: 20px 0 5px 15px; font-weight:bold;}
#cuerpo div#izquierda h2{color:#999999; font:22px Arial, Helvetica, sans-serif; margin: 10px 0 15px 15px; font-weight:bold;}

#cuerpo div#izquierda img.puzzle{ position:absolute; top: 130px; left: 20px;}
#cuerpo div#izquierda ul{ width: 280px; height: 200px; position:absolute; top: 120px; right: 30px; list-style: none;}
#cuerpo div#izquierda ul li{margin: 15px 0 5px 0; padding: 0 0 0 15px; background:url(item.png) top left no-repeat;}
#cuerpo div#izquierda ul li.titulo{color:#017688; padding: 0; font-size:18px; background:none; font-weight:bold;}
#cuerpo div#izquierda ul li span{color:#f09300; font-weight:bold;}

#cuerpo div#izquierda div#contenido{margin: 15px 0 15px 0;}
#cuerpo div#izquierda div#contenido h2{color:#017688; padding: 0; font-size:18px; background:none; font-weight:bold;}
#cuerpo div#izquierda div#contenido table.columna { float: left; width: 500px; margin: 10px 0 15px 25px;}
#cuerpo div#izquierda div#contenido p.titulo{color:#017688; padding: 0; font-size:15px;font-weight:bold; margin: 10px 0 0 0;}
#cuerpo div#izquierda div#contenido p.subtitulo{padding: 0 0 0 15px; background:url(item.png) top left no-repeat; margin: 10px 0 0 0; font-weight: bold;}
#cuerpo div#izquierda div#contenido p.interior{padding: 0 0 0 30px; margin:0;}

#cuerpo div#derecha{width:250px; float: right; margin: 0;}

#cuerpo div#derecha div#derecha1{width:250px; height:100px; margin: 0; background: #dcdcdc;}
#cuerpo div#derecha div#derecha1 h2.contacto{color:#333333; font:18px Arial, Helvetica, sans-serif; background:url(contacto.png) center left no-repeat; padding: 25px 0 10px 35px; margin: 0 0 0 5px; font-weight:bold;}
#cuerpo div#derecha div#derecha1 p{margin: 0 15px 0 15px; text-align: justify; color: #666666;}
#cuerpo div#derecha div#derecha1 a{ font-weight:bold; color:#f09300;}

#cuerpo div#derecha div#derecha2{width:250px; margin: 0;}
#cuerpo div#derecha div#derecha2 h2.equipo{color:#333333; font:18px Arial, Helvetica, sans-serif; background:url(equipo.png) center left no-repeat; padding: 25px 0 10px 35px; margin: 0 0 0 5px; font-weight:bold;}
#cuerpo div#derecha div#derecha2 h2.servicios{color:#333333; font:18px Arial, Helvetica, sans-serif; background:url(servicios.png) center left no-repeat; padding: 25px 0 10px 35px; margin: 0 0 0 5px; font-weight:bold;}
#cuerpo div#derecha div#derecha2 p{margin: 0 15px 0 15px; text-align: justify; color: #666666;}
#cuerpo div#derecha div#derecha2 a{ font-weight:bold; color:#f09300;}


/*----footer----*/
#pie{width:100%; height: 50px; margin: 0; background: #017688;}
#contenedor-pie{width:850px; height: 50px; margin: 0px auto 0 auto ; padding:0px;}
#pie_izquierda{width:550px; height: 50px; float:left; margin: 0;}
#pie_izquierda ul { width: 480px; margin: 15px auto 0 100px; list-style: none; line-height: 20px;}
#pie_izquierda ul li {display: inline;}
#pie_izquierda ul li a {display:block; font-size:11px; float: left; padding: 0px 20px 0px 20px; text-decoration: none; color: #ffffff; border-right: 1px solid #ffffff;}
#pie_izquierda ul li a.ultimo {display:block; font-size:11px; float: left; padding: 0px 20px 0px 20px; text-decoration: none; color: #ffffff; border-right: 0px}
#pie_izquierda ul li a:hover {text-decoration: underline;}

#pie_derecha{width:250px; height: 50px; float: right; margin: 0; background: #9d9d9d;}
#pie_derecha p{ margin: 10px 15px 0 0; color: #ffffff; text-align: right; font-size:10px;}

/*----/ footer----*/
#contenedor-pie-upm{width:850px; height: 50px; margin: 0px auto 0 auto ; padding:0px;}
#footer_umpocom {width:793px;text-align: right; color:#999999;margin:5px auto 0 auto;font-size:10px;font-weight:bold;}
#footer_umpocom p{ float: right; width: 180px; padding: 3px 0 0 0; margin:8px 0 0 0;}
#footer_umpocom a{color:#017688;}