/* GENERAL TAGS */
body {
	font-family:Arial;
	font-size:14px;
	color:#393c43;
	background:#fff url(../img/bg.gif) repeat-x scroll 0 0;
}

h2 {
    border-bottom: 1px solid #939193;
    display: block;
    padding: 0 0 9px 0;
    text-indent: -9999px;
}

.wrapper {
    margin: auto;
    position: relative;
    width: 850px;
}

/* HEAD */
#head {
    min-width: 909px;
    margin: 20px 0 26px;
}

#head .wrapper {
}

#head .logo a {
    display: block;
    width: 271px;
    height: 56px;
    background: url("../img/logo.png") no-repeat scroll 0 0 transparent;
    text-indent: -9999px;
}

/* CONTENT */
#content {
    min-width: 909px;
}

#content .wrapper {
    background: url("../img/bgContentTop.png") no-repeat scroll 0 0 transparent;
    padding: 10px 30px;
    width: 850px;
    position: relative;
    min-height: 586px;
    z-index: 101;
}

#content .menu {
    display: block;
}

#content .menu li {
    display: block;
    float: left;
}

#content .menu li a {
    display: block;
    width: 170px;
    height: 47px;
    background: url("../img/menuSprite.jpg") no-repeat scroll 0 0 transparent;
    text-indent: -9999px;
    float: left;
}

a.opt1 {
    background-position: 0 0 !important;
}

a.opt2 {
    background-position: -170px 0 !important;
}

a.opt3 {
    background-position: -340px 0 !important;
}

a.opt4 {
    background-position: -510px 0 !important;
}

a.opt5 {
    background-position: -680px 0 !important;
}

a.opt1:hover, body.home a.opt1 {
    background-position: 0 -48px !important;
}

a.opt2:hover, body.profesionales a.opt2 {
    background-position: -170px -48px !important;
}

a.opt3:hover, body.trabajos a.opt3 {
    background-position: -340px -48px !important;
}

a.opt4:hover, body.obras a.opt4 {
    background-position: -510px -48px !important;
}

a.opt5:hover, body.contacto a.opt5 {
    background-position: -680px -48px !important;
}

#slideHome {
    width: 506px;
    height: 284px;
    float: left;
    margin: 9px 0 0 0;
}

#slideHome img {
    width: 506px;
    height: 284px;
}

#obrasHome {
    width: 334px;
    height: 284px;
    float: left;
    margin: 9px 0 0 9px;
}

#objetivos {
    width: 506px;
    float: left;
    margin: 9px 0 0 0;
}

#objetivos h2 {
    background: url("../img/objetivos.png") no-repeat scroll 9px 0 transparent;
}

#objetivos p {
    line-height: 21px;
    padding: 9px;
}

#contactenos {
    width: 334px;
    float: left;
    margin: 9px 0 0 9px;
}

#contactenos h2 {
    background: url("../img/contactenos.png") no-repeat scroll 9px 0 transparent;
}

#contactenos legend {
    display: none;
}

#contactenos form {
    padding: 9px;
}
    
#contactenos label {
    display: block;
    padding: 0 0 4px 0;
}

#contactenos .textfield {
    border: 1px solid #939193;
    margin: 0 0 10px 0;
    line-height: 22px;
    height: 22px;
    padding: 0 2px;
    width: 100%;
}

#contactenos textarea {
    border: 1px solid #939193;
    margin: 0 0 10px 0;
    height: 140px;
    padding: 0 2px;
    width: 100%;
}

#contactenos #submit {
    background: url("../img/btn.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    font-size: 11px;
    height: 22px;
    line-height: 22px;
    margin: auto;
    text-align: center;
    width: 90px;
}

#footer {
    min-width: 909px;
}

#footer .wrapper {
    background: url("../img/bgContentBottom.png") no-repeat scroll 0 0 transparent;
    width: 909px;
    height: 290px;
    position: relative;
    top: -160px;
    z-index: 100;
}

#footer .wrapper p {
    bottom: 60px;
    color: #9D9FA2;
    font-size: 12px;
    left: 24%;
    line-height: 16px;
    position: absolute;
    text-align: center;
}

#footer .firma {
    bottom: 0;
    display: block;
    height: 20px;
    position: absolute;
    right: 22px;
    text-indent: -9999px;
    width: 183px;
}

