html {
	background-color: #FFF;
	margin: 0;
	padding: 0;
  }

/*estilos para el body*/
body
{
  font: normal 0.9em/1.5 "Trebuchet MS", Helvetica, sans-serif;
  font-family: 'Trebuchet MS', Helvetica, sans-serif;
  font-size: 0.9em;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.5;  
  color: #fff;
  margin: 0;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  display: block;
}
/*+++++++++++++++++++++++++++++++++*/
/*final estilos body*/
/***********************************/

/*estilos contenedor principal y la cabecera*/
.container 
{
  width:996px;
  margin:0px auto;
  font-size:1em;    
} 
.ancho-cabecera{
    width: 958px;
    height: 293px;
    margin: 0 auto;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    border-right: #A0A0A0 1px solid;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgb(160, 160, 160);
    border-left: #A0A0A0 1px solid;
    border-bottom: #A0A0A0 1px solid;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(160, 160, 160);
    background-image: url(../images/parque.jpg);
}
#super-cabecera{    
    background:#002459;
    background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(30,87,153,0.8) 15%, rgba(30,87,153,1) 19%, rgba(30,87,153,1) 20%, rgba(41,137,216,1) 50%, rgba(30,87,153,1) 80%, rgba(30,87,153,1) 81%, rgba(30,87,153,0.8) 85%, rgba(30,87,153,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,0)), color-stop(15%,rgba(30,87,153,0.8)), color-stop(19%,rgba(30,87,153,1)), color-stop(20%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(80%,rgba(30,87,153,1)), color-stop(81%,rgba(30,87,153,1)), color-stop(85%,rgba(30,87,153,0.8)), color-stop(100%,rgba(30,87,153,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#001e5799',GradientType=0 ); /* IE6-9 */
    padding-top: 7px;
    position: relative;
    height: 45px;   
    margin-left: 10px;
    z-index: 90;
  }

/*final estilos contenedor principal y cabecera*/

/*****************************************************/
 /*inicio estilos menu institucional */

/*****************************************************/

  nav{

    display: block;

    clear: both;

  }

  nav.horizontal ul{

    margin: 0;

    margin-top: 0px;

    margin-right: 0px;

    margin-bottom: 0px;

    margin-left: 0px;

    list-style-type: none;

    position: relative;

    overflow: visible;

  }

  nav.horizontal ul li {

    float: left;

    margin-left: 0;

    text-align: center;

    position: relative;

    display: inline;

    width: auto;

    height: auto;

}

  nav.horizontal ul li a {

    display: block;

    position: relative;

    text-decoration: none;

}

  nav.horizontal ul li ul {

    position: absolute;

    left: 0px;

    list-style-type: none;

    display: none;

    margin: 0;

    padding: 0;

  }

  nav.horizontal ul li ul li {

    text-align: left;

    float: none;

    line-height: 1;

    margin: 0 0 0 0;        



  }

  nav.horizontal ul li ul li ul{

    position: relative;

  }

  nav.horizontal ul li ul li ul li{

    width: 299px;

  }

  nav.horizontal ul li:hover ul ul, nav.horizontal ul li:hover ul ul ul, nav.horizontal ul li:hover ul ul ul ul {   

    display: none;

  }

  nav.horizontal ul li:hover ul, nav.horizontal ul li li:hover ul, nav.horizontal ul li li li:hover ul, nav.horizontal ul li li li li:hover ul {          

    display:block;

  }

  nav.horizontal ul li ul li a:hover {

    position: relative;



  }

  #menu-institucional{

    width: 450px;

    position: absolute;

    top: 7px;

    left: 20px;

    z-index: 1;

  }

  #menu-institucional ul{

    overflow: visible;

    overflow-x: visible;

    overflow-y: visible;

    font-size: 0.9em;

    padding: 0;

    padding-top: 0px;

    padding-right: 0px;

    padding-bottom: 0px;

    padding-left: 0px;

  }

  #menu-institucional > ul li {

    border-right: #FFF 1px solid;

    border-right-width: 1px;

    border-right-style: solid;

    border-right-color: rgb(255, 255, 255);

}

#menu-institucional ul li a {

    color: #fff;

    padding: 0 6px;

    padding-top: 0px;

    padding-right: 6px;

    padding-bottom: 0px;

    padding-left: 6px;

}

#menu-institucional ul li:hover a {

      background: -moz-linear-gradient(top,  rgba(167,207,223,0.37) 0%, rgba(35,83,138,0.68) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,207,223,0.37)), color-stop(100%,rgba(35,83,138,0.68))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  rgba(167,207,223,0.37) 0%,rgba(35,83,138,0.68) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  rgba(167,207,223,0.37) 0%,rgba(35,83,138,0.68) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  rgba(167,207,223,0.37) 0%,rgba(35,83,138,0.68) 100%); /* IE10+ */

    background: linear-gradient(to bottom,  rgba(167,207,223,0.37) 0%,rgba(35,83,138,0.68) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ea7cfdf', endColorstr='#ad23538a',GradientType=0 ); /* IE6-9 */



}

