/* -- Elementos comunes --*/

body {
    margin: 0;
    padding: 0;
    background: #0098d1 50% 0 no-repeat url('../images/fondo_home.gif');
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #000000;
}

body.quienes_somos {
    background-image: url('../images/fondo_quienes_somos.gif');
}

body.que_ofrecemos {
    background-image: url('../images/fondo_que_hacemos.gif');
}

body.filosofia {
    background-image: url('../images/fondo_filosofia.gif');
}

body.donde_estamos {
    background-image: url('../images/fondo_donde_estamos.gif');
}

body.experiencia {
    background-image: url('../images/fondo_experiencia.gif');
}

body.trabajos, body.productos, body.siguenos_en {
    background-image: url('../images/fondo_trabajos.gif');
}

body.english {
    background-image: url('../images/fondo_english.jpg');
}

a {
    color: #000000;
}

a:hover {
    text-decoration: none;
}

a img {
    border: none;
}

div.clr {
    clear: both;
}

a.download {
    background: 0 50% no-repeat url('../images/icono_descarga.gif');
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    vertical-align: middle;
}

p.special, p.special a {
    color: #0098d1;
}

a.special {
    color: #0098d1;
    font-weight: bold;
}

/* -- /Elementos comunes --*/

/* -- Layout --*/

#layout {

}

#logo {
    position: absolute;
    top: -148px;
    left: 100px;
}

#main {
    width: 800px;
    height: 410px;
    margin: 188px auto 0 auto;
    position: relative;
}

#menu {
    float: left;
    width: 245px;
    padding-right: 75px;
    margin-top: 60px;
    text-align: right;
}

#content {
    float: left;
    width: 370px;
    margin-left: 20px;
    height: 611px;
    overflow: hidden;
}

#contact-link {
    display: block;
    position: absolute;
    right: 250px;
    top: -150px;
    color: #ffffff;
}

#donde-link {
    display: block;
    position: absolute;
    right: 175px;
    top: -125px;
    color: #ffffff;
}

/* -- /Layout --*/

/* -- Menu -- */

#menu ul li {
    list-style: none;
    margin-bottom: 7px;
    padding-right: 48px;
    line-height: 20px;
    vertical-align: middle;
}

#menu ul li ul {
    margin-top: 5px;
    /*margin-bottom: 15px;*/
}

#menu ul li ul li {
    padding-right: 0;
}

#menu ul li a {
    text-decoration: none;
    color: #000000;
    font-size: 14px;
    display: block;
}

#menu ul li ul li a {
    font-size: 12px;
    color: #0098d1 !important;
}

#menu ul li ul li span, #menu ul li ul li a:hover {
    padding-right: 16px;
    background: 100% 50% no-repeat url('../images/flecha_negra_izqda.gif');
}

#menu ul li span, #menu ul li a.selected, #menu ul li a:hover {
    color: #0098d1  !important;
    font-weight: bold !important;
}

#menu ul li span {
    font-size: 14px;
}

#menu ul li ul li span {
    font-size: 12px;
}

 /* -- /Menu -- */
 
 /* -- Migas de pan -- */

#breadcrumbs {
    margin-bottom: 32px;
    font-size: 14px;
    background: 0 50% no-repeat url('../images/flecha_azul.gif');
    padding-left: 16px;
    font-weight: bold;
}

#breadcrumbs a {
    color: #9b9f9c;
    font-weight: normal;
    text-decoration: underline;
}

#breadcrumbs a:hover {
    text-decoration: none;
}

#breadcrumbs .node {
    background: 0 50% no-repeat url('../images/flecha_negra.gif');
    padding-left: 16px;
    margin-left: 3px;
    color: #0098d1;
}

/* -- /Migas de pan -- */

/* -- Contenidos -- */

#content h1 {
    font-size: 20px;
    margin: 0;
    color: #0098d1;
}

#content {
    font-size: 14px;
    position: relative;
}

#content p {
    margin-top: 5px;
    font-size: 14px;
}

