/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 15-ene-2016, 10:41:17
    Author     : Byron Rocha 
*/
@font-face {
  font-family: 'Nexa-Black';
  src: url('fonts/NexaBlack.eot?#iefix') format('embedded-opentype'), 
      url('fonts/NexaBlack.otf')  format('opentype'),
      url('fonts/NexaBlack.woff') format('woff'),
      url('fonts/NexaBlack.ttf')  format('truetype'),
      url('fonts/NexaBlack.svg#NexaBlack') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Nexa-Black-Italic';
  src: url('fonts/Nexa-Black-Italic.eot?#iefix') format('embedded-opentype'),
      url('fonts/Nexa-Black-Italic.otf')  format('opentype'),
	     url('fonts/Nexa-Black-Italic.woff') format('woff'), 
             url('fonts/Nexa-Black-Italic.ttf')  format('truetype'), 
             url('fonts/Nexa-Black-Italic.svg#Nexa-Black-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Nexa-Bold';
  src: url('fonts/Nexa-Bold.eot?#iefix') format('embedded-opentype'), 
      url('fonts/Nexa-Bold.otf')  format('opentype'),
	     url('fonts/Nexa-Bold.woff') format('woff'),
             url('fonts/Nexa-Bold.ttf')  format('truetype'), 
             url('fonts/Nexa-Bold.svg#Nexa-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Nexa-Bold-Italic';
  src: url('fonts/Nexa-Bold-Italic.eot?#iefix') format('embedded-opentype'),  
      url('fonts/Nexa-Bold-Italic.otf')  format('opentype'),
	     url('fonts/Nexa-Bold-Italic.woff') format('woff'), 
             url('fonts/Nexa-Bold-Italic.ttf')  format('truetype'), 
             url('fonts/Nexa-Bold-Italic.svg#Nexa-Bold-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Nexa-Book';
  src: url('fonts/Nexa-Book.eot?#iefix') format('embedded-opentype'), 
      url('fonts/Nexa-Book.otf')  format('opentype'),
	     url('vNexa-Book.woff') format('woff'),
             url('fonts/Nexa-Book.ttf')  format('truetype'), 
             url('fonts/Nexa-Book.svg#Nexa-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Nexa-Book-Italic';
  src: url('fonts/Nexa-Book-Italic.eot?#iefix') format('embedded-opentype'),
      url('fonts/Nexa-Book-Italic.otf')  format('opentype'),
	     url('fonts/Nexa-Book-Italic.woff') format('woff'),
             url('fonts/Nexa-Book-Italic.ttf')  format('truetype'), 
             url('fonts/Nexa-Book-Italic.svg#Nexa-Book-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Nexa-Heavy';
  src: url('fonts/NexaHeavy.eot?#iefix') format('embedded-opentype'), 
      url('fonts/NexaHeavy.otf')  format('opentype'),
	     url('fonts/NexaHeavy.woff') format('woff'), 
             url('fonts/NexaHeavy.ttf')  format('truetype'),
             url('fonts/NexaHeavy.svg#NexaHeavy') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Nexa-Heavy-Italic';
  src: url('fonts/Nexa-Heavy-Italic.eot?#iefix') format('embedded-opentype'), 
      url('fonts/Nexa-Heavy-Italic.otf')  format('opentype'),
	     url('fonts/Nexa-Heavy-Italic.woff') format('woff'),
             url('fonts/Nexa-Heavy-Italic.ttf')  format('truetype'),
             url('fonts/Nexa-Heavy-Italic.svg#Nexa-Heavy-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Nexa-Light';
  src: url('fonts/NexaLight.eot?#iefix') format('embedded-opentype'),
      url('fonts/NexaLight.otf')  format('opentype'),
	     url('fonts/NexaLight.woff') format('woff'),
             url('fonts/NexaLight.ttf')  format('truetype'),
             url('fonts/NexaLight.svg#NexaLight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Nexa-Light-Italic';
  src: url('fonts/Nexa-Light-Italic.eot?#iefix') format('embedded-opentype'),
      url('fonts/Nexa-Light-Italic.otf')  format('opentype'),
	     url('fonts/Nexa-Light-Italic.woff') format('woff'),
             url('fonts/Nexa-Light-Italic.ttf')  format('truetype'), 
             url('fonts/Nexa-Light-Italic.svg#Nexa-Light-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Nexa-Regular';
  src: url('fonts/NexaRegular.eot?#iefix') format('embedded-opentype'),
      url('fonts/NexaRegular.otf')  format('opentype'),
	     url('fonts/NexaRegular.woff') format('woff'),
             url('fonts/NexaRegular.ttf')  format('truetype'),
             url('fonts/NexaRegular.svg#NexaRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Nexa-Regular-Italic';
  src: url('fonts/Nexa-Regular-Italic.eot?#iefix') format('embedded-opentype'),  
      url('fonts/Nexa-Regular-Italic.otf')  format('opentype'),
	     url('fonts/Nexa-Regular-Italic.woff') format('woff'),
             url('fonts/Nexa-Regular-Italic.ttf')  format('truetype'),
             url('fonts/Nexa-Regular-Italic.svg#Nexa-Regular-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Nexa-Thin';
  src: url('fonts/NexaThin.eot?#iefix') format('embedded-opentype'), 
      url('fonts/NexaThin.otf')  format('opentype'),
	     url('fonts/NexaThin.woff') format('woff'),
             url('fonts/NexaThin.ttf')  format('truetype'),
             url('fonts/NexaThin.svg#NexaThin') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Nexa-Thin-Italic';
  src: url('fonts/Nexa-Thin-Italic.eot?#iefix') format('embedded-opentype'),
      url('fonts/Nexa-Thin-Italic.otf')  format('opentype'),
	     url('fonts/Nexa-Thin-Italic.woff') format('woff'), 
             url('fonts/Nexa-Thin-Italic.ttf')  format('truetype'),
             url('fonts/Nexa-Thin-Italic.svg#Nexa-Thin-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Nexa-XBold';
  src: url('fonts/Nexa-XBold.eot?#iefix') format('embedded-opentype'),
      url('fonts/Nexa-XBold.otf')  format('opentype'),
	     url('fonts/Nexa-XBold.woff') format('woff'),
             url('fonts/Nexa-XBold.ttf')  format('truetype'),
             url('fonts/Nexa-XBold.svg#Nexa-XBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Nexa-XBold-Italic';
  src: url('fonts/Nexa-XBold-Italic.eot?#iefix') format('embedded-opentype'), 
      url('fonts/Nexa-XBold-Italic.otf')  format('opentype'),
	     url('fonts/Nexa-XBold-Italic.woff') format('woff'), 
             url('fonts/Nexa-XBold-Italic.ttf')  format('truetype'), 
             url('fonts/Nexa-XBold-Italic.svg#Nexa-XBold-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{
    font-family: 'Nexa-Heavy';
    width: 100%;
    top: 0;
    padding: 0;
    margin: 0;
    color: #fff
}
textarea{
    resize: none
}
a:visited,a:focus{
    outline: none
}
.header{
    position: relative;
    float:left;
    width: 100%;
    height: 60px;
    background-color: #939598;
    z-index: 8000;
}

.logoa {
    position: absolute;
    max-width: 100%;

}
.logo{
    position: relative;
    float: left;
    max-width: 100%;
    margin: 2px 0 0 10%;
        z-index: 999;
}
.menu{
    position: relative;
    float: right;
    width: 77%; 
    margin: 0 1% 0 0;   
}
.menu li{
    position: relative;
    float: right;
    margin: 22px 0 0 3%; 
    text-decoration: none;   
}
.menu-a{
    position: relative;
    float: right;
    width: 100%;
    font-size: 15px;
    color: #fff;
    font-family: 'Nexa-Bold';  
}
.menuicon{
    position: relative;
    float: right;
    margin: 0 1% 0 0;   
}
.menuicon li{
    position: relative;
    float: right;
    margin: 22px 0 0 3%; 
    text-decoration: none;   
}
.menuicon-a{
    position: relative;
    float: right;
    width: 100%;
    font-size: 15px;
    color: #fff;
    font-family: 'Nexa-Bold';  
}
.menu li a:hover{color:  #acd642;}
.menu-active{ font-family: 'Nexa-Bold';color: #acd642}

.icon{position: relative;float: right; width: 32px;height: 32px;border: none }

.iconf{background: url('./../img/DECONOVA_Boton_facebokk.png')no-repeat  }
.iconf:hover{background-position: 0 -32px}
.icont{background: url('./../img/DECONOVA_boton_twitter.png')no-repeat  }
.icont:hover{background-position: 0 -32px}
.iconi{background: url('./../img/DECONOVA_boton_instagram.png')no-repeat  }
.iconi:hover{background-position: 0 -32px}
.iconp{background: url('./../img/DECONOVA_boton_pinteres.png')no-repeat   }
.iconp:hover{background-position: 0 -32px}
.icons{background: url('./../img/DECONOVA-SERVICIOS-CAMBIOS2_03.png')no-repeat   }
.icons:hover{background-position: 0 -30px; }


.footer{
    position: relative;
    float: left;
    width: 100%; 
    height: 60px;
    background-color:#ffffff;
     color:#939598;
}
.footer p{
    font-family: 'Nexa-Regular';
    margin-top:5px;
   text-align: center;
   font-size: 12px;
   
}.footer img{
    margin-top:5px;
    
}

#txt-still{
    position: absolute;
    text-align: left;
    width: 27%;
    margin: 1%;
     color:#939598;
     top:10px;
}


@media all and (max-width: 505px) {
    
    .footer{height:60px }
    .footer p{width: 100%;text-align: center;} 
}