@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i,900');

body {
	/*background-image:url(../images/fondo.jpg);*/
	background-color: #EEEEEE
	margin-top:0px;
	border: 0;
	padding: 0;
/**/
	font-family: 'Titillium Web', sans-serif;
	font-size:14px;
	color #868686;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


.texto_zoom {
    width:292px;
	z-index:20;
	position: absolute;
	color:#FFF;
	padding:20px;
	background-color: rgba(0, 0, 0, 0.3);
}

.img-contenedor img {
    -webkit-transition:all .9s ease; /* Safari y Chrome */
    -moz-transition:all .9s ease; /* Firefox */
    -o-transition:all .9s ease; /* IE 9 */
    -ms-transition:all .9s ease; /* Opera */
    width:100%;
	z-index:1;
}

.img-contenedor:hover img {
    -webkit-transform:scale(1.25);
    -moz-transform:scale(1.25);
    -ms-transform:scale(1.25);
    -o-transform:scale(1.25);
    transform:scale(1.25);
}

.img-contenedor,.img-contenedor2,.img-contenedor3 {/*Ancho y altura son modificables al requerimiento de cada uno*/
    width:332px;
    height:219px;
    overflow:hidden;
}



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

.degradado_menu {
background: rgba(26,145,207,1);
background: -moz-linear-gradient(top, rgba(26,145,207,1) 0%, rgba(26,145,207,1) 53%, rgba(0,133,202,1) 53%, rgba(0,133,202,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(26,145,207,1)), color-stop(53%, rgba(26,145,207,1)), color-stop(53%, rgba(0,133,202,1)), color-stop(100%, rgba(0,133,202,1)));
background: -webkit-linear-gradient(top, rgba(26,145,207,1) 0%, rgba(26,145,207,1) 53%, rgba(0,133,202,1) 53%, rgba(0,133,202,1) 100%);
background: -o-linear-gradient(top, rgba(26,145,207,1) 0%, rgba(26,145,207,1) 53%, rgba(0,133,202,1) 53%, rgba(0,133,202,1) 100%);
background: -ms-linear-gradient(top, rgba(26,145,207,1) 0%, rgba(26,145,207,1) 53%, rgba(0,133,202,1) 53%, rgba(0,133,202,1) 100%);
background: linear-gradient(to bottom, rgba(26,145,207,1) 0%, rgba(26,145,207,1) 53%, rgba(0,133,202,1) 53%, rgba(0,133,202,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a91cf', endColorstr='#0085ca', GradientType=0 );
}
.txt_menu {
	 font-size:1.2em;
	 color:#CCC;
	 cursor:pointer;
	 font-weight:bold;
	 text-shadow: 2px 2px 4px #000000;
}
.txt_menu:hover {
	font-size:1.2em;
	color:#FFF;
	cursor:pointer;
	font-weight:bold;
	text-shadow: 2px 2px 4px #000000;
}




.boton_menu {
	 font-size:1.4em;
	 text-align:center;
	 height:69px;
	 color:#FFF;
	 cursor:pointer;
	 font-weight:bold;
}
.boton_menu:hover {
	cursor:pointer;
	transition: all 0.5s ease;
	/*background-color:#1A91CF;*/
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	background: rgba(255,255,255, 0.1);
}




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

.fxBoton {
	border:0px solid #0085ca; 
	text-align:center; color:#FFF; 
	text-align:center; 
	cursor:pointer; 
	font-size:16px; 
	text-transform:uppercase; 
	padding: 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 200px;
	width:100%;
	background-color: #0085ca;
	
}

.inputxlarge {
	background-color: #FFF;
	border: 1px solid #339dd5;
	padding: 20px;
	/*margin-bottom: 10px;*/
	font-size: 14px;
	line-height: 20px;
	color: #0085ca;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.input2 {
	background-color: #FFF;
	border: 1px solid #339dd5;
	padding: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #0085ca;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.imas_der {	padding-bottom:20px; padding-right:20px; float:left; }


.txt_redes {
	font-size: 1.1em;
	color: #FFF;
}
.txt_atencion_tit {
	font-size: 1.6em;
	color: #FFF;
}
.txt_atencion {
	font-size: 1.1em;
	color: #FFF;
}
.txt_normal {
	font-size: 1.8em;
	color: #A0A0A0;
}
.txt_header {
	font-size: 1.0em;
	color: #666;
}
.txt_titulos {
	font-size: 2.8em;
	color: #2C4E98;
	font-weight:bold;
}
.txt_index {
	font-size: 2.4em;
	color: #A0A0A0;
}
.txt_titulos_zonas1 { 
	font-size: 2.4em;
	color: #333;
}
.txt_titulos_zonas2 { 
	font-size: 3.4em;
	color: #333;
}

.txt_serv_titulos { 
	font-size: 1.4em;
	color: #FFF;
	font-weight:bold;
}

.txt_testimonios {
	font-size: 2.1em;
	color: #000;
	font-style:italic;
	-webkit-transition: all 0.4s;  -moz-transition: all 0.4s;  -ms-transition: all 0.4s;  -o-transition: all 0.4s;  transition: all 0.4s;

}

.txt_testimonios1 { 
	font-size: 2.4em;
	color: #000;
	-webkit-transition: all 0.4s;  -moz-transition: all 0.4s;  -ms-transition: all 0.4s;  -o-transition: all 0.4s;  transition: all 0.4s;
}
.txt_testimonios2 { 
	font-size: 3.4em;
	color: #000;
	-webkit-transition: all 0.4s;  -moz-transition: all 0.4s;  -ms-transition: all 0.4s;  -o-transition: all 0.4s;  transition: all 0.4s;
	
}

.txt_qrsd { 
	font-size: 1.4em;
	color: #000;
	
}


.txt_serv_titulos { 
	font-size: 2.4em;
	color: #8DBF2C;
	font-weight:bold;
}
.txt_serv_subtitulos { 
	font-size: 1.4em;
	color: #FFF;
	font-weight:bold;
}

.txt_areas_titulo { 
	font-size: 2.4em;
	color: #8DBF2C;
	line-height:24px;
	font-weight:bold;
	text-shadow: 2px 2px 4px #000000;
}

.txt_areas_subtitulo { 
	font-size: 1.4em;
	color: #FFF;
	line-height:24px;
}
.txt_areas_txt { 
	font-size: 1.1em;
	color: #FFF;
	line-height:20px;
}
.areas_mouse {
	cursor:pointer;
	background-color:#8FBF2D;
}
.areas_mouse:hover {
	cursor:pointer;
	transition: all 0.5s ease;
	background-color:#98CA00;
	/*background: rgba(143,191,45, 0.2);*/
}


.conteIconos {
	font-size: 1.4em;
	padding: 2px;
	color:#FFF;
}




.txt_footer {font-size: 1.2em;
	color: #FFF;
}
/************************/

A.en1:link {font-size: 1.3em;
	color: #FFF;
	text-decoration:none;
}
A.en1:visited {font-size: 1.3em;
	color: #FFF;
	text-decoration:none;
}
A.en1:active {font-size: 1.3em;
	color: #000;
	text-decoration:none;
}
A.en1:hover {font-size: 1.3em;
	color: #000;
	text-decoration:none;
}


A.en2:link {font-size: 1.0em;
	color: #FFF;
	text-decoration:none;
}
A.en2:visited {font-size: 1.0em;
	color: #FFF;
	text-decoration:none;
}
A.en2:active {font-size: 1.0em;
	color: #000;
	text-decoration:none;
}
A.en2:hover {font-size: 1.0em;
	color: #000;
	text-decoration:none;
}


A.enBlanco:link {font-size: 1.4em;
	color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
A.enBlanco:visited {font-size: 1.4em;
	color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
A.enBlanco:active {font-size: 1.4em;
	color: #000;
	text-decoration:none;
	font-weight:bold;
}
A.enBlanco:hover {font-size: 1.4em;
	color: #000;
	text-decoration:none;
	font-weight:bold;
}


.borderno {
	border:none;
	text-decoration:none;
	}
.bordersi {
	border:solid;
	border-width:1px;
	border-color:#CCC;
	text-decoration:none;
	}

/****RESPONSIVE*****************/
.tabla_encabezado {
	width:100%;
	max-width:1200px;
}
.tabla_datos{
	width:100%;
	max-width:1200px;
	padding:20px;
}  


/********************* MENU *******************/

.menu_1200 {
	width:100%;
	max-width:1200px;
}
.menu_600 {
	display:none;
}



.datos_1200 {
	width:100%;
	max-width:1200px;
}
.datos_600 {
	display:none;
}
.footer_1200 {
	width:100%;
	max-width:1200px;
}
.footer_600 {
	display:none;
}
.tabla_contenidos {
	padding:30px;
}


.txt_titu_contenidos {
	font-size: 3.4em;
	color: #FFF;
	line-height:48px;
	font-weight:bold;
	text-shadow: -1px 0 black, 0 1px black;
	/*text-shadow: 0.05em 0.05em 0.05em white;*/
	
}
.txt_txt_contenidos {
	font-size: 1.6em;
	color: #656565;
	line-height:28px;
}

.txt_tit_noticias {
	font-size: 1.2em;
	color: #000;
	line-height:18px;
	font-weight:bold;
}


.logo_clientes{
	float:left;
	margin:5px;
	cursor:pointer;
}
.logo_clientes:hover{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);	
	cursor:pointer;
}

.td_titu_conte {
	padding:20px;
	height: 360px;
}

.tabla_servicio {
	border:none; 
	border:none;
	padding:2px; 
	height:276px; 
}
.tabla_servicio:hover{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);	
cursor:pointer;
}

.tabla_servicio_1 {
	border:none; 
	padding:2px; 
	width:286px; 
	height:286px; 
	float:left; 
	margin:2px;
}
.tabla_servicio_1:hover{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);	
cursor:pointer;
}


@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

.td_titu_conte {
	padding:20px;
	height: 100%;
}

.logo_clientes {
	float:left;
	width:120px;
	margin:5px;
	cursor:pointer;
}
.logo_clientes:hover{
	width:120px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);	
	cursor:pointer;
}

.tab_insumos {
margin:8px; float:left; width:140px; height:130;
}

.txt_titu_contenidos {
	font-size: 1.6em;
	color: #339DD5;
	line-height:24px;
	font-weight:bold;
	text-shadow: -1px 0 black, 0 1px white;
	/*text-shadow: 0.05em 0.05em 0.05em white;*/
}
.txt_txt_contenidos {
	font-size: 1.1em;
	color: #656565;
	line-height:24px;
}
.tabla_contenidos {
	padding:10px;
}



.txt_menu {
	 font-size:1.2em;
	 color:#CCC;
	 cursor:pointer;
	 font-weight:bold;
	 text-shadow: 2px 2px 4px #000000;
}
.txt_menu:hover {
	font-size:1.2em;
	color:#FFF;
	cursor:pointer;
	font-weight:bold;
	text-shadow: 2px 2px 4px #000000;
}
.boton_menu {
	 font-size:1.1em;
	 text-align:center;
	 height:49px;
	 color:#FFF;
	 cursor:pointer;
	 font-weight:bold;
}
.boton_menu:hover {
	cursor:pointer;
	transition: all 0.5s ease;
	/*background-color:#1A91CF;*/
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	background: rgba(255,255,255, 0.1);
}



.txt_footer {font-size: 0.8em;
	color: #FFF;
}

.txt_titulos {
	font-size: 2.8em;
	color: #2C4E98;
	font-weight:bold;
}
.txt_index {
	font-size: 2.4em;
	color: #A0A0A0;
}
.txt_titulos_zonas1 { 
	font-size: 2.4em;
	color: #333;
}
.txt_titulos_zonas2 { 
	font-size: 3.4em;
	color: #333;
}

.txt_serv_titulos { 
	font-size: 1.4em;
	color: #FFF;
	font-weight:bold;
}

.txt_testimonios { 
	font-size: 1.4em;
	color: #000;
  -webkit-transition: all 0.4s;  -moz-transition: all 0.4s;  -ms-transition: all 0.4s;  -o-transition: all 0.4s;  transition: all 0.4s;
}

.txt_testimonios1 { 
	font-size: 1.4em;
	color: #000;
}
.txt_testimonios2 { 
	font-size: 1.4em;
	color: #000;
	
}


.txt_serv_titulos { 
	font-size: 1.9em;
	color: #8DBF2C;
	font-weight:bold;
}
.txt_serv_subtitulos { 
	font-size: 1.4em;
	color: #FFF;
	font-weight:bold;
}

.txt_areas_titulo { 
	font-size: 1.6em;
	color: #8DBF2C;
	line-height:24px;
	font-weight:bold;
	text-shadow: 2px 2px 4px #000000;
}

.txt_areas_subtitulo { 
	font-size: 1.0em;
	color: #FFF;
	line-height:24px;
}
.txt_areas_txt { 
	font-size: 1.1em;
	color: #FFF;
	line-height:20px;
}
.areas_mouse {
	cursor:pointer;
	background-color:#8FBF2D;
}
.areas_mouse:hover {
	cursor:pointer;
	transition: all 0.5s ease;
	background-color:#98CA00;
	/*background: rgba(143,191,45, 0.2);*/
}

.tabla_servicio {
	style="border:none; padding:2px; width:286px; height:286px; float:left; margin:2px;"
}
.tabla_servicio:hover{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);	
	cursor:pointer;
}

.imas_der {	padding-bottom:5px; padding-right:10px; float:left; width:80%; max-width:140px; }
.imas_der_vi {	padding-bottom:20px; padding-right:40px; float:left; width:80%; max-width:320px; }
.menu_1200 {
	display: none;
}
.menu_600 {
	display: inline;
}
.datos_1200 {
	display:none;
}
.datos_600 {
	display:inline;
}

.footer_1200 {
	display:none;
}
.footer_600 {
	display:inline;
}

}




