body {
	/*background-image:url(../images/fondo.jpg);*/
	background-color: #FFF;
	margin-top:0px;
	border: 0;
	padding: 0;
	font-family: 'HumanLt';
	font-size:12px;
	color #000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

@font-face {
 font-family: HumanLt;
 src: url("../complementos/fuentes/HumanLt.eot"); /* EOT file for IE */
}
@font-face {
 font-family: HumanLt;
 src: url("../complementos/fuentes/HumanLt.ttf"); /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: HumanLt;
 src: url("../complementos/fuentes/HumanLt.svg"); /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: HumanLt;
 src: url("../complementos/fuentes/HumanLt.woff"); /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: HumanBt;
 src: url("../complementos/fuentes/HumanBt.eot"); /* EOT file for IE */
}
@font-face {
 font-family: HumanBt;
 src: url("../complementos/fuentes/HumanBt.ttf"); /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: HumanBt;
 src: url("../complementos/fuentes/HumanBt.svg"); /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: HumanBt;
 src: url("../complementos/fuentes/HumanBt.woff"); /* TTF file for CSS3 browsers */
}




.Images_Convenios {
	float:left;
	margin:20px;
	}


.Images_Conte {
	float:left;
	margin-bottom:10px;
	margin-right:20px;
	}

.fxBotonNegro {
	border:0px solid #FFF; 
	text-align:center; color:#FFFFFF; 
	background-color:#E30613; 
	font-weight:normal; 
	text-align:center; 
	height:20px; 
	cursor:pointer; 
	font-size:16px; 
	text-transform:uppercase; 
	padding: 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #474747;
	background-image: -moz-linear-gradient(top, #000, #474747);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B3B3B3), to(#474747));
	background-image: -webkit-linear-gradient(top, #000, #474747);
	background-image: -o-linear-gradient(top, #000, #474747);
	background-image: linear-gradient(to bottom, #000, #474747);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3B3B3', endColorstr='#474747', GradientType=0);
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.fxBotonNaranja {
	border:0px solid #FFF; 
	text-align:center; color:#FFFFFF; 
	background-color:#000; 
	font-weight:normal; 
	text-align:center; 
	height:20px; 
	cursor:pointer; 
	font-size:16px; 
	text-transform:uppercase; 
	padding: 8px;
}

.fxBoton {
	border:0px solid #FFF; 
	text-align:center; color:#FFFFFF; 
	font-weight:normal; 
	text-align:center; 
	height:40px; 
	cursor:pointer; 
	font-size:16px; 
	text-transform:uppercase; 
	padding: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width:100%;
	background-color: #082C12;
	background: linear-gradient(top, #082C12, #167533);
	background: -moz-linear-gradient(top, #082C12, #167533);
	background: -webkit-linear-gradient(top, #082C12, #167533);
	background: -o-linear-gradient(top, #082C12, #167533);
}
input:required:invalid {
 
	background-color: #ffffff;
	border: 1px solid #D6D6D6;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
	display: inline-block;
	padding: 5px;
	/*margin-bottom: 10px;*/
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	vertical-align: middle;
	font-family: 'HumanLt';
 
}
 
input:required:valid {
 
	background-color: #ffffff;
	border: 1px solid #D6D6D6;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
	display: inline-block;
	padding: 5px;
	/*margin-bottom: 10px;*/
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	vertical-align: middle;
	font-family: 'HumanLt';
}
select:required:valid {
	background-color: #ffffff;
	border: 1px solid #D6D6D6;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
	display: inline-block;
	padding: 5px;
	/*margin-bottom: 10px;*/
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	vertical-align: middle;
	font-family: 'HumanLt';
}


select:required:invalid {
	background-color: #ffffff;
	border: 1px solid #D6D6D6;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
	display: inline-block;
	padding: 5px;
	/*margin-bottom: 10px;*/
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	vertical-align: middle;
	font-family: 'HumanLt';
}
textarea:required:valid {
	background-color: #ffffff;
	border: 1px solid #D6D6D6;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
	display: inline-block;
	padding: 10px;
	/*margin-bottom: 10px;*/
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	vertical-align: middle;
	font-family: 'HumanLt';
}
textarea:required:invalid {
	background-color: #ffffff;
	border: 1px solid #D6D6D6;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
	display: inline-block;
	padding: 10px;
	/*margin-bottom: 10px;*/
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	vertical-align: middle;
	font-family: 'HumanLt';
	font-size: 14px;
}


.inputform  {
	width:98%;
	background-color: #ffffff;
	border: 1px solid #D6D6D6;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
	display: inline-block;
	padding: 10px;
	/*margin-bottom: 10px;*/
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	vertical-align: middle;
}

.inputxlarge, .fxCampoText, .fxSelect  {
	background-color: #ffffff;
	border: 1px solid #D6D6D6;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
	display: inline-block;
	padding: 10px;
	/*margin-bottom: 10px;*/
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	vertical-align: middle;
}

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


.txt_titulos_partes {
	font-family: 'HumanLt';
	font-size: 1.9em;
	color: #FFF;
	font-weight:bold;
	padding-left:20px;
}
.txt_titulos_partes_pesta {
	font-family: 'HumanLt';
	font-size: 1.9em;
	color: #0E5022;
	font-weight:bold;
}
.txt_normal {
	font-family: 'HumanLt';
	font-size: 1.6em;
	color #868686;
}
.txt_normal_naranja {
	font-family: 'HumanLt';
	font-size: 1.6em;
	color: #FD7F1D;
}
.txt_interesado {
	font-family: 'HumanLt';
	font-size: 2.8em;
	color: #1C171A;
}
.txt_slogan {
	font-family: 'HumanLt';
	font-size: 1.6em;
	color: #FFF;
}

.txt_tit_naranja {
	font-family: 'HumanLt';
	font-size: 2.4em;
	color: #D20822;
}

.txt_tit_guias {
	font-family: 'HumanLt';
	font-size: 2.1em;
	color: #1C171A;
}

.txt_tit_azul {
	font-family: 'HumanBt';
	font-size: 2.9em;
	color: #191D56;
}
.txt_tit_rojo {
	font-family: 'HumanBt';
	font-size: 2.9em;
	color: #D20822;
}

.txt_tit_rojo_p {
	font-family: 'HumanLt';
	font-size: 2.4em;
	color: #D20822;
}

.txt_not_titu {
	font-family: 'HumanBt';
	font-size: 1.8em;
	color: #000;
	line-height:20px;
}

.txt_not_fech {
	font-family: 'HumanLt';
	font-size: 1.2em;
	color: #A4A4A4;
}

.txt_not_desc {
	font-family: 'HumanLt';
	font-size: 1.4em;
	color: #666;
}

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

A.en1:link {
	font-family: 'HumanLt';
	font-size: 1.2em;
	color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
A.en1:visited {
	font-family: 'HumanLt';
	font-size: 1.2em;
	color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
A.en1:active {
	font-family: 'HumanLt';
	font-size: 1.2em;
	color: #000;
	text-decoration:none;
	font-weight:bold;
}
A.en1:hover {
	font-family: 'HumanLt';
	font-size: 1.2em;
	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;
}
.servicios_1200 {
	width:100%;
	max-width:1200px
}
.servicios_600 {
	display:none;
}
.inmuebles_destacados_1200 {
	width:100%;
	max-width:1200px
}
.inmuebles_destacados_600 {
	display:none;
}
.datos_1200 {
	width:100%;
	max-width:1200px
}
.datos_600 {
	display:none;
}
.clientes_testimonios_1200 {
	width:100%;
	max-width:1200px
}
.clientes_testimonios_600 {
	display:none;
}
.footer_1200 {
	width:100%;
	max-width:1200px
}
.footer_600 {
	display:none;
}
@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) {

.txt_normal {
	font-family: 'HumanLt';
	font-size: 16px;
	color #868686;
}

.txt_titulos_partes {
	font-family: 'HumanLt';
	font-size: 1.6em;
	color: #FFF;
	font-weight:bold;
	padding-left:20px;
}

.txt_normal_naranja {
	font-family: 'HumanLt';
	font-size: 16px;
	color: #FD7F1D;
}

.txt_tit_naranja {
	font-family: 'HumanLt';
	font-size: 1.8em;
	color: #FD7F1D;
}

.txt_tit_rojo {
	font-family: 'HumanBt';
	font-size: 1.8em;
	color: #D20822;
}

.txt_tit_negro {
	font-family: 'HumanLt';
	font-size: 1.8em;
	color: #1C171A;
}
.txt_tit_guias {
	font-family: 'HumanLt';
	font-size: 1.4em;
	color: #1C171A;
}
.txt_slogan_mob {
	font-family: 'HumanLt';
	font-size: 1.4em;
	color: #A2A2A2;
	text-align:center;
}

.txt_tit_azul {
	font-family: 'HumanBt';
	font-size: 1.9em;
	color: #191D56;
}

.txt_tit_rojo {
	font-family: 'HumanBt';
	font-size: 1.9em;
	color: #D20822;
}

.txt_tit_rojo_p {
	font-family: 'HumanLt';
	font-size: 1.4em;
	color: #D20822;
}

.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;
}
.servicios_1200 {
	display:none;
}
.servicios_600 {
	display:inline;
}
.inmuebles_destacados_1200 {
	display:none;
}
.inmuebles_destacados_600 {
	display:inline;
}
.datos_1200 {
	display:none;
}
.datos_600 {
	display:inline;
}
.footer_1200 {
	display:none;
}
.clientes_testimonios_600 {
	display:inline;
}
.clientes_testimonios_1200 {
	display:none;
}
.footer_600 {
	display:inline;
}
}







.textbox
{
border: 1px solid #CCCCCC;
font-size: 14px;
font-family: Arial, Verdana;
padding-left: 3px;
padding-right: 7px;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
background: #FFFFFF;
background: linear-gradient(left, #FFFFFF, #F7F9FA);
background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
color: #2E3133;
}

.degradado1
{
background-color: #EEEEEE;
background: linear-gradient(top, #FFF, #EEE);
background: -moz-linear-gradient(top, #FFF, #EEE);
background: -webkit-linear-gradient(top, #FFF, #EEE);
background: -o-linear-gradient(top, #FFF, #EEE);
}
.degradado2
{
background-color: #F7F9FA;
background: linear-gradient(top, #D6D6D6, #F7F9FA);
background: -moz-linear-gradient(top, #D6D6D6, #F7F9FA);
background: -webkit-linear-gradient(top, #D6D6D6, #F7F9FA);
background: -o-linear-gradient(top, #D6D6D6, #F7F9FA);
}
.degradado_rojo
{
color:#FFF;
padding:10px;
background-color: #167533;
background: linear-gradient(top, #082C12, #167533);
background: -moz-linear-gradient(top, #082C12, #167533);
background: -webkit-linear-gradient(top, #082C12, #167533);
background: -o-linear-gradient(top, #082C12, #167533);
}


	  
.pestanas
{
background-image:url(../images/fon_bloques.jpg); 
background-repeat:no-repeat; 
background-position:center; 
background-color:#0E0E0E; 
height:100%;
max-height:540px;
padding:5px;
z-index: 1
}

.pestanas_index
{
background-image:url(../images/fon_bloques.jpg); 
background-repeat:no-repeat; 
background-position:center; 
background-color:#0E0E0E; 
height:auto;
}


.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;" 
}








<!-----------------------------------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-family: 'HumanBt';
  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-family: 'HumanBt';
  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 -->
  <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-family: 'HumanBt';
  	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-family: 'HumanBt';
  	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;
	font-family: 'HumanBt';
 	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-family: 'HumanBt';
  	font-size: 14px;
 	color: #FFF;
}
ul.pureCssMenu li a:hover{
	position:relative;
	background-color:#38A3D9;
	font-family: 'HumanBt';
  	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-family: 'HumanBt';
  	font-size: 16px;
 	color: #FFF;
}
ul.pureCssMenui2 li a:hover{
	position:relative;
	background-color:#F39948;
	font-family: 'HumanBt';
  	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)}
  </style>
<!-- End PureCSSMenu.com STYLE -->