#menu-institucional ul li ul {

      background: -moz-linear-gradient(top,  rgba(167,207,223,0.37) 0%, rgba(35,83,138,0.68) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,207,223,0.37)), color-stop(100%,rgba(35,83,138,0.68))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  rgba(167,207,223,0.37) 0%,rgba(35,83,138,0.68) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  rgba(167,207,223,0.37) 0%,rgba(35,83,138,0.68) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  rgba(167,207,223,0.37) 0%,rgba(35,83,138,0.68) 100%); /* IE10+ */

    background: linear-gradient(to bottom,  rgba(167,207,223,0.37) 0%,rgba(35,83,138,0.68) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ea7cfdf', endColorstr='#ad23538a',GradientType=0 ); /* IE6-9 */

      width: 195%;

      z-index: -1;
}

#menu-institucional ul li ul li ul {

  float: right;
}

#menu-institucional ul li ul li {

      line-height: 1;

      border-right: none;

      border-bottom: #FFF 1px solid;

      margin-bottom: 4px !important;

      display: block;



}

#menu-institucional ul li ul li a {

      padding: 3px 6px;


}

#menu-institucional ul li ul li a:hover {

      background: -moz-linear-gradient(top,  rgba(181,189,200,0.88) 0%, rgba(130,140,149,0.87) 36%, rgba(40,52,59,0.85) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,0.88)), color-stop(36%,rgba(130,140,149,0.87)), color-stop(100%,rgba(40,52,59,0.85))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  rgba(181,189,200,0.88) 0%,rgba(130,140,149,0.87) 36%,rgba(40,52,59,0.85) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  rgba(181,189,200,0.88) 0%,rgba(130,140,149,0.87) 36%,rgba(40,52,59,0.85) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  rgba(181,189,200,0.88) 0%,rgba(130,140,149,0.87) 36%,rgba(40,52,59,0.85) 100%); /* IE10+ */

    background: linear-gradient(to bottom,  rgba(181,189,200,0.88) 0%,rgba(130,140,149,0.87) 36%,rgba(40,52,59,0.85) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0b5bdc8', endColorstr='#d928343b',GradientType=0 ); /* IE6-9 */

}

ul.menu {
    list-style: none;  
    list-style-position: initial;
    list-style-image: initial;
}
#menu-nav-institucional li ul {
  display: none;
  position: absolute;
  min-width:250px;
}
#menu-nav-institucional li:hover > ul{
  display: block;
}
#menu-nav-institucional li ul li {
  position: relative;
}
#menu-nav-institucional li ul li ul {
left: -250px;
top: 0px;
}
/******************************************/

/*fin estilos menu institucional */
/******************************************/


  /*estilos modulo de redes sociales*/

#social-media-icons {
      position: absolute;
      top: 4px;
      left: 470px;
      width: 210px;
      padding-right: 5px;
      border-right: #FFF 1px solid;
      height: 26px;
}
#social-media-icons p {
      float: left;
      width: 80px;
      color: #FFF;
      font-size: 0.9em;
      height: 26px;
      line-height: 26px;
      margin: 0;
}
#social-media-icons ul {
      float: right;
      width: 125px;
      padding: 0;
}
#social-media-icons ul li {
      margin-right: 4px;
}

/*fin de estilos modulo redes sociales */

/*configuarcion estilos modulo buscar */

#searchform {
  position: absolute;
  top: 7px;
  right: 10px;
  width: 230px; 
  
}
#searchform label {
  font-size: 0.9em;
  color: #FFF;
  cursor: pointer;
}
#searchform input[type=text] {
  border: none;
  background-color: #FFF;
  margin-left: 12px;
  width: 150px;
}
#searchform input[type=submit] {
  border: none;
  width: 16px;
  height: 16px;
  text-indent: -90px;
  overflow: hidden;
  cursor: pointer;
}
#fecha-actual{
    position: absolute;
    top: 35px;
    right: 0;
    width: 240px;
    height: 20px;
    background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(30,87,153,0.8) 15%, rgba(30,87,153,1) 19%, rgba(30,87,153,1) 20%, rgba(41,137,216,1) 50%, rgba(30,87,153,1) 80%, rgba(30,87,153,1) 81%, rgba(30,87,153,0.8) 85%, rgba(30,87,153,0) 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#001e5799',GradientType=0 ); /* IE6-9 */
}
#reloj { 
  width: 70px;
  height: 10px;
  padding: 5px 7px;
  border: none;
  font: bold 0.7em dotum, "helvetica", arial;
  text-align: center;
  color: #fff;
  float: right;    
 }