::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #0085CA;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #0085CA;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #0085CA;
}



.Boton_Editar {
width:20px; 
height:20px; 
background:transparent;  
background-image:url(../images/ico_editar.png); background-position:center; background-repeat:repeat-x;
border:none;
cursor:pointer;
}
.Boton_Eliminar {
width:20px;
height:20px;
background:transparent; 
background-image:url(../images/eliminar.png); background-position:center; background-repeat:repeat-x; 
border:none; cursor:pointer;" 
}
.Boton_Consultar {
width:20px;
height:20px;
background:transparent; 
background-image:url(../images/ver.png); background-position:center; background-repeat:repeat-x; 
border:none; cursor:pointer;" 
}
.Boton_images {
width:20px;
height:20px;
background:transparent; 
background-image:url(../images/images.png); background-position:center; background-repeat:repeat-x; 
border:none; cursor:pointer;" 
}
.Boton_tipolo {
width:20px;
height:20px;
background:transparent; 
background-image:url(../images/tipolo.png); background-position:center; background-repeat:repeat-x; 
border:none; cursor:pointer;" 
}

.Boton_Reservas {
width:58px;
height:47px;
background:transparent; 
background-image:url(../images/ico_reservas.png); background-position:center; background-repeat:repeat-x; 
border:none; cursor:pointer;" 
}


