/*-----------inicio GLOBALES-----------*/
html{
    height: 100%
}

body{
    font-family:Georgia;    
    font-size: 12px;
    background: url(../img/bg.jpg) repeat 0 0 transparent;
    height: 100%;    
}


a{    
    text-decoration: none;
    cursor:pointer;
    color:#c1c1c1
}


strong{
    font-weight: bold
}

#contenedora{
    width: 97%;
    max-width:1280px;      
    overflow: hidden;
    margin: auto;
    padding: 2% 0 0
}

#contenido{
    width: 100%;
    float: left;
    overflow: hidden;
    margin: 5% 0 0;
    position: relative
}
/*-----------fin GLOBALES-----------*/




/*-----------inicio HEADER-----------*/
#header{
    width: 100%;
    float: left;
    overflow: hidden;    
}

#logo{
    float: left;
}

#menu{
    float: right;
    font-weight: bold;
    font-style: italic;  
    overflow: hidden;
    font-size: 25px;
    line-height: 30px;
    margin-top: 1%;
    width: 425px
}

#menu li{
    float: left;
    padding-left: 3%;
    margin-left: 3%;
    border-left:1px solid #c1c1c1;        
}

#menu li:first-child{
    padding-left: 0;
    margin-left: 0;
    border-left:0
}

#menu li a{
    text-shadow: 1px 1px 1px #fff;
    -webkit-text-shadow: 1px 1px 1px #fff;
    -moz-text-shadow: 1px 1px 1px #fff;
}


#menu li a:hover{
    color:#f19000
}
/*-----------inicio HEADER-----------*/





/*-----------inicio CONTENIDO-----------*/
.italic {
    font-style: italic;
}


.georgia {
    font-family: "Georgia",Serif;
}


h4#titportfolio {
    border-bottom: 1px solid #BFBFBF;
    color: #BFBFBF;
    float: left;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 0.5% 0;
    display: block;
    width: 100%;
}


h4 a {
    color: #777777;
    font-weight: normal;
    letter-spacing: normal;
}

h4 a.sel, h4 a:hover {
    color:#f19000
}


#wrap_portfolio{
    float: left;
    overflow: hidden;    
    position: relative;
    width: 100%
}

ul.portfolio{
    display: none;
    overflow: hidden;
    padding-bottom: 0.5%;    
    max-width: 1220px;
    margin: auto;
}

ul.portfolio:first-child{
    display: block;
}

ul.portfolio li {
    background: none repeat scroll 0 0 transparent;
    height: 123px;
    float: left;
    margin: 3% 0.7% 0;
    width: 286px
}

ul.portfolio li div.wrap_item_portfolio {
    border: 1px solid #777777;
}

ul.portfolio li a {
    border: 5px solid #CCCCCC;
    display: block;
    height: 113px;
    overflow: hidden;
    position: relative;
    width: 274px;
}

ul.portfolio li a div.overlay {
    background: url("http://www.bmestudio.com.ar/img/portfolio_overlay.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    height: 103px;
    left: 274px;
    padding: 10px 15px 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 244px;
}

ul.portfolio li a div.overlay em {
    font-size: 15px;
    line-height: 50px;
}

ul.portfolio li a div.overlay p{
    line-height: 13px;
}


.navigator{
    width: 100%;
    height: 40px;
    float: left;
    overflow: hidden;
    text-align: center;
}

.navigator a{
    font-size: 44px;
    line-height: 30px;
    margin: 0 0.2%;
    color: #ccc;
}

.navigator a.sel,
.navigator a:hover{
    color:#f19000
}
/*-----------fin CONTENIDO-----------*/




/*-----------inicio FOOTER-----------*/
#cont_footer{
    float: left;
    overflow: hidden;
    width: 100%;
    padding-bottom: 5px;
    border-bottom:5px solid #f19000
}

#footer{
    width: 90%;
    max-width: 1280px;
    margin: auto;
    overflow: hidden
}

#team{
    float: left;
    overflow: hidden;    
    width: 75px
}

#team li{
    float: left;
    overflow: hidden;
    margin-left: 8%;
}

#team li:first-child{
    margin-left: 0
}

#team li a{
    display: block;
    width: 21px;
    height: 42px;
    background: url(../img/team.png) no-repeat -21px 0 transparent;    
}

#team li a:hover{
    background-position: -21px -42px
}

#team li a#mujer{
    background-position: 0 0
}

#team li a#mujer:hover{
    background-position: 0 -42px
}


#developer{
    font-weight: bold;
    font-style: italic;
    font-size: 13px;
    text-shadow: 1px 1px 1px #fff;
    -webkit-text-shadow: 1px 1px 1px #fff;
    -moz-text-shadow: 1px 1px 1px #fff;
    display: block;
    width:160px;
    color:#000;
    opacity:0.2;
    text-align: center;        
    margin: 2% auto 1%
}

#developer:hover{
    opacity:1
}


#redes_sociales{
    float: right;
    overflow: hidden
}

#redes_sociales li{
    float: left;
    overflow: hidden;
    margin-left: 10px;
}

#redes_sociales li:first-child{
    margin-left: 0
}

#redes_sociales li a{
    display: block;
    width: 30px;
    height: 33px;
    background: url(../img/redes_sociales.png) no-repeat 0 0 transparent
}

#redes_sociales li a#linkedin:hover{
    background-position: 0 -34px
}

#redes_sociales li a#google_plus{
     background-position: -51px 0;
     width: 35px;
}

#redes_sociales li a#google_plus:hover{
    background-position: -51px -34px
}

#redes_sociales li a#twitter{
    background-position: -101px 0;
    width: 22px;
}

#redes_sociales li a#twitter:hover{
    background-position: -101px -34px
}

#redes_sociales li a#facebook{
    background-position: -146px 0;;
    width: 16px
}

#redes_sociales li a#facebook:hover{
    background-position: -146px -34px;
}

#redes_sociales li a#me{
   background-position: -173px 0;
   width: 44px;
}

#redes_sociales li a#me:hover{
    background-position: -173px -34px
}
/*-----------fin FOOTER-----------*/