/*************************************************************************/ 
/*final confuguracion de estilos del modulo Buscar fecha y hora actual */
/************************************************************************/

/********************************************/
/*estilos boton acceso servicios virtuales*/
/********************************************/
/*inicio de estilos para el menu2*/ 

ul{
  text-decoration: none;
}
ul#navmenu, ul.sub1 {
  list-style-type: none;
  width: 100%;
  padding-left: 0px;
}
ul#navmenu, ul.sub2 {
  list-style-type: none;
  width: 100%;
  padding-left: 0px;
}
ul#navmenu, ul.sub3 {
  list-style-type: none;
  width: 100%;
  padding-left: 0px;
}
ul#navmenu li{
  
  width: 157.5px;
  text-align: center;
  position: relative;
  float: left;
  margin-right: auto;
      
}
ul#navmenu li a{
  text-decoration: none;
  font-family: helvetica;
  font-size: 0.8em;
  display: block;
  width: 157.5px;
  height: 37px;
  line-height: 20px;
  color: white;
  background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(30,87,153,0.8) 15%, rgba(30,87,153,1) 19%, rgba(30,87,153,1) 20%, rgba(41,137,216,1) 50%, rgba(30,87,153,1) 80%, rgba(30,87,153,1) 81%, rgba(30,87,153,0.8) 85%, rgba(30,87,153,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,0)), color-stop(15%,rgba(30,87,153,0.8)), color-stop(19%,rgba(30,87,153,1)), color-stop(20%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(80%,rgba(30,87,153,1)), color-stop(81%,rgba(30,87,153,1)), color-stop(85%,rgba(30,87,153,0.8)), color-stop(100%,rgba(30,87,153,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#001e5799',GradientType=0 ); /* IE6-9 */
  opacity: 0.9;
  border: 1px solid #CCCCCC;    
}

ul#navmenu .sub1 a{
  margin-top: 1px;
}
ul#navmenu .sub2 a{
  margin-top: 1px;
}
ul#navmenu .sub3 a{
  margin-top: 1px;
}
ul#navmenu li:hover > a {

  background: #003562;
}
ul#navmenu li:hover a:hover {
  background: rgb(125,126,125); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}
ul#navmenu ul.sub1 {
  display: none;  
}
ul#navmenu ul.sub2 {
  display: none;  
}
ul#navmenu ul.sub3 {
  display: none;  
  }
  ul#navmenu ul.sub2 {
  display: none;  
  }
ul#navmenu li:hover .sub1 {
  display: block;
}
ul#navmenu li:hover .sub2 {
  display: block;
}
ul#navmenu li:hover .sub3 {
  display: block;
}
ul#navmenu .sub1 li:hover .sub2 {
  display: block;
}
#menu2{
  position: absolute;
  top: 240px;
}
/**************************/
/*final estilos menu2 */
/**************************/


/*inicio estilo de la parte central*/

.screen-width {

  width: 958px;
  height:auto;
  background-image:url(../images/Fondo_cont.jpg);
  padding-top: 2px;
  margin: 0 auto;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  border-right: #A0A0A0 1px solid;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: rgb(160, 160, 160);
  border-left: #A0A0A0 1px solid;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: rgb(160, 160, 160);
  position: relative;

 }
 #efect{
  border: 2px solid blue; 
  margin: 15px;
-webkit-transition: margin 0.5s ease-out;
-moz-transition: margin 0.5s ease-out;
-ms-transition: margin 0.5s ease-out;
transition: margin 0.5s ease-out;
}
#efect:hover {
  margin-top: 2px;
}


/*inicio de estilos para el pie de pagina*/
#footer {

width: 958px;
height: auto;
font-size: 0.7em;
background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(32,46,173,1) 0%, rgba(32,124,202,1) 100%, rgba(13,1,181,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(0%,rgba(32,46,173,1)), color-stop(100%,rgba(32,124,202,1)), color-stop(100%,rgba(13,1,181,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(32,46,173,1) 0%,rgba(32,124,202,1) 100%,rgba(13,1,181,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(32,46,173,1) 0%,rgba(32,124,202,1) 100%,rgba(13,1,181,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(32,46,173,1) 0%,rgba(32,124,202,1) 100%,rgba(13,1,181,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(32,46,173,1) 0%,rgba(32,124,202,1) 100%,rgba(13,1,181,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#0d01b5',GradientType=0 ); /* IE6-9 */
margin: 0 auto 10px;
overflow: hidden;
padding: 10px 0;    
}

table{
  margin-left: 89px;
}
/*fin de estilos pie de pagina*/