@charset "iso-8859-2";
/* CSS Document */

*{margin: 0; padding: 0;}
img{border: none;}

body{text-align: center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #333;}
#contenedor{margin: 5px auto; width: 915px; overflow-y: auto; _overflow-y: none; overflow-x: hidden; border: 1px solid #ccc;}

#cabecera_sup{float: left; width: 915px;}
#cabecera_sup img{float: left;}
#cabecera_sup #home{float: right; width: 33%; margin: 35px 0 10px 0;}
#cabecera_sup #home ul{float: right; list-style: none; display: inline; width: 100%; margin: 20px 0 0 0;}
#cabecera_sup #home ul li{float: left; list-style: none; display: inline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #59708A; text-align: rigth;}
#cabecera_sup #home ul li a{float: left; list-style: none; display: inline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #59708A; text-align: rigth; text-decoration: none; margin: 0 5px 0 0; border-right: 1px solid #fff; padding: 0;}
#cabecera_sup #home ul li a:hover{color: #666;}
#cabecera_sup #home ul li.inicio{background: url(../images/home.gif) no-repeat left center; padding: 0 0 0 15px; border-right: 1px solid #59708A; margin: 0 5px 0 0;}
#cabecera_sup #home ul li.contacto{background: url(../images/sobre.gif) no-repeat left center; padding: 0 0 0 15px; border-right: 1px solid #59708A; margin: 0 5px 0 0;}
#cabecera_sup #home ul li.mapa{background: url(../images/mapa.gif) no-repeat left center; padding: 0 0 0 20px; border-right: 1px solid #59708A; margin: 0 5px 0 0;}
#cabecera_sup #home ul li.idioma{background: url(../images/globo.gif) no-repeat left center; padding: 0 0 0 16px; border-right: none;}

#menu_sup{float: left; background-color: #000; width: 915px; text-align: center; height: 34px;}
ul#navmenu-h {
  margin: 0 10px;
  border: 0 none;
  padding: 0;
  width: 895; /*For KHTML*/
  list-style: none;
  height: 36px;
}

ul#navmenu-h li {
  margin: 0;
  border: 0 none;
  padding: 0 12px;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 26px;
  background: #000;
}

ul#navmenu-h ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 32px;
  _top: 33px;
  left: 0;
  opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80);  
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  /*width: 160px;*/
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  padding: 0;
  margin: 0 12px;
  border-bottom: 1px solid #666;
  width: 100%;
  height: auto;
}
ul#navmenu-h ul#submenu1 {width: 130px; *width: 142px !important; _width: 130px;}
ul#navmenu-h ul#submenu2 {width: 135px; *width: 147px !important; _width: 135px;}
ul#navmenu-h ul#submenu3 {width: 197px; *width: 209px !important; _width: 197px;}
ul#navmenu-h ul#submenu4 {width: 176px; *width: 188px !important; _width: 176px;}

/* Root Menu */
ul#navmenu-h a {
  border:none;
  padding: 7px 6px;
  _padding: 8px 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #000;
  color: #666;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */

ul#navmenu-h li a:hover {background: #D9DCE2;  color: #456282;}
/*ul#navmenu-h a:hover,
ul#navmenu-h li:hover a
 {
  background: #000;
  color: #FFF;
}
ul#navmenu-h li.iehover a
{
  background: #000;
  color: #FFF;
}*/

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  background: #000;
  color: #fff;
  font-weight: bold;
  text-align: left;  
  padding: 3px 4px; 
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background: #D9DCE2;
  color: #456282;
}



ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}



#cabecera_inf{float: left; width: 915px;}
#cabecera_inf object{float: left;}
#cabecera_inf #clientes{float: left; background-color:#D9DCE2; width: 189px; height: 242px;}
#cabecera_inf #clientes h1{float: left; font-size: 14px; color: #456282; font-weight: bold; border-bottom: 1px solid #fff; text-align: right; width: 96%; margin: 10px 0 5px 0; padding: 0 0 3px 0;}
#cabecera_inf #clientes h1 a{color:#456282; text-decoration: none;}
#cabecera_inf #clientes h1 a:hover{color: #333;  text-decoration: none;}
#cabecera_inf #clientes ul{float: left; list-style: none; display: block; width: 96%; text-align: right;}
#cabecera_inf #clientes ul li{color: #456282; font-weight: bold; display: block; font-size: 13px;}

