/*feuntes*/

@font-face{
src:  url("fonts/nevis.eot");
src:  url("fonts/nevis.eot?#iefix") format("embedded-opentype");
      url("fonts/nevis.woff") format("woff");
      url("fonts/nevis.ttf") format("truetype");
      url("fonts/nevis.svg") format("svg");
      font-weight: normal;
      font-style: normal;

}
@font-face{
font-family: "fajala";
src:  url("fonts/FjallaOne-Regular.ttf") format("truetype");
   
      font-weight: normal;
      font-style: normal;

}
/* estilos generales*/
*{
padding: 0px;
margin: 0px;
}
body{
/*background-image:  url("../img/paven.png");*/
background-color: white;
}
a{
color:#529125;
text-decoration: none;

}
a:visited{

  color:#529125;
}
a:hover{

  color:#285616;
}
/*formularios*/
input[type="text"],
input[type="email"],
input[type="password"],
select{

  border: 1px solid #c9c9c9;
  box-shadow:  0px 0px 2px #ccc ;
  background:  white;
  padding: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
  transition: all 300ms;
}
input[type="text"]:focus,
input[type="email"]focus,
input[type="password"]:focus,
select:focus{
border: 1px solid #70b231;
color:black;
  
}
input[type="button"],
input[type="submit"],
input[type="reset"],
botton{

  display: block;
   border-radius: 2px;
   border: 1px solid green;
   width: 60px;
   padding: 3px;
   color: white;
   background-color:  #70b231;
   cursor: pointer;

}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
botton{

  box-shadow:  0px 0px  2px green;

}
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
botton{

  box-shadow:  0px 0px  3px gray inset;
  text-shadow: 0 px 0px 1px #ccc;

}
/*cabecera*/
#header{
min-width: 1024px;
width: 100%;
height:250px;
margin:  0px auto;
}
#header a{
text-decoration: none;

}
#header #logotipo{
    width: 1200px;
    margin: 0px auto;
    padding-top: 20px;
}
#header #logotipo img{
display: block;
text-align: center;
margin: 0px auto;/* centra la imagen*/
width: 600px;

}
#header h1{
text-align: center;
font-size: 40px;
font-family: "nevis";
text-transform: uppercase;
letter-spacing: 4px;
margin-top: 10px;
/*text-shadow: 0px 2px 1px #333333;*/
transition: all 300ms;
}

#header h1:hover{
text-shadow:  0px 2px 1px #333333, 0px 0px 4px #C40202;
}

#header h1 a{
    color: #C40202;
}
/*barra de navegacion*/

#nav{
width: 100%;
height: 40px;
background-color: #1793FF;
color: white;
font-family: sans-serif, helvetica, Arial;
font-size:  14px;
box-shadow: 0px 0px 2 px gray; 

}
 #nav ul{

list-style: none;
text-decoration: none;
margin: 0px auto;
width: 1090px;
 }

 #nav >ul >li{
 line-height: 40px;
 float: left;/* es para que se póngan a una lado del otro*/
 boerder-rigth: 1px solid gray;

 }
 #nav >ul >li{
    display: block;
    padding-left: 20px;
    padding-right: 20px;
  color: white;
  text-decoration: none;

 }

 #nav >ul >li >a{
display: block;
padding-left: 20px;
padding-right: 20px;
color: white;
text-decoration: none;

 }
  #nav >ul >li >a:first-child{
border-left: 1px solid gray;


 }
 /*menu desplegable*/
#nav >ul >li >ul{
  display: none;
  position:absolute;

  width: 160px;
  box-shadow: 0px 2px 2px gray;
  z-index: 1;
}
#nav > ul> li :hover >lu{
  display: block;
}

#nav > ul> li :hover >lu >li{
backdrop-color: #F2F1F0;
border-bottom: 1px solid #D6D6D6;
padding: 8px;
line-height: 25px;
font-size: 13px;
}
#nav >ul> li:hover >ul >li {

  color: #666666;
}
#nav > ul> li :hover >lu >li:hover{
background: #ccc;

}
#nav >ul >li > ul{
display: none;
position: absolute;
width: 160px;
box-shadow: 0 px 2px 2px gray;
z-index: 1;
}
#nav >ul>li:hover >ul{
  display: block;
}
#nav >ul>li:hover >ul >li{
 background-color: #F2F1F0;
 border-bottom: 1px solid #D6D6D6;
 padding: 8px;
 line-height: 25px;
 font-size: 13px;
 transition: all 300ms;
}
#nav >ul>li:hover >ul >li a{
color: #666666; 
}
#nav >ul>li:hover >ul >li:hover{
box-shadow:  0px 0px 2px #ccc;
background: #ccc;
}

/* contenido*/

#content {
width: 1250px;
min-height: 1100px;
margin: 0px auto;
}

/* SECCIONES*/
#sections{
float:none;
width: 100%;
font-family: sans-serif,Arial, Helvetica;
margin-right:  20px;
}
#sections .titulo{
 font-family: "fajala";
  font-size: 24px;
  font-weight: normal;
  letter-spacing: 1px;
  text-align: center;
  margin-top: -20px;
  padding-top: 20px;
  padding-bottom: 10px;
 border-bottom: 1px solid #ccc;
} 
#sections section{
  margin-top: 40px;
  background-color: white;
  padding:  20xp;
  /*border: 1px solid #ccc;
  box-shadow:  0px 0px 4px #C9C9C9;*/
  color #333333;
  overflow: hidden;

}
#sections .article{

  margin: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  
}
#sections .date{
  color:gray;
  font-size: 14px;
}
#sections .stikersone,
#sections .stikerstwo{
  position: absolute;
  margin-top: -38px;
  z-indez:0;
}
#sections .stikerstwo{
  margin-left: 850px;
}