#menuHorizontal {
      font-family: sans-serif, Arial, Helvetica;
      font-size:14px;
      position:absolute;
      z-index:5;
      width:960px;
      height:30px;
      background: url(../images/backgroundmenu.png)repeat;
      -webkit-border-radius:0px 0px 5px 5px;/*Para chrome y Safari*/
      -moz-border-radius:0px 0px 5px 5px;/*Para Firefox*/
      -o-border-radius:0px 0px 5px 5px;/*Para Opera*/
      border-radius:0px 0px 5px 5px;/*El estandar por defecto*/}

#menuHorizontal li{/*Maneja barra de menu*/
   list-style-type:none;
   padding:1px 3px 2px 5px;
   margin:0 0 0 0;
   background-color:#42403F;/*Color de borde de la barra de menu (Gris Oscuro)*/
   width:auto;
   cursor:poiter;
   float:left;
   position:relative;
   -webkit-border-radius:10px;/*Para chrome y Safari*/
   -moz-border-radius:10px;/*Para Firefox*/
   -o-border-radius:10px;/*Para Opera*/
   border-radius:10px;/*El estandar por defecto*/}

#menuHorizontal li ul{/*Submenu*/
     font-family: Helvetica, Arial;
     font-size:14px;
     font-weight:bold;
     margin-right:2px;
     text-align:center;
     z-index:6;}

#menuHorizontal li ul:hover{
    height:20px;
    padding:0px 0px 5px 0px;
    /*Degradado de fondo submenu*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to( #E3E3E3));/*Chrome y Safari*/
    background-image: -moz-linear-gradient(top center, #375F85, #6B96D6);/*Firefox de Azul Oscuro a Azul Medio*/
    background-image: -o-linear-gradient(top, #375F85, #6B96D6);/*Opera*/
    background-color: linear-gradient(top, #375F85, #6B96D6);/*Estandar por defecto*/
    /*Sombras*/
    -webkit-box-shadow:  0px -1px 0px #999;/*Chrome y Safari*/
    -moz-box-shadow:  1px -1px 0px #999;/*Firefox*/
    -o-box-shadow:  1px -1px 0px #999;/*Opera*/
    box-shadow:  0.2px -1px 0px #000000;/*Estandar por defecto*/
    border:0.2px solid #000000;}/*Gris*/

#menuHorizontal li ul  a{
    color:#FFFFFF;/*Color de texto de Submenu*/
    display:block;
    padding:1px;
    text-decoration:none;}

#menuHorizontal ul li a:hover {
    color:#000000;
    background:#86B8BD;/*Fondo del submenu cuando pongo el cursor (Azul Medio)*/}

#menuHorizontal li:hover ul{
   display:block;
   color:#000000; /*Texto del submenu*/
   opacity: 1;
   filter: alpha(opacity=100);/* Internet Explorer*/
   -webkit-transition: opacity 0.1s linear 0s, width 0.3s ease-out 0s;/* Chrome, Safari*/
   transition: opacity 0.1s linear 0s, width 0.3s ease-out 0s;/* Navegadores CSS3 */
   -moz-transition: opacity 0.1s linear 0s, width 0.3s ease-out 0s; /* Firefox 4 */
   -o-transition: opacity 0.1s linear 0s, width 0.3s ease-out 0s; /* Opera */}

#menuHorizontal li a{
 display:block;
 color:#FFFFFF; /* Color de la fuente */
 background:#4C4C4C;/* Color de fondo del menu */
 background-image: -webkit-gradient(linear, left top, left bottom, from(#375F85), to( #6B96D6));/*Chrome y Safari*/
 background-image: -moz-linear-gradient(top center, #375F85, #6B96D6);/*Firefox*/
 background-image: -o-linear-gradient(top, #375F85, #6B96D6);/*Opera*/
 background-color: linear-gradient(top, #375F85, #6B96D6);/*Estandar por defecto*/
 font-weight:normal;
 line-height:25px;/* Me da el alto de las letras del menu */
 margin:1px;
 padding:0px 2px; /* Espacio entre cada pestaņa */
 text-align:center;
 text-decoration:none;
 -webkit-border-radius:5px;/*Para chrome y Safari*/
   -moz-border-radius:5px;/*Para Firefox*/
   -o-border-radius:5px;/*Para Opera*/
   border-radius:5px;/*El estandar por defecto*/}

#menuHorizontal li a:hover {
   background-color: linear-gradient(top, #375F85, #6B96D6); /*Color pestaņas del menu al pasar cursor (Azul medio)*/
   color:#FFFBF0; /* Color del texto al pasar el cursor */
   -webkit-border-radius:5px;/*Para chrome y Safari*/
   -moz-border-radius:5px;/*Para Firefox*/
   -o-border-radius:5px;/*Para Opera*/
   border-radius:5px;/*El estandar por defecto*/
   text-decoration:none;} /*determina el ancho del submenu*/}

#menuHorizontal ul li:hover a {
   background:#8DCFC9; /* Color de las pestaņas del submenu al pasar el cursor xxxxxxxxxxx */
   color:#000000; /* Color del texto al pasar el cursor crema */
   -webkit-border-radius:5px;/*Para chrome y Safari*/
   -moz-border-radius:5px;/*Para Firefox*/
   -o-border-radius:5px;/*Para Opera*/
   border-radius:5px;/*El estandar por defecto*/
   text-decoration:none;}

#menuHorizontal li li {/*caracteristica de submenu*/
   display:block;
   float:none;
   margin:0px;
   padding:1px;
   min-width:100px;
   max-width:180px; } /*determina el ancho del submenu*/

#menuHorizontal li ul {
   position:absolute;
   top:10px; /*posicion del submenu*/
   left:-5px;
   display:none;
   box-shadow:0px 0px 0px #000;
   border-radius: 5px;}


#search {
   width: 200 px; /* Ancho del buscador */
   height: auto;
   position:relative;
   text-align: center;
   border-radius: 10px;}

 #search-box {
   margin-right: 2px;
   margin-top: 5px;
   margin-left: 20px;
   border:1 px;
   border-radius: 10px;
   text-align:center;
   z-index:5; }