<!-----------------------------------MENU DESPEGABLE -->

/********************\
  $Reset ☰
\********************/
* {
  box-sizing:border-box;
  z-index: 400;
}
a {
  text-decoration:none;
}
/********************\
  $Layout ☰
\********************/

/*Damos estilos al menú*/
.nav {
  position:absolute;
  z-index: 400;
  width:200px;
  height:100%;
  top:0;
  left:-220px; /*Ocultamos el menú en la parte izquierda para que no se vea a menos que pulsemos sobre la hamburguesa*/
  padding-top:47px;
  background-color: #1C171A;
  border-right:4px #1C171A;
  transition:all .5s ease; /*Damos a la caja del menú una transición para que tenga un desplazamiento suave*/
}
   /*Estilos de los li del menú*/
   .nav__item {
     display:block;
     width:96%;
     margin:0 auto;
     line-height:2;
     position:relative; /*Le damos una posición relativa para posteriormente añadirle el triangulo que indica que se está en la página actual del menú*/
     border-bottom:.1px solid #FFF;
     background-color:transparent;
     text-align:right;
	 padding-right:10px;
     color:#FFF;
	 z-index: 400;
   }
       /*Damos colocamos el triangulo negro a la pestaña del menú dónde nos encontramos actualmente*/
       .current:before {
          content:"";
          width:0;
          height:0;
          position:absolute; /*Le damos al before una posición absoluta relativa al li que lo contiene*/
		  z-index: 400;
       }
      /*Colocamos el borde verde al triangulo por medio de otro trangulo verde*/
      .current:after {

      }
  /*Estos son los estilos de la hamburguesa del menú que abre y cierra el mismo*/
  .menu-toogle {
    position:absolute; /*Lo posicionamos absolutamente para poder darle una posición y poder moverlo según el menú esté abierto o cerrado*/
    width: 35px;
    line-height:1.1;
    text-align:center;
    top:6.5px; /*Le damos una posición top y left en donde queramos que se encuentre la hamburguesa del menú*/
    left: 8px; 
    background-color: none;
    transition: all .5s ease; /*Añadimos una transición para que realice un desplazamineto suave*/
    z-index: 400;
	cursor:pointer;
  }
    /*Añadimos la haburguesa y le damos unos estilos*/
    .menu-toogle::before {
      /*content:"☰";/*/
      font-size:32px;
      color:white;
	  z-index: 400;
    }