#centro{float: left; width: 915px; background-color: #DEDFD6; border: 1px solid #CECFCE; margin: 5px 0 0 0; overflow-y: auto; _overflow: none; padding: 30px 0;}
#centro h1{float: left; width: 90%; font-size: 13px; color: #59708A; text-align: left; margin: 0 0 10px 20px;}
#centro h1.fuera{margin: 0 0 10px 45px; _margin: 0 0 10px 25px;}

#centro #cuadro1{float: left; width: 246px; margin: 0 0 0 30px; _margin: 0 0 0 20px;}
#centro #cuadro1 h1{float: left; width: 98%; font-size: 13px; color: #333; text-align: left; margin: 0 0 10px 0;}
#centro #cuadro1 img{float: left; margin: 0 5px 0 0;}
#centro #cuadro1 p{float: left; text-align: left; width: 55%;}
#centro #cuadro1 p.mas{float: left; width: 88%; background: url(../images/flechaamarilla.gif) no-repeat left center; padding: 0 0 0 15px; color: #59708A; margin: 25px 0 0 0;}
#centro #cuadro1 p.mas a{text-decoration: underline; color: #59708A;}
#centro #cuadro1 p.mas a:hover{text-decoration: none; color: #59708A;}
#centro #cuadro1 p.mas2{float: left; width: 88%; background: url(../images/flechaamarilla.gif) no-repeat left center; padding: 0 0 0 15px; color: #59708A; margin: 10px 0 0 0;}
#centro #cuadro1 p.mas2 a{text-decoration: underline; color: #59708A;}
#centro #cuadro1 p.mas2 a:hover{text-decoration: none; color: #59708A;}

#centro #cuadro2{float: left; width: 246px; margin: 0 0 0 35px; _margin: 0 0 0 25px;}
#centro #cuadro2 h1{float: left; width: 98%; font-size: 13px; color: #333; text-align: left; margin: 0 0 10px 0;}
#centro #cuadro2 img{float: left; margin: 0 5px 0 0;}
#centro #cuadro2 p{float: left; text-align: left; width: 55%;}
#centro #cuadro2 p.mas{float: left; width: 88%; background: url(../images/flechaamarilla.gif) no-repeat left center; padding: 0 0 0 15px; color: #59708A; margin: 10px 0 0 0;}
#centro #cuadro2 p.mas a{text-decoration: underline; color: #59708A;}
#centro #cuadro2 p.mas a:hover{text-decoration: none; color: #59708A;}

#centro #cuadro3{float: left; width: 320px; _width: 280px; margin: 0 0 0 30px; _margin: 0 0 0 25px;}
#centro #cuadro3 h1{float: left; width: 98%; font-size: 13px; color: #333; text-align: left; margin: 0 0 10px 0;}
#centro #cuadro3 img{float: left; margin: 0 5px 0 0;}
#centro #cuadro3 p{float: left; text-align: left; width: 65%;}
#centro #cuadro3 p.mas{float: left; width: 88%; background: url(../images/flechaamarilla.gif) no-repeat left center; padding: 0 0 0 15px; color: #59708A; margin: 10px 0 0 0;}
#centro #cuadro3 p.mas a{text-decoration: underline; color: #59708A;}
#centro #cuadro3 p.mas a:hover{text-decoration: none; color: #59708A;}

#centro div.cuadro4{float: left; width: 245px; margin: 0 0 0 40px; _margin: 0 0 0 20px;}
#centro div.cuadro4 h1{float: left; width: 98%; font-size: 13px; color: #333; text-align: left; margin: 0 0 5px 5px;}
#centro div.cuadro4 img{float: left; margin: 0 5px 0 0;}
#centro div.cuadro4 p{float: left; text-align: left; width: 95%; margin: 0 0 0 5px;}
#centro div.cuadro4 p.mas{float: left; width: 88%; background: url(../images/flechaamarilla.gif) no-repeat left center; padding: 0 0 0 15px; color: #59708A; margin: 10px 0 0 5px;}
#centro div.cuadro4 p.mas a{text-decoration: underline; color: #59708A;}
#centro div.cuadro4 p.mas a:hover{text-decoration: none; color: #59708A;}


