/* CSS Document */

body {margin: 15px 0 0 0; font: 11px/15px Lucida Sans Unicode, Arial, Helvetica, sans-serif;}
a {text-decoration: none; cursor: pointer;}
a:hover {text-decoration: underline; cursor: pointer;}

.clear {clear: both !important;}

#main {width: 900px; margin: 0 auto; border: 1px solid #c6c6c6;}

#top {background: url(../img/img_slogan.gif) no-repeat right; height: 186px;}
#top a.index {display: block; background: url(../../img/img_logo_azul.gif) no-repeat; width: 428px; height: 141px;}
#top ul#menu {list-style: none; margin: 0; padding: 0 0 0 45px; height: 42px;}
#top ul#menu li {background: url(../../img/div_menu.gif) no-repeat right top; padding-right: 1px; float: left;}
#top ul#menu li.ultimo {background: none;}

.submenu {background: url(../../img/bck_submenu.gif) no-repeat #91867e; height: 30px; line-height: 29px; color: #b2aaa4; width: auto; white-space: nowrap;}
.submenu strong, .submenu a {color: #fff; font-weight: bold;}
.submenu a.normal {color: #fff; font-weight: normal;}
.submenu a.active {color: #b2aaa4;}
.submenu a.activeNormal {color: #b2aaa4; font-weight: normal;}

.submenu ul {list-style: none; margin: 0; padding: 0;}
.submenu li {margin: 0; padding: 0; float: left; height: 30px; padding: 0 0 0 11px;}
.submenu li.active {background: #394574; padding-right: 11px;}
.submenu li.cierreDer {background: url(../../img/div_submenu.gif) no-repeat right; padding-right: 11px;}
.submenu#subObras {padding-left: 93px;}
.submenu#subEncargos {padding-left: 208px;}
.submenu#subObjetos {padding-left: 296px;}



#content {clear: both; position: relative; overflow: hidden; z-index: 1;}

#content .left {float: left; margin: 20px 10px 30px 20px; text-align: center;}
#content .left img {border: 1px solid #e5e5e5; margin-bottom: 10px;}
#content .right {float: left; margin: 20px 5px 0 5px; color: #9e948d; width: 500px; padding-bottom: 30px;}
#content .right p {margin: 0;}
#content .right p.texto {color: #5f6a94;}
#content .right p.tit {color: #5f6a94; font-weight: bold; margin: 10px 0;}


#content .textos {color: #9e948d; padding: 30px;}
#content .textos p {margin: 10px 0;}
#content .textos .subtit {color: #5f6a94; margin: 10px 0;}
#content .textos .tit {color: #5f6a94; font-weight: bold; margin: 10px 0; margin-top: 20px; padding-top: 20px; border-top: 1px solid #e5e5e5; clear: both;}
#content .textos  ul {}
#content .textos li {padding-bottom: 10px;}
#content .textos a {color: #9e948d;}
#content .textos a:hover {color: #5f6a94; text-decoration: underline;}

#content .textos .left img, #content .textos .right img {padding: 5px; border: 1px solid #e5e5e5; margin: 0;}
#content .textos .left {float: left; margin: 0; margin-right: 10px;}
#content .textos .right {float: right; margin: 0; margin-left: 15px; width: auto; height: auto;}
#content .textos .epigrafe {font-size: 10px; line-height: 12px; clear: both; padding: 3px 0 0; text-align: left;}

.texto_intro {width: 200px; margin: 0 15px; background-color: #91867e; color: #fff; float: left; padding: 15px; border: 5px solid #b2aaa4;}
.texto_intro a {color: #fff;}
.texto_intro a:hover {text-decoration: underline;}

.texto_introAncho {margin:15px; background-color: #91867e; color: #fff; float: left; padding: 15px; border: 5px solid #b2aaa4;}
.texto_introAncho a {color: #fff;}
.texto_introAncho a:hover {text-decoration: underline;}

.libro {margin: 0; padding: 30px 40px; color: #9e948d; overflow: hidden; clear: both; float: left; width: 820px; border-bottom: 1px solid #d0cdc4;}
.libro img {border: 1px solid #e5e5e5; padding: 5px; background: #fff;}
.libro .titulo {float: left; width: 230px; margin-right: 30px;}
.libro p {margin: 0;}
.libro p.texto {color: #5f6a94;}
.libro p.tit {color: #5f6a94; font-weight: bold; margin: 10px 0;}
.libro .titulo p.subtit a {color:  #9e948d; text-decoration: underline;}

.libro .galeria {float: left; width: 500px;}
.libro .galeria img {float: left; margin: 5px;}
.libro .galeria .descripcion {clear: both; padding: 10px 0 0 10px;}
.libro .galeria .descripcion a {color: #5f6a94; background: url(../../img/bull_flecha.gif) no-repeat 0px 3px; padding-left: 8px; font: bold 9px/16px Verdana, sans-serif; text-transform: uppercase;}
.libro .galeria .descripcion a:hover {text-decoration: underline;}
.descripcion a {color: #5f6a94; padding-left: 8px;}



.conferencia {margin: 0; padding: 10px 40px 5px 0; color: #9e948d; overflow: hidden; clear: both; height: 350px;}
.conferencia img {border: 1px solid #e5e5e5 !important; padding: 5px !important; background: #fff !important;}
.conferencia .titulo {float: left; width: 140px;}
.conferencia p {margin: 0 !important;}
.conferencia p.texto {color: #5f6a94 !important;}
.conferencia .tit {color: #5f6a94; font-weight: bold; margin: 10px 0 !important; border: 0 !important;}
li .tit {color: #5f6a94; font-weight: normal !important; margin: 10px 0 !important; border: 0 !important;}

.conferencia .galeria {float: left; width: 600px;}
.conferencia .galeria img {float: left; margin: 0 10px 10px 0 !important;}
.conferencia .galeria .descripcion {clear: both; padding: 10px 0 0 10px; font-weight: normal !important;}
.conferencia .galeria .descripcion a {color: #5f6a94; background: url(../../img/bull_flecha.gif) no-repeat 0px 3px; padding-left: 8px; font: bold 9px/16px Verdana, sans-serif; text-transform: uppercase;}
.conferencia .galeria .descripcion a:hover {text-decoration: underline;}
.conferencia .galeria .epigrafe {float: left !important; width: 133px !important; margin-right: 10px !important; margin-top: -10px !important; padding-bottom: 10px !important; clear: none !important;}


#workshops {margin: 10px; padding: 10px; text-align: center; list-style: none; background: url(../../img/bck_workshops.gif) no-repeat top center #f7f7f7;}
#workshops li {display: inline;}
#workshops li img {padding: 5px; background: #fff; border: 1px solid #e5e5e5; margin: 3px;}
#workshops p {color: #5f6a94;}

ul.tapas { list-style: none; margin: 20px 0 0 0;}
ul.tapas li {float: left; margin-right: 20px;}
ul.tapas li img {padding: 5px; border: 1px solid #e5e5e5;}



#footer {color: #9e948d; text-align: center; clear: both; padding: 10px;}
#footer a {color: #9e948d;}
#footer a:hover { color: #394574;}