@charset
"utf-8"
;

* {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: Tahoma, sans-serif;
    color: #808285;
}

img {
    border: 0;
}

p {
    margin-bottom: 12px;
}

a {
    text-decoration: none;
    border: 0;
}

a:hover, .menuItemSelected {
    color: #a82924;
}

a:active {
    color: #a82924;
}

.menuItemSelected {
    background: #FFFFFF;
}

ul {
    list-style: none;
}

#top {
    height: 66px;
    background: white url(../images/header.gif) no-repeat center center;
    width: 825px;
}

#topHome {
    height: 66px;
    background: white url(../images/header.gif) no-repeat center center;
}

#top h1 span, #top h2 span, #topHome h1 span, #topHome h2 span {
    display: none;
}

#container {
    margin: 41px auto 0 auto;
    width: 937px;
}

#homeContent {
    margin: 0 auto;
    width: 912px;
    height: 380px;
}

#homeContent div {
    width: 94px;
    height: 69px;
    float: left;
    text-align: center;
    margin: 4px 4px 3px 3px;
}

#homeContent div a {
    font-weight: bold;
    width: 94px;
    height: 69px;
    display: block;
    text-align: center;
}

#homeContent div img {
    border: none;
    width: 94px;
    height: 69px;
    color: #cccccc;
}

.homeOver {
    width: 98px ! important;
    height: 73px ! important;
    margin-left: -2px;
    margin-top: -2px;
}

#mainMenuBox, #pageContent, #centerPanel, #rightPanel {
    float: left;
}

#mainMenuBox {
    margin-right: 4px;
}

#mainMenu {
    width: 94px;
}

#mainMenu li {
    background: white url(../images/menuBox.gif) no-repeat;
    margin-bottom: 5px;
}

#mainMenu li a {
    width: 84px;
    height: 42px;
    display: block;
    text-align: center;
    padding: 27px 5px 0 5px;
    font-weight: bold;
}

.homeTextLink {
    height: 42px ! important;
    display: block;
    text-align: center;
    padding: 27px 0 0 0;
}

#mainMenu li .special {
    height: 50px ! important;
    display: block;
    text-align: center;
    padding: 19px 5px 0 5px;
}

.homeTextLinkSpecial {
    height: 50px ! important;
    display: block;
    text-align: center;
    padding: 19px 0 0 0;
}

#centerPanel {
    width: 629px;
    height: 366px;
    background: white url(../images/centerBoxPA.gif) no-repeat;
    margin-right: 3px;
}

#centerBoxPA {
    width: 629px;
    height: 366px;
    overflow: hidden;
}

.centerIdentLayout {
    height: 346px;
    overflow: hidden;
    padding: 0 0 20px 249px;
}

.centerIdentLayout h1 {
    font-size: 22px;
    color: #ffffff;
    font-weight: normal;
    padding: 5px 0 21px 0;
}

#centerBoxPServices {
    background: url("../images/projectServicesBg.gif") no-repeat top left;
}

#curriculum {
    height: 346px;
    overflow: hidden;
    background: url("../images/teamBackground.jpg") no-repeat top left;
    padding-left: 249px;
    padding-bottom: 20px;
}

#artBox {
    height: 352px;
    overflow: hidden;
    background: url("../images/artBox.gif") no-repeat top left;
}

#artBox h1 {
    font-size: 22px;
    color: #ffffff;
    font-weight: normal;
    padding: 4px 0 4px 15px;
    margin-bottom: 15px;
}

#artworkList {
    height: 302px;
}

#ArtScrollBox-slide {
    float: right;
    margin-right: 3px;
    margin-top: 5px;
}

#artworkList .ui-slider-vertical {
    height: 289px;
}

#artworkPopup {
    background: url("../images/artworkPopup.gif") no-repeat top left;
    display: none;
    height: 606px;
    width: 502px;
}

#ArtScrollBox {
    width: 615px;
    height: 302px;
}

#centerBoxAService {
    background: url("../images/artServicesBg.gif") no-repeat top left;
}

#rightPanel {
    width: 205px;
}

#categoriesBox, #projectsBox, #teamTopBox, #teamMidBox {
    width: 173px;
    margin-bottom: 4px;
}

#categoriesBox {
    height: 112px;
    background: white url(../images/categoriesBox.gif) no-repeat;
}

.scrollable-box {
    overflow: hidden;
    position: absolute;
}

#categoriesBox .scrollable-box {
    width: 184px;
    height: 112px;
}

#categoriesBox #categories-slider .ui-slider-vertical {
    height: 122px ! important;
}

#categoriesBox a, #teamTopBox a {
    font-weight: bold;
    line-height: 16px;
}

#serviceBox {
    width: 205px;
    height: 31px;
    background: white url(../images/serviceBox.gif) no-repeat;
}