#col1pro {
    width: 336px;
    float: left;
    margin: 9px 0 0 0;
}

#nuestroEstudio {
    width: 505px;
    float: left;
    margin: 12px 0 0 9px;
}

#nuestroEstudio h2 {
    background: url("../img/nuestroEstudio.png") no-repeat scroll 9px 0 transparent;
}

#nuestroEstudio p {
    line-height: 21px;
    padding: 9px;
}

#nuestroEstudio .interiores p {
    padding: 0 0 9px 0;
}

#menuTrabajos {
    display: block;
    background: #fff;
}

#menuTrabajos li {
    display: block;
}

#menuTrabajos li a {
    display: block;
    height: 35px;
    text-indent: -9999px;
    cursor: pointer;
    background: url("../img/menuTrabajosSprite.gif") no-repeat scroll 0 0 transparent;
}

#menuTrabajos li a.o1 {
    background-position: 0 0 !important;
}

#menuTrabajos li a.o2 {
    background-position: 0 -35px !important;
}

#menuTrabajos li a.o3 {
    background-position: 0 -70px !important;
}

#menuTrabajos li a.o4 {
    background-position: 0 -105px !important;
}

#menuTrabajos li a.o5 {
    background-position: 0 -140px !important;
}

#menuTrabajos li a.o6 {
    background-position: 0 -175px !important;
    height: 39px;
}

#menuTrabajos li a.o1:hover, #menuTrabajos li a.o1.on {
    background-position: -335px 0 !important;
}

#menuTrabajos li a.o2:hover, #menuTrabajos li a.o2.on {
    background-position: -335px -35px !important;
}

#menuTrabajos li a.o3:hover, #menuTrabajos li a.o3.on {
    background-position: -335px -70px !important;
}

#menuTrabajos li a.o4:hover, #menuTrabajos li a.o4.on {
    background-position: -335px -105px !important;
}

#menuTrabajos li a.o5:hover, #menuTrabajos li a.o5.on {
    background-position: -335px -140px !important;
}

#menuTrabajos li a.o6:hover, #menuTrabajos li a.o6.on {
    background-position: -335px -175px !important;
    height: 39px;
}

.contentTrabajos {
    margin: 20px 0 0 0;
}

#trabajo_1 h2 {
    background: url("../img/h2trabajos1.png") no-repeat scroll 0 0 transparent;
}

#trabajo_2 h2 {
    background: url("../img/h2trabajos2.png") no-repeat scroll 0 0 transparent;
}

#trabajo_3 h2 {
    background: url("../img/h2trabajos3.png") no-repeat scroll 0 0 transparent;
}

#trabajo_4 h2 {
    background: url("../img/h2trabajos4.png") no-repeat scroll 0 0 transparent;
}

#trabajo_5 h2 {
    background: url("../img/h2trabajos5.png") no-repeat scroll 0 0 transparent;
}

#trabajo_6 h2 {
    background: url("../img/h2trabajos6.png") no-repeat scroll 0 0 transparent;
}

.contentTrabajos ul {
    display: block;
    padding: 20px 9px;
}

.contentTrabajos ul li {
    border-bottom: 1px solid #D2D3D5;
    line-height: 21px;
    padding: 0 0 10px;
    margin: 0 0 10px 0;
}

#listaObras li {
    float: left;
}

#listaObras li.foto {
    border-bottom: none;
    width: 20%;
    clear: both;
}

#listaObras li.foto img {
    border: 3px solid #cecccc;
}

#listaObras li.data {
    width: 80%;
    margin: 0 0 40px 0;    
}

#contacto fieldset {
    display: block;
    width: 80%;
    margin: 80px auto;
}

#contacto legend {
    display: none;
}

#contacto label {
    display: block;
    padding: 0 0 4px 0;
}

#contacto .textfield {
    border: 1px solid #939193;
    margin: 0 0 10px 0;
    line-height: 22px;
    height: 22px;
    padding: 0 2px;
    width: 100%;
}

#contacto textarea {
    border: 1px solid #939193;
    margin: 0 0 10px 0;
    height: 140px;
    padding: 0 2px;
    width: 100%;
}

#contacto #submit {
    background: url("../img/btn.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    font-size: 11px;
    height: 22px;
    line-height: 22px;
    margin: auto;
    text-align: center;
    width: 90px;
}