#centro div.cuadrodir{float: left; width: 180px; margin: 0 0 0 28px; _margin: 0 0 0 20px; border: 1px dotted #456282; padding: 5px;}
#centro div.cuadrodir h1{float: left; width: 100%; font-size: 13px; color: #333; text-align: center; margin: 0 0 10px 0;}
#centro div.cuadrodir p{float: left; text-align: center; width: 100%;}
#centro div.cuadrodir p a{text-decoration: underline; color: #59708A;}
#centro div.cuadrodir p a:hover{text-decoration: none; color: #59708A;}


#centro #cuerpo{float: left; width: 850px; margin: 0 30px 0 30px; _margin: 0 25px 0 15px;}
#centro #cuerpo h1{float: left; width: 98%; font-size: 13px; color: #59708A; text-align: left; margin: 0 0 10px 0;}

#centro #cuerpo #texto{float: left; width: 610px;}
#centro #cuerpo #texto h2{float: left; width: 100%; font-size: 12px; color: #333; text-align: left; margin: 0 0 5px 0; font-weight: bold;}
#centro #cuerpo #texto p{float: left; text-align: justify; width: 99%; margin: 0; padding: 0;}
#centro #cuerpo #texto p a{text-align: justify; width: auto; margin: 0; padding: 0; text-decoration: underline; color: #59708A;}
#centro #cuerpo #texto p a:hover{text-decoration: none;}
#centro #cuerpo #texto ul{float: left; list-style: none; display: block; margin: 5px 0 5px 0; *margin: 0 0 5px 0 !important;}
#centro #cuerpo #texto ul li{text-align: left; padding: 0 0 0 15px; background: url(../images/flechaazul.gif) no-repeat left 4px;}
#centro #cuerpo #texto ul li a{text-decoration: none; color: #333;}
#centro #cuerpo #texto ul li a:hover{text-decoration: underline;}
#centro #cuerpo #texto ul.izq{float: left; width: 45%; margin: 5px 15px 5px 0;}

#centro #cuerpo img{float: left; margin: 0 20px 0 0;}

#centro #cuerpo #texto p.flecha{background: url(../images/flechaazul.gif) no-repeat left center; font-weight: bold; color: #59708A;}
#centro #cuerpo #texto p.flecha a{text-decoration: none; color: #59708A; font-weight: bold; padding: 0 0 0 15px;}
#centro #cuerpo #texto p.flecha a:hover{text-decoration: underline;}

#centro #cuerpo #texto dl{float: left; list-style: none; display: block; width: 40%; margin: 5px 0 5px 0;}
#centro #cuerpo #texto dl dt{text-align: left; padding: 0 0 0 15px; background: url(../images/flechaazul.gif) no-repeat left 4px; color: #59708A; font-weight: bold;}
#centro #cuerpo #texto dl dt a{text-decoration: none; color: #59708A;}
#centro #cuerpo #texto dl dt a:hover{text-decoration: none; color: #333;}
#centro #cuerpo #texto dl dd{text-align: left; margin: 0 0 0 15px; color: #59708A;}
#centro #cuerpo #texto dl dd a{text-decoration: none; color: #333;}
#centro #cuerpo #texto dl dd a:hover{text-decoration: none; color: #666;}