#content p strong {
    font-size: 15px;
    color: #0098d1;
}

#content ul {
    padding-left: 15px;
}

#content ul li strong {
    color: #0098d1;;
}

#content ul li {
    margin-bottom: 10px;
}

body.donde_estamos #content ul.address li, body.donde_estamos #content ul.contact li {
    margin-bottom: 0 !important;
}

body.donde_estamos #content ul.address, body.donde_estamos #content ul.contact, body.siguenos_en ul {
    padding: 0 !important;
    list-style: none;
}

.photos {
    margin-top: 10px;
    margin-bottom: 30px;
}

.external {
    display: block;
    height: 33px;
    line-height: 33px;
    vertical-align: middle;
    padding-left: 40px;
}

.facebook-link {
    background: left 50% no-repeat url('../images/icono_facebook.gif');
}

.delicious-link {
    background: left 50% no-repeat url('../images/icono_delicious.gif');
}

#home_body {
    padding-top: 55px;
}

#home_body img {
    display: block;
    margin-bottom: 5px;
}

#home_body a {
    float: right;
    color: #0098d1;
    background: 0 50% no-repeat url('../images/flecha_azul.gif');
    padding-left: 16px;
}

#pi_home {
    position: absolute;
    top: -12px;
    right: 310px;
}

#home_body .news {
    margin-top: 10px;
}

#home_body .products {
    padding-top: 140px;
}

#home_body .products a {
    margin-right: 10px;
}

#home_body .products p {
    padding-left: 20px;
    margin-bottom: 0;
}

#home_body .products .clr {
    padding-top: 7px;
}

#home_body .bookingplan a {
    margin-right: 30px;
}

.news_image {
    float: right;
}

/* -- /Contenidos -- */

/* -- Galerias -- */

.item {
    margin-top: 15px;
}

.item a img.thumb {
    float: left;
    margin: 0 10px 10px 0;
}

.item h2 {
    font-size: 19px;
    margin-top: 5px;
    margin-bottom: 0;
}

.item h3 {
    font-size: 18px;
    color: #0098d1;
    margin-top: 5px;
}

#rokbox-caption h2 {
    color: #0098d1 !important;
}

#rokbox-caption p {
    color: #000000 !important;
}

#products_gallery .item img {
    float: left;
    margin: 10px;
}

#works_gallery .item img {
    display: block;
    margin-left: 10px;
}

#works_gallery .item h2, #content h2 {
    margin: 0 !important;
    font-size: 16px;
}

#works_gallery .item ul {
    margin: 0 0 0 110px;
}

#works_gallery .item ul li {
    margin-bottom: 3px;
}

#works_gallery .item ul a, #content ul li a {
    color: #0098d1;
}

.trabajos a.more_items {
    margin-left: 25px;
}

.gallery_links {
    margin-top: 30px;
    text-align: center;
}

a.more_items {
    background: left 50% no-repeat url('../images/icono_seguir.gif');
    padding-left: 32px;
    color: #0098d1;
}

a.less_items {
    background: right 50% no-repeat url('../images/icono_anterior.gif');
    padding-right: 32px;
    color: #0098d1;
}

.pagination a.more_items {
    background: right 52% no-repeat url('../images/icono_siguiente_azul.gif') !important;
    padding-left: 0;
    padding-right: 32px;
    color: #000000;
}

.pagination a.less_items {
    background: left 52% no-repeat url('../images/icono_anterior_azul.gif');
    padding-right: 0;
    padding-left: 32px;
    color: #000000;
}

.productos a.more_items {
    margin-left: 40px;
}

.productos a.less_items {
    margin-right: 40px;
}

#works_gallery .item {
    position: relative;
}

.pagination {
    margin-top: 20px;
    text-align: center;
}

.pagination .pages {
    margin: 0 10px;
}

.pagination .pages a {
    color: #0098d1;
}

a.visit_web {
    color: #0098d1;
    position: absolute;
    top: 160px;
    right: 0;
}

/* -- /Galerias -- */