/* Le damos unos estilos al contenedor principal*/
.main-w {
  width:100%;
  transition: all .5s ease;
  z-index: 400;
}   
    .header-w figure {
      width:100%;
      height:150px;
      text-align:center;
      position:relative;
    }
        .header-w figure:before {
          content:"O";
          width:15px;
          height:15px;
          position:absolute;
          background-color:white;
          border-radius:100%;
          color:#A9BC00;
          font-size:120%;
          font-wheight:bolder;
          font-family:verdana;
          left:42vw;
          top:9vw;     
        }
        .header-w figure:after {
          content:"O";
          width:15px;
          height:15px;
          position:absolute;
          background-color:white;
          border-radius:100%;
          color:#A9BC00;
          font-size:120%;
          font-wheight:bolder;
          font-family:verdana;
          left:50.8vw;
          top:9vw; 
        }
    .featured-img {
      margin:3em 6vw 0 0;
      border:4px solid white;
      border-radius:100%;
    }
    .header-w__description {
      width:80%;
      margin:0 auto;
      padding:1em;
      line-height:2;
      text-align:center;
      color:rgba(33, 36, 8, 1);
    }
        .header-w__title
        {
          font-size:300%;
          margin:1em 0 0 0;
        }
        .header-w__title2 {
          font-size:250%;
          margin:0;
        }
    .paragraph {
      width:80%;
      margin:0 auto;
      text-align:center;
    }

    /*Estos son los estilos que le dan la funcionalidad al menú*/
    /*El checkbox según esté activado o no hará que el menú aparezca o desaparezca*/
    .checkbox {
      display:none; /*Ocultamos el checkbox pues no nos interesa que se vea*/
    }
    .checkbox:checked ~ .nav {
      left:0px; /*Le quitamos el left negativo para que el menú vuelva a su posición original*/
      position:fixed; /* Fijamos el menú lateral para que se desplace cuando hagamos scroll*/
    }
    .checkbox:checked ~ .main-w {
      margin-left:200px; /*Cuando el checkbox asigna un margen al contenedor principal para que se desplace junto con el menú*/
    }
    .checkbox:checked ~ .menu-toogle { 
      left:208px;
      position:fixed; /*Fijamos la hamburgues para que se desplace junto con el menú*/
    }

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

