body { margin : 0px; font-family : arial;}
#hack {width : 800px; }
#contenedor { width: 800px; background : url(imagenes/fondo.gif); margin: 0px; text-align : left; float : left;}
#menusuperior { width : 711px; height: 38px; background : url(imagenes/menusupfondo.gif) no-repeat; margin-left: 45px; display: inline; float :left;}
#cabecera { margin-top: 10px; width: 711px; height: 180px; background : url(imagenes/cabecerafondo.gif); margin-left: 45px; float :left; display: inline;}
#textocabecera { float : right; width : 250px; heigh : 180px; font-size : 12px; margin : 0px;}

#patrocinadores { width: 710px; height: 31px; margin-top: 10px; margin-left: 45px; margin-bottom : 10px; float :left; display: inline;}
.patrocinador { float: left; margin-left : 5px; border : none;}

#menu { width : 225px; margin-left : 45px; float : left; display: inline; }
#menu img {  float : left; width : 225px;}
#menu #menuitem          { text-decoration : none; width : 100%; height : 50px ; display : block; background : url(imagenes/barrablanca.gif) no-repeat #0078aa; font-size : 18px ; color : white; float : left; }
#menu #menuitem:hover    { width : 100%; height : 50px; display : block; background : url(imagenes/flechablanca.gif) no-repeat #a4d82e; }
#menu #menuitem div      { padding-left : 50px; padding-top : 15px; }

#menu #misexmundis       { text-decoration : none; width : 100%; height : 50px ; display : block; background : url(imagenes/barrablanca.gif) no-repeat orange; font-size : 18px ; color : white; float : left; }
#menu #misexmundis:hover { width : 100%; height : 50px; display : block; background : url(imagenes/flechablanca.gif) no-repeat red; }
#menu #misexmundis div      { padding-left : 50px; padding-top : 15px; }

#menu #menuitemSelect { width : 225px; height: 50px; font-size : 20px; color : white; display : block; background : url(imagenes/circuloverde.gif) no-repeat #0078aa; float: left; }
#menu #menuitemSelect div { padding-left : 50px; padding-top : 15px; }

#menu #menuitemhijo { width : 225px; height: 30px; font-size : 20px; color : white;background : url(imagenes/barrablancamini.gif) no-repeat #0078aa 40px 0px; float: left; text-decoration : none;}
#menu #menuitemhijo:hover { width : 225px; height: 30px; font-size : 20px; color : white; display : block; background : url(imagenes/flechaverdemini.gif) no-repeat #0078aa 40px 0px; text-decoration : underline;}
#menu #menuitemhijo div {margin-left : 50px;}

#login { width : 475px; height : 94px; background : url(imagenes/fondologin.gif) no-repeat; float : left; margin-left : 10px;}
#login a         { text-decoration : none; color : white;  background : url(imagenes/barrablancamini.gif) no-repeat; float :left; display : block; margin-left : 23px; margin-top : 10px; height : 20px; padding-left : 10px; width : 180px; font-size : 12px;}
#login a:hover   { color : white;  background : url(imagenes/flechablancamini.gif) no-repeat; text-decoration : underline ;}
#extv { width: 216px; height : 160px; float : right; margin-top : 10px; margin-right : 10px;}
.entrada { color : white ; float: left; margin-left : 10px; font-size : 12px; margin-top : 5px;}
.entrada input {color : black ; border : 1px solid black; background : white; width : 100px; height : 22px;}
#botonalta input{ background : url(imagenes/biniciarsesion.gif) no-repeat; border : none; width : 100px; height : 20px; margin-left: 10px; margin-top : 5px; float : left; display : inline;}

#colaboradores {  width: 710px; height: 31px; margin-top: 10px; margin-left: 45px; float :left;  margin-bottom : 10px; display: inline;}
.colaborador   { float: left; margin-left : 5px;}

#pie { width : 710px; height: 53px; background : url(imagenes/fondopie.gif) no-repeat ;float : left; margin-left : 45px; display: inline;}
#pie a         { text-decoration : none; color : white;  background : url(imagenes/barrablancamini.gif) no-repeat; float :right; display : block; margin-left : 23px; margin-top : 10px;  padding-left : 10px;}
#pie a:hover   { color : white;  background : url(imagenes/flechablancamini.gif) no-repeat; text-decoration : underline ;}

.enlace           { float :left; padding-left: 15px; display : block; }
.enlace #texto    { float :left; margin-left : 15px; color : white;}
.enlace #textopie { float :left; margin-left : 15px; color : black;}

#centro { width : 450px; height : auto; float : left; margin : 0px; padding : 0px;}

#centro img { float : left; margin-top : 13px; }
#centro h1 { float: left; font-size : 30px; margin-top : 20px; margin-bottom : 20px;} 

#centro p { margin-left : 35px; margin-right : 0px; padding : 0px; display :inline; float : left; text-align : justify; width : auto;}

#textocentro { float : left ; width : 455px; display : inline ; margin-left : 20px; text-align : justify; font-size : 12px;}
#textocentro h2 { margin-left : 5px; margin-bottom : 5px; display : inline; float : left;}
#textocentro table { float : left ; text-align : left; margin-left: 35px; font-size : 9px;}
#textocentro p { margin-left : 35px; margin-right : 0px; padding : 0px; display :inline; float : left; text-align : justify; width : auto;}

#actividad { width : 100%; float : left: margin-bottom: 20px;}

#actividad img { float : left; margin-left : 20px; margin-right : 10px; display : inline; margin-top : 0px; padding : 0px;}

#actividad h2 {float : left; width : 400px; margin : 0px; padding : 0px;}

#actividad label { float : left; margin-left: 20px; margin-bottom : 3px; display : inline; width: 455px;}

#actividad p { float : left; margin-left : 20px; display : inline; width : 455px;}

#actividad .color1 {background : blue;}

#actividad table { float : left; margin-left : 20px; margin-bottom : 20px; font-size : 9px fixed;}

.noticia { width : 100%; float : left; margin-bottom : 20px;}
.noticia #lineanoticia1 { width : 100% ; float: left; height : 21px; diplay : block; font-size : 12px; margin-bottom : 9px;}
.noticia h2 { margin-left : 37px; margin-bottom : 10px; float : left; font-size : 12px; color : #0078aa; display: inline;}
.noticia #textonoticia { margin-left: 37px; margin-bottom : 9px; float : left; font-size : 12px; width : 440px; display : inline; }

.leermas { background : url(imagenes/barraverdemini.gif) no-repeat; text-decoration : none; margin-top : 0px; color : black; float: left; padding-left: 10px; display : inline; margin-left: 35px;}
.leermas:hover { background : url(imagenes/flechaverdemini.gif) no-repeat; text-decoration : underline; color : black; }

.entradaweb { margin-left : 50px; width : 333px; float : left; display : inline; margin-bottom : 4px;}
.entradaweb label { width : 140px; height : 20px; display :block; color : white; background : url(imagenes/fondoentradaweb.gif) no-repeat; float : left; text-align : left;}
.entradaweb input { width : 140px; height : 20px; display : inline; float: left; margin-left: 10px; border : none; background : url(imagenes/fondoinputweb.gif) no-repeat; padding-left : 5px;}

#error_alta { width : 333px; float : left ; border : 1px red solid; display :inline ; margin-left : 50px; color :red ; text-align : left;}
#error_alta b { width : 100% ; background : red ; color : white; display : block; text-align : center;}

#datos_ingreso { width : 300px; float : left;}
#cancelar_catering {width : 350px; float: left;