#serviceBox a {
    display: block;
    width: 205px;
    height: 31px;
}

#contactLinkBox {
    margin-top: 4px;
    width: 205px;
    height: 31px;
    background: white url(../images/contactLinkBox.gif) no-repeat;
    text-align: center;
}

#contactLinkBox a {
    display: block;
    width: 205px;
    height: 31px;
    font-size: 22px;
}

#projectsBox {
    height: 128px;
    background: white url(../images/projectsBox.gif) no-repeat;
}

#projectsBox .scrollable-box {
    width: 184px;
    height: 128px;
}

#PScrollBox-Content a {
    display: block;
    width: 148px;
    padding-right: 18px;
    background: white url(../images/camera.gif) no-repeat right center;
    height: 16px;
    overflow: hidden;
}

#PScrollBox-Content .manifest a {
    background: none;
    padding: 0;
    width: 168px;
}

#PScrollBox-Content {
    width: 168px;
}

#CurYearsScrollBox-Content {
    width: 168px;
}

#curriculumBox .scrollable-box {
    width: 184px;
    height: 242px;
}

#projectsBox, #teamTopBox, #teamMidBox, #bibliografyBox {
    padding: 10px 16px;
    line-height: 16px;
    overflow: hidden;
}

#categoriesBox {
    padding: 16px 16px;
    line-height: 16px;
    overflow: hidden;
}

#photoInformation {
    width: 615px;
    margin: 7px 7px 0 7px;
    clear: both;
}

#projectInfo, #photosNavigatorLeft {
    float: left;
}

#projectInfo p {
    margin: 0;
    padding: 0;
}

#photosNavigator {
    float: right;
}

#photosNavigator img {
    cursor: pointer;
    margin-left: 7px;
}

#centerBoxServicesCR {
    background: white url(../images/constructionServicesBg.gif) no-repeat;
}

#bibliografy {
    height: 344px;
}

#team {
    background: url(../images/teamBackground.jpg) no-repeat;
}

#bibliografy {
    background: url(../images/teamBackground.jpg) no-repeat;
}

#teamTopBox {
    background: url(../images/teamTopBox.gif) no-repeat;
    height: 50px;
}

#teamMidBox {
    background: url(../images/teamMidBox.gif) no-repeat;
    height: 237px;
}

#teamMidBox .titulo {
    font-size: 11px;
    margin-bottom: 10px;
    display: block;
}

#teamText {
    width: 300px; /* ToDo Revisar esto del ancho para el nuevo ajuste */
}

#teamText div {
    line-height: 18px;
}

#curriculumB a {
    font-size: 14px;
    color: #a82924;
    font-weight: bold;
}

#teamCurriculum hr {
    border-style: none;
    border-top: 1px solid #808285;
    width: 340px;
    margin: 22px 0;
}

#bibliografyBox {
    background: url(../images/teamMidBox.gif) no-repeat;
    height: 237px;
}

#contactBox {
    background: url(../images/contactBox.gif) no-repeat;
    height: 346px;
    overflow: hidden;
    padding: 0 0 20px 256px;
    float: left;
    width: 373px;
}

#contactBox textarea {
    line-height: 21px;
    height: 186px;
    width: 350px;
    border: 1px solid #dddddd;
    margin-top: 20px;
}

#contactBox input {
    border-style: none;
    border-bottom: 1px solid #808285;
    width: 306px;
}

#contactBox .emailempresa {
    margin-top: 20px;
}

.emailde, .emailFrom, .emailTelefono, .emailSubject {
    margin-top: 10px;
}

#contactBox #empresa {
    width: 296px;
}

#contactBox #de {
    width: 229px;
}

#contactBox #email {
    width: 316px;
}

#contactBox #telefono {
    width: 295px;
}

#contactAddressBox {
    background: white url(../images/contactAddress.gif) no-repeat;
    width: 205px;
    height: 332px;
    float: left;
}

#contactAddressBox #direccionHabana {
    height: 141px;
    padding: 32px 15px 0 15px;
    line-height: 20px;
}

#contactAddressBox #direccionMadrid {
    height: 123px;
    padding: 32px 15px 0 15px;
    line-height: 20px;
}

#contactAddressBox .sendButton {
    background: url("../images/contactSendButton.gif") no-repeat;
    width: 205px;
    height: 31px;
    margin-top: 7px;
}

#contactAddressBox .sendButton a {
    display: block;
    width: 205px;
    height: 31px;
}
      /*
#footer {
    margin-top: 42px;
}  */

#footerHome {
    margin-top: 23px;
}

