/* CSS Document */
body{
    background:#000000;
    margin:0px;
    padding:0px;
    
    }
    
#wrap {  
    position:absolute;  
    width:960px;  
    height:552px;  
    top:50%;  
    left:50%;  
    margin-top:-296px;  
    margin-left:-480px;
    z-index:2;
    /*background:#ccc; */
}

#contenedor{
    width:900px;
    height:100%;
    /*background:#ccc;  */
    margin:10px auto ;
    
    }
  
#logo{
    width:280px;
    height:55px;
    /*background:#00ff00; */
    margin:15px 0 15px 0;
    }
#nav{
    width:900px;
    height:50px;
    /*background:#f0ff0f; */
    color:#fff;
    font-family: 'Cabin', sans-serif;
    }
#web{
    width:900px;
    height:100%;
    /*background:#ffff00; */
    }
    
/*----------------------------MENU----------------------*/
.barra{
    width:10px;
    height:20px;
    /*background:url('../imagenes/barra.png');*/
    overflow:auto;
    }
#nav a{
    color:fff;
    margin-top:10px;
    font-size:16px;
    text-decoration:none; 
    }
#nav a:hover{
    /*font-weight:bold;*/
    color:#d14d31;
    }
ul{
    list-style-type:none;
    padding:0px;
    margin:-10px 0 0 5px;
    }
li{
    display:inline;
    margin:0 3px;
    }
    
a.active{color:#d14d31;}
/*---------------------------FIN MENU------------------------*/

/*----------------------------WEB----------------------*/
.entrar{
    font-family: 'centaur', serif;
    text-align:center;
    padding-top:20px;
    font-size:18px;
    margin-top:-50px;}

.entrar a{
    color:#000;
    text-decoration:none;}    

/*----------------------------FIN WEB-------------------*/

/*----------------------GALERIA---------------------*/
.galeriafoto{
    height:180px;
    border:2px solid #ccc;
    margin-left:10px;
    margin-bottom:10px;
    }
    
/*--------------LOGO---------------------*/
#portada{
    font-family: 'centaur', serif;
    z-index:0;
    width:585px;
    height:161px;
    /*background:url(../imagenes/texto-logo.png); */
    position:absolute;
    margin-left:350px;
    margin-top:170px;
    color:#000;}
    
    #portada h1{
      font-size:50px;
      margin-left:90px;
      margin-top:30px\9;
      }
    #portada h4{
      margin-top:-30px;  
      margin-top:-10px\9;  
      margin-left:410px;
      font-size:24px;}   
      
     /* #portada h1{
      font-size:50px;
      margin-left:50px;margin-top:80px;}
    #portada h4{
      margin-top:-30px;  
      margin-top:-10px\9;  
      margin-left:360px;
      font-size:24px;}    */
/*--------------FIN LOGO---------------------*/
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../centaur.eot');
    src: url('../centaur.eot?#iefix') format('embedded-opentype'),
         url('../centaur.woff') format('woff'),
         url('../centaur.ttf') format('truetype'),
         url('../centaur.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}



#margensup{
   background:#000;
   position:fixed;
   clear:both;
   height:135px;
   padding-top:40px;
   color:#fff;              
   } 
   #margensup a{color:#fff;} 
   
#margensup1{
   background:#000;
   position:fixed;
   clear:both;
   height:120px;
   padding-top:40px;
   color:#fff;
   margin-left:-8px;
   } 
   #margensup1 a{color:#fff;}    
   

.barra{  
  display:block;
  float:left;
  margin:0px;
  }
.negrita1{
  /*background:#fff000;*/
  width:57px;
  display:block;
  float:left;
  margin-right:0px;
  border-right:1px solid #fff;
  margin-right:5px;
  }
  
  .negrita2{
  /*background:#fff000;*/ 
  width:102px;
  display:block;
  float:left;
  border-right:1px solid #fff;
  margin-right:5px;
  }
  
.negrita3{
  /*background:#fff000;  */
  width:72px;
  display:block;
  float:left;
  border-right:1px solid #fff;
  margin-right:5px;
  }
  
.negrita4{
  /*background:#fff000; */
  width:118px;
  display:block;
  float:left;
  border-right:1px solid #fff;
  margin-right:10px;
  margin-left:9px;
  }
  
.negrita5{
  /*background:#fff000;*/
  width:100px;
  display:block;
  float:left;
  }