.menuHorizontal {
      font-family: sans-serif, Arial, Helvetica;
      font-size:14px;
      position:absolute;
      margin:-15px 0px 0px 0px;
      z-index:2;
      width:960px;
      height:30px;
      background: url(../images/backgroundmenu.png)repeat;
      -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{/*Maneja barra de menu*/
   list-style-type:none;
   padding:1px 3px 2px 3px;
   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: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{
 display:block;
 color:#FFFFFF; /* Color de la fuente */
 background:#4C4C4C;/* Color de fondo del menu */
 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*/}



.nav li .flecha{
font-size: 9px;
padding-left: 6px;
display: none;}

.nav li a:not(:last-child) .flecha {
display: inline;}


.menuHorizontal li ul{/*Submenu*/
      display:none;
      position:absolute;
      min-width:100px;
      font-family: Helvetica, Arial;
      font-size:14px;
      font-weight:bold;
      text-align:center;
      z-index:2;}

.menuHorizontal li:hover > ul {
   display:block;
   height:20px;
   padding: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 li:hover ul{
   color:#000000; /*Texto del submenu*/
   opacity: 1;
   filter: alpha(opacity=50);/* 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 ul li:hover a {
   background:#8DCFC9; /* Color de las pestaņas del submenu al pasar el cursor */
   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:25px; /*posicion del submenu*/
   left:25px;
   box-shadow:0px 0px 0px #000;
   border-radius: 5px;
   opacity: 0;
   filter: alpha(opacity=0); /* Internet Explorer*/
   -webkit-transition: opacity 0.2s ease-in 0.3s, width 0.4s ease-in 0.3s;/* Chrome, Safari*/
   transition: opacity 0.2s ease-in  0.3s, width 0.4s ease-in 0.3s;/* Navegadores CSS3 */
   -moz-transition: opacity 0.2s ease-in  0.3s, width 0.4s ease-in 0.3s; /* Firefox 4 */
   -o-transition: opacity 0.2s ease-in 0.3s, width 0.4s ease-in 0.3s; /*Opera */
   }
.menuHorizontal li ul li ul{
      position:relative;
      top:0px; /*posicion del submenu*/
      right:-5px;
      box-shadow:0px 0px 0px #000;
      border-radius: 5px;
      opacity: 0;
      filter: alpha(opacity=0); /* Internet Explorer*/
      -webkit-transition: opacity 0.2s ease-in 0.3s, width 0.4s ease-in 0.3s;/* Chrome, Safari*/
      transition: opacity 0.2s ease-in  0.3s, width 0.4s ease-in 0.3s;/* Navegadores CSS3 */
      -moz-transition: opacity 0.2s ease-in  0.3s, width 0.4s ease-in 0.3s; /* Firefox 4 */
      -o-transition: opacity 0.2s ease-in 0.3s, width 0.4s ease-in 0.3s; /*Opera */    }


#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; }