#centro #cuerpo #texto #formulario{float: left; margin: 15px 0 0 0; padding: 0 0 0 0;}
#centro #cuerpo #texto #formulario div.derecha{float: left;}
#centro #cuerpo #texto #formulario div.izquierda{float: left; margin: 0 10px 0 0;}
#centro #cuerpo #texto #formulario h1{text-align: left; color: #4A6683; font-size: 13px; margin: 0 0 10px 0;}
#centro #cuerpo #texto #formulario label{float: left; text-align: right; margin: 0 5px 0 0; width: 70px;}
#centro #cuerpo #texto #formulario label.curri{width: 170px; text-align: left;}
#centro #cuerpo #texto #formulario input{float: left; margin: 0 0 6px 0; width: 150px; border: 1px solid #999;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #333;}
#centro #cuerpo #texto #formulario textarea{float: left; margin: 0 0 6px 0; width: 190px; border: 1px solid #999; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #333; height: 50px;}
#centro #cuerpo #texto #formulario textarea.largo{height: 95px; width: 230px;}
#centro #cuerpo #texto #formulario input.enviar{width: 80px; cursor: pointer; margin: 0; padding: 0;}
#centro #cuerpo #texto #formulario input.enviar2{width: 80px; cursor: pointer; margin: 0 0 0 75px; padding: 0;}
#centro #cuerpo #texto #formulario input.examinar{width: 265px;}

#centro2{float: left; width: 915px; background-color: #fff; min-height: 210px; _height: 210px; margin: 5px 0 0 0; overflow-y: auto; _overflow-y: none;}
#centro2 img{float: left; margin: 15px 25px 0 30px;}
#centro2 ul h1{text-align: left; color: #4A6683; font-size: 13px; margin: 0 0 5px 0;}
#centro2 ul p.cv{float: left; background: url(../images/botoncv.gif) no-repeat left center; color: #fff; font-size: 14px; font-weight: bold; padding: 13px 0 18px 3px; width: 251px; margin: 10px 0 0 0; text-align: center;}
#centro2 ul p.cv a{text-decoration: none; color: #fff;}
#centro2 ul p.cv a:hover{text-decoration: none; color: #ccc;}
#centro2 ul{float: left; list-style: none; display: block; width: 300px; margin: 15px 15px 0 0; border-right: 1px solid #666;}
#centro2 ul li{text-align: left; padding: 0 0 0 15px; background: url(../images/flechaazul.gif) no-repeat left 5px;}
#centro2 ul li.mas{background: url(../images/flechaamarilla.gif) no-repeat left 3px;}
#centro2 ul li a{text-decoration: none; color: #333;}
#centro2 ul li a:hover{text-decoration: underline;}
#centro2 ul.sinborde{border-right: none; margin: 15px 0 0 0;}
#centro2 ul.empleo{margin: 15px 0 0 30px; _margin: 15px 0 0 20px; border-right: none;}

#centro2 #formulario{float: left; margin: 15px 0 0 0; padding: 0 0 0 0;}
#centro2 #formulario div.derecha{float: left;}
#centro2 #formulario div.izquierda{float: left; margin: 0 10px 0 0;}
#centro2 #formulario h1{text-align: left; color: #4A6683; font-size: 13px; margin: 0 0 10px 0;}
#centro2 #formulario label{float: left; text-align: right; margin: 0 5px 0 0; width: 70px;}
#centro2 #formulario label.curri{width: 170px; text-align: left;}
#centro2 #formulario input{float: left; margin: 0 0 6px 0; width: 150px; border: 1px solid #999;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #333;}
#centro2 #formulario textarea{float: left; margin: 0 0 6px 0; width: 190px; border: 1px solid #999; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #333; height: 50px;}
#centro2 #formulario textarea.largo{height: 95px; width: 230px;}
#centro2 #formulario input.enviar{width: 80px; cursor: pointer; margin: 0; padding: 0;}
#centro2 #formulario input.enviar2{width: 80px; cursor: pointer; margin: 0 0 0 75px; padding: 0;}
#centro2 #formulario input.examinar{width: 265px;}




#pie{float: left; width: 915px; border-top: 10px solid #666; padding: 10px 0 5px 0; margin: 10px 0 0 0;}
#pie p.telefono{float: left; width: 40%; text-align: left; margin: 0 0 0 10px;}
#pie p.direccion{float: right; text-align: right; margin: 0 10px 0 0;}

div.clear{clear: both;}

.txt_tdtextos{font-size: 14px; color: #59708A;}
#print p{margin: 15px 0; font-weight: bold; color: #59708A;}
#print p a{font-weight: bold; color: #59708A; text-decoration: none; background: url(../images/printer.gif) no-repeat left center; padding: 10px 0 10px 35px;}
#print p a:hover{text-decoration: none; color: #333;}

p.confidencialidad{font-size: 10px;}