ul.menu {
  text-align: left;
  display: inline;
  margin: 0px;
  padding: 0px;
  list-style: none;
  width:300px;
}
ul.menu li {font-size: 1.1em;
  color: #FFF;
  text-align:center;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 5px 10px;
  background: #FD7F1D;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
ul.menu li:hover {
  background: #F39948;
  color: #FFF;
}
ul.menu li ul {
  position: absolute;
  top: 54px;
  left: 0;
  width: 60px;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
  z-index:200;
}
ul.menu li ul li { 
  background: #FD7F1D; 
  display: block; 
  padding: 5px;
  color: #fff;font-size: 14px;
  color: #FFF;
  text-align:left;
  z-index:200;
  line-height:-10px;
}
ul.menu li ul li:hover { background: #1C171A; }
ul.menu li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

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


<!-- Start PureCSSMenu.com STYLE -->
#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:100%;top:0px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
	background-color:none;
	width:700px;
	z-index:200;font-size: 14px;
 	color: #FFF;
	cursor:pointer;

}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	zoom:1;
	float: right;
}
ul.pureCssMenu ul{
	width:180px;
	border:#FFF solid 1px;
	background-color:#AAAAAA;
}
ul.pureCssMenu li{
	display:block;
	font-size:16px;
	/*border-bottom:#FFF solid 1px;*/
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:none;
	text-align:center;
	text-decoration:none;
	padding: 10px 10px 10px 10px;
	_padding-left:0;
	text-decoration:none;
	cursor:pointer;
	z-index:200;font-size: 14px;
 	color: #FFF;
}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu li {
	float:right;
}
ul.pureCssMenu ul li {
	float:none;
	font-size: 14px;
}
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
	padding-left:5px;
	padding-top:8px;
	padding-bottom:8px;
	font-size: 14px; /*******************se cambia con respecto a la variacion abajo comentada***********************************/
}
ul.pureCssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	font-size: 14px;
	
}
ul.pureCssMenu li.sep span{
	float:none;	
	padding-right:0;
	width:5;
	height:16;
	display:inline-block;
	background-color:#AAAAAA;
	background-image:none;color: #FFF;
	padding-left:2px;

}
ul.pureCssMenu ul li.sep span{
	width:99%;
	font-size: 14px;
	background-color:#AAAAAA;
}
ul.pureCssMenu li:hover{
	position:relative;
	font-size: 14px;
}
ul.pureCssMenu li:hover>a{ /*Principal cuando se quita puntero*/
	background-color:#38A3D9;
	text-decoration:none;font-size: 14px;
 	color: #FFF;
}
ul.pureCssMenu li a:hover{
	position:relative;
	background-color:#38A3D9;font-size: 14px;
 	color: #FFF;
	text-decoration:none;
}






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