#footer, #footerHome {
    clear: both;
    float: left;
    text-align: center;
    width: 935px;
}
   /*
#footer a, #footerHome a {
    font-size: 14px;
    letter-spacing: 1px;
    border-bottom: 2px solid #a82924;
    color: #808285;
    font-weight: bold;
    line-height: 20px;
}          */

#footer a:hover, #footerHome a:hover {
    color: #a82924;
}

#ServiceScrollBox, #teamScrollBox {
    width: 366px;
    height: 296px;
}

#ServiceScrollBox-Content, #teamScrollBox-Content {
    width: 329px;
    line-height: 16px;
}

#CurScrollBox {
    width: 366px;
    height: 296px;
}

#CurScrollBox-Content {
    width: 329px;
    line-height: 16px;
}

.hidden {
    display: none;
}

.linkSelected {
    color: #a82924;
}

.artwork {
    width: 125px;
    height: 90px;
    margin: 0 0 15px 15px;
    float: left;
}

.artwork a {
    display: block;
    width: 125px;
    height: 90px;
    border: 1px solid #808285;
    text-align: center;
}

.artwork img {
    border: none;
}

.artwork a:hover {
    border: 1px solid #a82924;
}

/* jQuery Styles */
.ui-widget {

}

#CScrollBox .ui-slider-vertical {
    height: 96px;
}

#PScrollBox .ui-slider-vertical {
    height: 112px;
}

#ServiceScrollBox .ui-slider-vertical, #teamScrollBox .ui-slider-vertical {
    height: 283px;
}

#CurScrollBox  .ui-slider-vertical {
    height: 283px;
}

#curriculumBox  .ui-slider-vertical {
    height: 219px;
}

#pubScrollBox .ui-slider-vertical, #catScrollBox .ui-slider-vertical, #tvScrollBox .ui-slider-vertical, #webScrollBox .ui-slider-vertical {
    height: 283px;
}

#curriculumBox {
    background: white url(../images/teamMidBox.gif) no-repeat;
    height: 242px;
    line-height: 22px;
    padding: 8px 16px 7px 16px;
}

#pubScrollBox, #catScrollBox, #tvScrollBox, #webScrollBox {
    width: 366px;
    height: 296px;
}

#pubScrollBox-Content, #catScrollBox-Content, #tvScrollBox-Content, #webScrollBox-Content {
    width: 329px;
}

.left {
    float: left;
}

.artworkFullSize {
    width: 500px;
    /*  line-height: 298px;
text-align: center;     */
}

.artworkFullSize h1 {
    color: #ffffff;
    font-weight: normal;
    font-size: 22px;
    padding: 5px 0 4px 15px;
}

.artworkFrame {
    text-align: center;
    line-height: 500px;
    height: 500px;
    width: 500px;
    vertical-align: middle;
    margin-left: 1px;
}

.artworkFrame img {
    vertical-align: middle;
}

.artworkFullSizeInfo {
    padding: 10px 16px;
    color: #ffffff;
    line-height: 16px;
    height: 50px;
}

.closeButton {
    width: 16px;
    height: 16px;
    display: block;
    margin: 8px 0 7px 462px;
}

.buyButton {
    width: 33px;
    height: 30px;
    display: block; /*// margin: 6px 0 5px 445px;*/
    position: relative;
    top: -51px;
    left: 440px;
}

.ui-slider-vertical {
    width: 9px;
    float: right;
    margin-right: 3px;
    margin-top: 9px;
    background: url("../images/scrollBarBg.gif") repeat-y top center;
}

.ui-slider {
    cursor: pointer;
    position: relative;
    text-align: left;
}

.ui-slider-handle {
    cursor: pointer;
    height: 9px;
    width: 9px;
    font-size: 1px;
}

.ui-slider-vertical .ui-slider-handle {
    left: 0;
    margin-left: 0;
    background: #A82924;
    margin-bottom: -4px;
    position: absolute;
    z-index: 2;
}

#simplemodal-container {
    width: 420px;
    height: 176px;
    background: #ffffff;
}

.errorDialog .body, .goodDialog .body {
    overflow: hidden;
    padding: 5px 10px;
    margin: 10px;
    height: 116px;
}

.errorDialog h1, .goodDialog h1 {
    color: #ffffff;
    font-size: 14px;
    padding-left: 10px;
    line-height: 30px;
}

.errorDialog h1 {
    background: #A82924 url("../images/closeRedButton.jpg") no-repeat 396px center;
}

.goodDialog h1 {
    background: #808285 url("../images/closeGreyButton.jpg") no-repeat 396px center;
}

.simplemodal-overlay {
    opacity: 0.5;
    background: #808285;
}

a.modalCloseImg {
    background: url("../images/transparent.gif");
    width: 16px;
    height: 16px;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

#partners {
    text-align:center;

}

#partners img {
    vertical-align:middle;
}