html {background:url(../images/bg_html.png);height:100%;margin-bottom:1px}
body {background:url(../images/bg_body.png) repeat-x}
.wrapper {width:970px;margin:0 auto;overflow:hidden}
.content, .summary {overflow:hidden;margin-left:5px}
.content {margin-top:10px;margin-bottom:25px}
#crumbnav {overflow:hidden}
/* fonts */
body {font: 13px/1.5 Arial, "Lucida Grande", "Lucida Sans", Lucida, Helvetica, sans-serif;color:#e3e9f4}
ul.primarynav, .description p, dd, dt, .summary_title p, .summary_data p, ul, .description ol, .summary ol li a span {font-size:13px}
#mainnav ul, #footer, #crumbnav p, #crumbnav h5, .description h4, .summary ol li a, ul.secondarynav, textarea, select, input {font-size:12px}
h2 {font-size:15px}
h3 {font-size:14px;font-weight:400}
h3.regularheading {padding-top:1em;border-top:3px solid #bbc8dc;font-size:15px;color:#ecc191;text-transform: uppercase;font-size:18px}
h3.regularheading, h4 {letter-spacing: 0.1em;padding-bottom:0.5em}
h4 {font-size:13px;color:#ecc191;text-transform: uppercase}
/* ----------------- */
/* header */
/* ----------------- */
/* header */
#header {height:200px;background:url(../images/header.png) top center no-repeat;position:relative}
#header p {position:absolute;bottom:11px;right:6px}
#header p a {width:149px;height:102px;background:url(../images/logo.png) no-repeat;display:block}
h1 {width:214px;height:83px;position:absolute;left:35px;top:5px}
body#arquitectura #header h1 {background:url(../images/header_arquitectura.png) no-repeat}
body#multimedia #header h1 {background:url(../images/header_multimedia.png) no-repeat}
body#diseno-paginas-web #header h1 {background:url(../images/header_diseno-web.png) no-repeat}
body#diseno-grafico #header h1 {background:url(../images/header_diseno-grafico.png) no-repeat}
body#investigacion #header h1 {background:url(../images/header_investigacion.png) no-repeat}
body#urbanismo #header h1 {background:url(../images/header_urbanismo.png) no-repeat}
body#contacto #header h1 {background:url(../images/header_contacto.png) no-repeat}
body#estudio #header h1 {background:url(../images/header_estudio.png) no-repeat}
#header ul.primarynav {position:absolute;bottom:11px;left:35px;width:82%}
ul.primarynav li {float:left;background:url(../images/tab-left.gif) no-repeat;padding-left:12px}
ul.primarynav a {font-weight:bold;display:block;background:url(../images/tab-right.gif) 85% 0 no-repeat;padding:0.5em 1.6em 0.4em 0;text-align:center;color:#51483c}
ul.primarynav li.active {background-position:0 -90px}
ul.primarynav li.active a {background-position:85% -90px}
ul.primarynav li:hover {background-position:0 -90px}
.fake-hover {background-color:blue;height:20px;width:20px}
ul.primarynav li:hover a {background-position:85% -90px}
ul.primarynav li a:hover {color:#d9e0ed}
#header ul.secondarynav {position:absolute;top:8px;right:0}
ul.secondarynav li {float:left;padding-right:1.8em}
ul.secondarynav a {background:url(../images/secondarynav_bullets.gif) 0 0 no-repeat;padding-left:1.25em}
ul.secondarynav a:hover, ul.secondarynav a.selected {background-position:0 -20px;color:#E15D44}
/* project list */
/*.sectionnav {overflow:hidden;zoom:1}
.sectionnav ol {font-weight:bold;color:#716557}
.sectionnav ol li {float:left;width:240px;margin-left:10px}
.sectionnav ol li a {display:block;padding:3px;background-color:#ededed;margin-bottom:0.5em}
.sectionnav ol li a:hover, .sectionnav ol li a.current, #mainnav ul.sitetools ul li a.current {background-color:#D7DEEB}
.sectionnav ol li a span {font-weight:normal;display:block}*/
/* crumb nav */
#crumbnav {padding:1.25em 1.5em;color:#e3e9f4}
#crumbnav p a {padding:0 1.5em 0 0;background:url(../images/arrow_right.gif) 100% 2px no-repeat}
#crumbnav h5 a, #crumbnav p a {color:#e3e9f4}
#crumbnav p {font-weight:bold;float:left}
#crumbnav h5 {float:right;cursor:pointer;background:url(../images/arrow_bottom.gif) 0 60% no-repeat;padding-left:1.5em}
#crumbnav h5.down {background:url(../images/arrow_top.gif) 0 50% no-repeat}
#crumbnav select {background-color:#76695c;color:#e3e9f4;border:1px solid #e3e9f4;font-weight:bold;width:250px;font-size:11px}
#crumbnav span {visibility:hidden}
/* ----------------- */
/* secondary content */
/* ----------------- */
/* main nav */
#mainnav {height:296px;background:url(../images/mainnav2.gif) no-repeat;margin-bottom:10px}
#mainnav ul {padding:212px 0 0 15px;line-height:1.6em}
#mainnav ul li a {font-weight:normal;background:url(../images/mainnav_bullets.gif) 3px 0 no-repeat;padding-left:18px;color:#A79681}
#mainnav ul li a:hover, #mainnav ul li a.active {background-position: 3px -20px;color:#E15D44}
/* site tools */
#mainnav ul.sitetools {padding-top:38px;font-size:1em;font-weight:bold}
#mainnav ul.sitetools li a {background-image:none;padding-left:0;font-weight:bold;color:#716557}
#mainnav ul.sitetools ul {padding:0.3em 0 0 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-size:1em;line-height:1.4em;margin-top:0.8em}
#mainnav ul.sitetools ul li a {display:block;background-color:#ededed;padding:0.4em;margin-bottom:0.3em}
#mainnav ul.sitetools ul li a:hover {background-color:#D7DEEB}
ul.sitetools li span {cursor:pointer;;color:#716557;background:url(../images/tools.gif) 1px 1px no-repeat;padding-left:20px}
/* ----------------- */
/* main content */
/* ----------------- */
/* summary blocks */
.summary_title, .summary_photo {float:left;width:240px;height:200px;display:block}
.summary_photo {background:url(../images/summary_photo.png);height:200px;margin-right:5px}
.summary_data {margin-right:0;float:left;width:470px}
.summary_data div {width:230px;height:95px;float:left;color:white}
.summary_data h3 {padding:10px 5px 10px 45px;color:#fff}
.summary_data p, .summary div.summary_data ul {padding-left:12px}
.summary_data .first {margin-right:8px}
.date {background:url(../images/date.png) no-repeat}
.summary_data .area {background:url(../images/superficie.png)}
.summary_data .client {background:url(../images/client.png);margin-bottom:8px}
.summary_data .type {background:url(../images/typology.png)}
sup {line-height:0;font-size:70%;padding-left:1px}
.summary_title {background:url(../images/title_block.png);margin-right:10px}
.summary_title h2 {color:#a99782;text-transform:uppercase;font-weight:400;padding:10px 0 0 14px}
.summary_title h3 {color:#a99782;padding:0 10px 0 15px}
.summary_title p, .summary_title ul {padding:0 15px 10px 15px;color:white}
/* category main page: project list */
.summary ol li {display:block;width:380px;height:85px;overflow:hidden}
.summary ol li a, body#contacto .summary .col1 ul {color:#e3e9f4;padding:15px 30px 15px 15px;background:url(../images/project_summary.gif) no-repeat}
.summary ol li a {background-position:top left;display:block;text-shadow: none}
body#contacto .summary .col1 ul {background-position: 0 -170px;color:white}
body#contacto .summary .col1 ul a {font-weight:normal}
.summary ol li a:hover {background:url(../images/project_summary.gif) 0 -85px no-repeat}
.summary .col1 {float:left;width:390px}
.summary .col2 {float:right;width:550px;padding:0 5px 0 10px}
.col2 div.csscol {-moz-column-count: 2;-moz-column-gap: 20px;-webkit-column-count: 2;-webkit-column-gap: 20px;column-count: 2;column-gap: 20px}
.summary ol li a span {display:block;color:#6C5F51;font-weight:bold;text-shadow: 0px 1px 1px #e3e9f4}
.summary ol li a:hover span {text-shadow: 0px 1px 1px #6C5F51}
.summary .col2 p {text-align:justify;padding:0 0 1em 0}
.summary h4 {padding-top:1em;border-top:3px solid #bbc8dc}
/* content blocks */
#illustration {width:470px;height:335px;float:left;background:url(../images/illustration.png)}
.description {float:left;width:476px;height:325px;overflow:auto;color:#e3e9f4;padding-left:4px;margin:5px 14px 0 0}
.description p {padding:0 10px 10px 0;text-align:justify;line-height:1.65em}
.description h3 {margin-bottom:1em;color:#efc191}
.description h4 {margin-bottom:0.5em;color:#efc191}
.description ol {list-style-position:outside;padding:0 10px 10px 20px;text-align:justify;line-height:1.65em}
.description ol li {padding-bottom:1em}
#footer .col1 h4 {margin-left:8px}
/* ----------------- */
/* forms */
/* ----------------- */
input.text, body#contacto form select, textarea {background:#bbc8dc;color:#e3e9f4;border:0;color:#222;font-weight:bold}
textarea {width:490px;height:200px;font:bold 12px Arial, "Lucida Grande", "Lucida Sans", Lucida, Helvetica, sans-serif;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:5px;-webkit-box-shadow:0 0 3px #394a67;-moz-box-shadow:0 0 3px #394a67;box-shadow:0 0 3px #394a67}
select {width:240px;moz-border-radius:5px;border-radius:5px}
option {padding:2px}
input {width:236px;padding:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 0 3px #394a67;-moz-box-shadow:0 0 3px #394a67;box-shadow:0 0 3px #394a67}
label {display:block;font-weight:bold}
label.required {background:url(../images/mini-icons.gif) 0 -60px no-repeat;padding-left:18px}
input.text:focus,textarea:focus,select:focus {background:#fff;border:0}
form p {margin:0 20px 0 0;padding:0;float:left}
form p.clear {clear:left}
input#send_button {width:80px;height:20px;clear:both;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.notice, .success {padding:4px;border:1px solid #fff}
.error {color:#e97d5e;display:block}
.summary .col2 p.success {padding:5px}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
legend {font-weight:bold;color: #e3e9f4}
fieldset {border:2px solid #bbc8dc;padding:20px 0 0 20px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
/* ----------------- */
/* footer */
/* ----------------- */
#footer {background:#544b3e url(../images/footer.png) repeat-x;margin-top:1em}
#footer .wrapper {padding:5em 0 15px 0;color:white}
#footer .col1 {float:left;width:485px}
#footer .col2 {float:right;width:465px}
#footer ol {margin-top:1.5em;margin-left:8px;list-style: none}
#footer li {padding-bottom:0.5em}
#footer li a {display:block;min-height:55px;line-height:16px;padding-right:0.5em}
#footer li a:hover, .summary li a:hover {color:#E15D44}
#footer li a img, .summary li a img {float:left;height:50px;width:60px;margin-right:1em}
#footer li a#current {background:url(../images/project_list.png) no-repeat;color:#8595AF}
#footer li a span, #footer li a.current:hover span {display:block;color:#8595AF}
.backtotop {text-align:right;padding-right:15px;background:url(../images/arrow_top.gif) center right no-repeat}
/* image replacement and sIFR */
h1, #header p {text-indent:-5000em;display:block}
.sIFR-flash {visibility: visible !important;margin: 0;padding: 0}
.sIFR-unloading .sIFR-flash {visibility: hidden !important}
.sIFR-replaced, .sIFR-ignore {visibility: visible !important}
.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden}
.sIFR-replaced div.sIFR-fixfocus {margin: 0pt; padding: 0pt;overflow: auto; letter-spacing: 0px; float: none}
.sIFR-dummy {width: 0px;height: 0px;margin-left: 42px;z-index: 0}
.sIFR-active h3.regularheading, .sIFR-active h4, .sIFR-active h2 {visibility: hidden;padding-bottom:0}
.sIFR-active h3.regularheading {font-size:22px;padding-top:0.5em}
.sIFR-active .summary_title h2 {font-size:18px;padding-top:1em}
.sIFR-active h4 {font-size:18px;padding-top:0.6em}
/* links */
a {font-weight:normal;color:#9B8A76;text-decoration:none;outline:none}
a:hover, a.active, #mainnav ul.sitetools li a:hover, #crumbnav p a:hover, #mainnav ul.sitetools li span.hoverlink, #crumbnav h4.hoverlink, #crumbnav h4:hover, #mainnav ul.sitetools li span:hover, #footer li a:hover span, body#contacto .summary .col1 ul a:hover {color:#E15D44}
a#logo {background:url(../images/logo.gif);width:153px;height:103px;float:right;margin-top:1em}
.summary ol li a:hover, .summary ol li a:hover span {color:#e3e9f4}
/* icons and misc */
.fax, .phone, .email {padding-left:2em;background:url(../images/mini-icons.gif) no-repeat}
.fax {background-position:0 -19px}
.phone {background-position:0 -40px}
.extra {margin:2em 0}
img.featured {}
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td,img{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
img{border:0}
ul {list-style:none}