ul.pureCssMenui2 ul{
	width: auto;
	border:#FFF solid 1px;
}

ul.pureCssMenui2 li:hover{
	position:relative;
	font-size: 16px;
}
ul.pureCssMenui2 li:hover>a{
	background-color:#F39948;
	text-decoration:none;font-size: 16px;
 	color: #FFF;
}
ul.pureCssMenui2 li a:hover{
	position:relative;
	background-color:#F39948;font-size: 16px;
 	color: #FFF;
	text-decoration:none;
}

*/




ul.pureCssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:0px;width:16px;
height:16px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul{display:block}
ul.pureCssMenu a:hover ul ul{display:none}
ul.pureCssMenu span{
	display:block;
	background-image:url(../images/arrv_anim_1.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:5px;}
ul.pureCssMenu li:hover>a>span{	background-image:url(../images/arrv_anim_1o.gif);
}
ul.pureCssMenu a:hover span{	_background-image:url(../images/arrv_anim_1o.gif)}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(../images/arr_double_1.gif)}
ul.pureCssMenu ul li:hover > a span{	background-image:url(../images/arr_double_1o.gif);}
ul.pureCssMenu table a:hover span,ul.pureCssMenu table a:hover a:hover span{background-image:url(../images/arr_double_1o.gif)}
ul.pureCssMenu table a:hover table span{background-image:url(../images/arr_double_1.gif)}
<!-- End PureCSSMenu.com STYLE -->

/****************************************************BOTONES PRINCIPALES*********************************************************************************************/