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

body {
    background: url(../images/bg.jpg) no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: 'Roboto', sans-serif;
}

.body_wrap{
    height: 555px;
    width: 1090px;
    position:absolute;
    left:50%;
    top:50%;
    margin: -278px 0 0 -545px;
}

.texto_base{
    font-family: 'Roboto Condensed', sans-serif;
    color: #fff;
    font-size: 14px;
}
.gris{ color: #bcbbba !important; }

.body_index{
    background: url(../images/gif1.gif) #000 no-repeat fixed center;
    overflow: hidden;
    height: 2000px;
    width: 100%;
    cursor: pointer;
}

.menu_wrap{
    float: left;
    margin: 235px 0 0 0;
    height: 320px;
    width: 290px;
    background: #000;
    padding: 20px 0 0 20px;
}
.menu a, .submenu a{ color: #fff !important; text-decoration: none; }
.menu{
    float: left;
    margin: 0 15px 0 0;
    width: 135px;
}
.menu .opcion{
    margin-top: 40px;
    color: #fff;
    font-family: 'futuraextended', sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
}
.menu .opcion:first-child{
    margin-top: 0px !important;
}
.submenu{
    float: left;
    width: 168px;
    margin-top: 58px;
    color: #fff;
}
.submenu .opcion{
    font-family: 'futuraextended', sans-serif;
    font-size: 12px;
    margin-top: 20px;
    letter-spacing: 1px;
}
.submenu .opcion:first-child{
    margin-top: 0px !important;
}
.submenu .subopcion{
    font-style: italic;
    font-size: 12px;
    margin-top: 2px;
}
.show_submenu{ cursor: pointer; }

.contenido{
    background: #000;
    height: 555px;
    float: left;
    margin: 0 0 0 50px;
    width: 750px;
    position: relative;
}

.about{
    margin: 80px 20px 0 30px;
}
.about .texto_base{
    float: left;
    width: 430px;
    font-size: 13px !important;
}
.about img{
    float: right;
}

.clients .texto_base{
    position: absolute;
    bottom: 30px;
    left: 30px;
}

.portfolio{
    overflow: hidden;
}

.img_portfolio{
    padding: 30px;
    text-align: left;
    max-height: 480px;
    overflow: hidden;
}
.txt_portfolio{
    padding: 10px 0 0 30px;
    text-align: left;
}

.contact .texto_base{
    position: absolute;
    bottom: 30px;
    left: 30px;
    font-style: italic;
    letter-spacing: 1px;
}
.contact a{
    color: #fff;
    text-decoration: none;
}