/* CSS Document */

*{margin: 0; padding: 0;}
img{border: 0;}
body{text-align: center; background: url(../images/fondo_sup.jpg) repeat-x left top;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px;}
p{text-align: left; color: #333; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px;}
p a{color: #5A5A00; text-decoration: underline;}
p a:hover{color: #333; text-decoration: none;}
h1{text-align: left; color: #E70000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 17px; border-left: 2px solid #E70000; padding: 0 0 0 5px; margin: 0 0 10px 0;}
.gris{color: #333; font-size: 15px;}
.verde{color: #5A5A00;}
strong{color: #E70000;}

.margen{margin: 0 0 0 10px;}

#contenedor{margin: 0 auto; width: 724px; min_height: 534px; _height: 534px; overflow-y: hidden; _overflow-y: none;}
#cabecera{float: left;}
#cabecera ul.contacta{float: right; height: 54px; text-align: right; display: inline; list-style: none; margin: 25px 5px 0 0;}
#cabecera ul.contacta li{float: left; text-align: center; color: #fff; font-weight: bold; display: inline; list-style: none; margin: 0 0 0 10px; width: auto;}
#cabecera ul.contacta li a{float: left; text-align: center; color: #fff; text-decoration: none; padding: 15px 0 0 0;}
#cabecera ul.contacta li a:hover{color: #E70000; text-decoration: none;}
#cabecera ul.contacta li.inicio{background: url(../images/ico_inicio.gif) no-repeat center top;}
#cabecera ul.contacta li.contacta{background: url(../images/ico_contacta.gif) no-repeat center top;}


#menu{float: left; width: 492px; background-color: #333333;}
#menu ul{float: left; list-style: none; display: inline; height: 31px; width: 99%;}
#menu ul li {position: relative; float: left; list-style: none; display: inline; color: #fff; padding: 8px 15px 0 15px;}
#menu ul li a{float: left; border-bottom: 4px solid #333; color: #fff; text-decoration: none; background: url(../images/flecha_roja.gif) no-repeat left center; padding: 0 0 0 12px;}
#menu ul li a:hover{border-bottom: 4px solid #515100; color: #fff; text-decoration: none;}

#menu ul ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 140px;
  list-style: none;
  display: none;
  position: absolute;
  top: 31px;
  _top: 30px;
  *top: 28px !important;
  left: 0;
}
#menu ul a{display: block; height: auto !important; height: 1%;}

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

#menu ul 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 dotted #666;
  width: 100%;
  height: auto;
}


/* 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 */



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

/* 2nd Menu Hover Persistence */
#menu ul li:hover li a:hover,
#menu ul li:hover li:hover a,
#menu ul li.iehover li a:hover,
#menu ul li.iehover li.iehover a {
  border: none;
  color: #c70000;
}



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

/* Do Not Move - Must Come Before display:block for Gecko */
#menu ul li:hover ul ul,
#menu ul li:hover ul ul ul,
#menu ul li.iehover ul ul,
#menu ul 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;
}



#cuerpo{float: left; padding: 0 0 0 10px; margin: 30px 0 0 0; width: 455px; min-height: 100px; _height: 100px;}
#cuerpo img{float: left; margin: 0 15px 0 0;}
#cuerpo p{text-align: justify;}

#cuerpo ul{text-align: left; list-style: none; display: block; margin: 0 0 0 10px;}
#cuerpo ul li{text-align: left; background: url(../images/flechagris.gif) no-repeat left 5px; list-style: none; display: block; padding: 0 0 5px 12px;}
#cuerpo ul.margen2{margin: 0 0 0 25px;}

label{float: left; width: 70px; color: #5A5A00; text-align: left; margin: 0 5px 5px 10px;}
input{float: left; width: 220px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 0 5px 0; border: 1px dotted #5A5A00; background-color:#E8E8E8;}
textarea{float: left; width: 220px; height: 80px; border: 1px dotted #5A5A00; background-color:#E8E8E8; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px;}
input.enviar{float: left; background-color: #5A5A00; color: #fff; font-weight: bold; margin: 10px 0 0 85px; width: 70px; cursor: pointer;}

#lateral{float: right; background-color: #E2E2E2; border-left: 1px dotted #666; width: 231px; min-height: 320px; _height: 320px; overflow-y: hidden; _overflow-y: none; padding: 0;}
#lateral img{border-top: 1px solid #E70000; border-bottom: 1px solid #E70000; margin: 5px;}
#lateral h1{margin: 5px;}
#lateral p{padding: 5px;}
#lateral ul.galeria{float: left; text-align: left; list-style: none; display: block; margin: 0;}
#lateral ul.galeria li img{float: left; border-top: none; border-bottom: none; padding: 0; margin: 0;}
#lateral ul.galeria li{float: left; padding: 6px 5px 6px 8px; margin: 0;}
#lateral ul.galeria li a{float: left; text-align: left; border: 1px solid #E70000; padding: 0; margin: 0;}
#lateral ul.galeria li a:hover{border: 1px solid #5A5A00;}

.mapa{background-color: #333; color: #fff; margin: 10px 0 0 0;}
.mapa a{color: #fff; text-decoration: none; background: url(../images/nuevaventana.gif) no-repeat right 3px; padding: 0 17px 0 0;}
.mapa a:hover{color: #E70000; text-decoration: none;}

#pie{margin: 10px auto 0 auto;  background: url(../images/fondo_inf.jpg) repeat-x left top; height: 55px; color: #fff; padding: 5px 0 0 0;}
#pie img.certificado{vertical-align: middle; margin: 2px 2px 0 0;}

#print{text-align: center; margin: 0 auto; width: 150px;}
#print p{margin: 15px auto; font-weight: bold; color: #c70000;}
#print p a{font-weight: bold; color: #c70000; text-decoration: none; background: url(../images/printer.gif) no-repeat left center; padding: 10px 0 10px 30px;}
#print p a:hover{text-decoration: none; color: #fff;}

.clear{clear: both;}

.logoact{margin: 0 auto; width: 724px; padding: 0; text-align: right;}