/* fonts */
@font-face {
    font-family: 'condensed-sans';
    src: url('fonts/condensed-sans-webfont.eot');
    src: url('fonts/condensed-sans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/condensed-sans-webfont.woff') format('woff'),
         url('fonts/condensed-sans-webfont.ttf') format('truetype'),
         url('fonts/condensed-sans-webfont.svg#condensedsans') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {background:#616c86 url(../images/back.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-bottom:25px}
#crumbnav  {overflow:hidden;margin-bottom:1em}

body {font: 13px/1.7 sans-serif;color:#e3e9f4;text-shadow:0 1px 0 rgba(59,71,94,0.5)}
	.windows body, .windows h2, .windows h3, .windows h4 {text-shadow:none}
ul.primarynav, .description p, dd, dt, .summary_title p, .summary_data p, ul, .description ol {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, h3 {font-family: 'condensed-sans', sans-serif;text-transform:uppercase;font-weight:normal;color:#ecc191;text-shadow:0 1px 1px rgba(59,71,94,0.7)}
#home h2 {font-size:32px;border-top:3px solid #bbc8dc}
#footer .col2 h4 {padding-left:10px}
#home h3 {font-size:24px;border-top:3px solid #bbc8dc;padding:0 0 20px 0;margin:0}
h4 {font-size:18px;color:#ecc191;text-transform: uppercase;font-family:"condensed-sans";font-weight:normal}

/* ----------------- */
/* 		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}
	#arquitectura #header h1 {background:url(../images/header_arquitectura.png) no-repeat}
	#multimedia #header h1 {background:url(../images/header_multimedia.png) no-repeat}
	#diseno-paginas-web #header h1 {background:url(../images/header_diseno-web.png) no-repeat}
	#diseno-grafico #header h1 {background:url(../images/header_diseno-grafico.png) no-repeat}
	#investigacion #header h1 {background:url(../images/header_investigacion.png) no-repeat}
	#urbanismo #header h1 {background:url(../images/header_urbanismo.png) no-repeat}
	#contacto #header h1, #home #header h1 {background:url(../images/header_contacto.png) no-repeat}
	#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;text-shadow:none}
	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:10px;color:#e3e9f4}
	#crumbnav h5 a, #crumbnav p a {color:#e3e9f4;font-weight:bold}
	#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:328px;font-size:11px}
	#crumbnav span {padding:0 10px}

/* ----------------- */
/* 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:8px 0 0 45px;font-size:18px;line-height:0;text-shadow:none;color:#fff}
	.summary_data p, .summary_data ul {padding:0 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;line-height:1.5}
	.summary_data ul {line-height:1.5}
	.summary_title h2 {color:#a99782;padding:10px 0 10px 14px;text-shadow:none;line-height:22px}
	.summary_title h3 {color:#a99782;padding:0 10px 0 14px;line-height:0;text-shadow:none}
	.summary_title p, .summary_title ul {padding:0 15px 10px 15px;color:white}
	
	/* category main page: project list */
	.rounded, .summary ol li, #footer li {color:#e3e9f4;padding:15px 30px 15px 10px;margin-bottom:10px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-moz-box-shadow: 0px 0px 4px rgba(59,71,94,0.7); -webkit-box-shadow: 0px 0px 4px rgba(59,71,94,0.7);box-shadow: 0px 0px 4px rgba(59,71,94,0.7)}


.blue, .summary ol li, #footer li:hover {background-color: #93a2bf;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#93a2bf), to(#72819d)); 
  background-image: -webkit-linear-gradient(top, #93a2bf, #72819d); 
  background-image:    -moz-linear-gradient(top, #93a2bf, #72819d); 
  background-image:     -ms-linear-gradient(top, #93a2bf, #72819d); 
  background-image:      -o-linear-gradient(top, #93a2bf, #72819d); 
  background-image:         linear-gradient(top, #93a2bf, #72819d);
  }
 
.brown, .summary ol li:hover {background-color:#736a5c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#736a5c), to(#544b3e)); 
  background-image: -webkit-linear-gradient(top, #736a5c, #544b3e); 
  background-image:    -moz-linear-gradient(top, #736a5c, #544b3e); 
  background-image:     -ms-linear-gradient(top, #736a5c, #544b3e); 
  background-image:      -o-linear-gradient(top, #736a5c, #544b3e); 
  background-image:         linear-gradient(top, #736a5c, #544b3e);
  }

/* ie hacks */
.ie8 .summary ol li, .ie7 .summary ol li {  -pie-background: linear-gradient(#93a2bf, #72819d);behavior: url(/extras/PIE.htc)}
.ie8 .brown, .ie8 .summary ol li:hover, .ie7 .summary ol li:hover {-pie-background: linear-gradient(#736a5c, #544b3e);behavior: url(/extras/PIE.htc)}
.ie7 #home .brown {background:transparent;padding:0}
.ie7 #home .brown a {color:#544b3e}
.ie7 #map {border:none}
.ie7 #description .column, .ie8 #description .column, .ie9 #description .column {padding-right:30px}
.ie7 #description .last.column, .ie8 #description .last.column, .ie9 #description .last.column {padding-right:0}
.ie7 .summary h3 {margin-top:15px}
.ie7 .summary .summary_title h3 {margin-top:10px}
.ie7 #footer, .ie8 #footer {zoom:1}

 .brown {text-shadow:none}
 .brown dt {font-weight:normal;font-family:"condensed-sans";text-transform:uppercase;font-size:16px}
    .summary ol li, #footer li {display:block;line-height:1.5;overflow:hidden;position:relative;padding:10px 10px 10px 100px}
	.summary ol li a {color:#e3e9f4}
	body#contacto .summary .col1 ul {background-position: 0 -170px;color:white}
	body#contacto .summary .col1 ul a {font-weight:normal}
	.summary .col1 {float:left;width:390px;padding-left:5px}
	.summary .col2 {float:right;width:550px;padding:0 5px 0 10px}
	.summary .col2 .csscol p {text-align:left}
	.summary ol li a span, #footer li a span  {display:block;text-transform:uppercase;font-family:"condensed-sans";font-size:14px;font-weight:bold;color:#fff}
	.summary .col2 p {text-align:justify;padding:0 0 1em 0}
	.summary h4 {padding-top:1em;border-top:3px solid #bbc8dc}
	
/* content blocks */
#description {color:#e3e9f4;-moz-column-count: 3;-moz-column-gap: 20px;-webkit-column-count: 3;-webkit-column-gap: 20px;column-count: 3;column-gap: 20px;margin-top:20px}
#description p {padding:0 0 10px 0}
#description b {color:white}
#description h3 {margin:1em 0;color:#efc191;font-size:24px;line-height:28px}
#description h4 {margin-bottom:0.5em;color:#efc191}
#description ol {list-style-position:outside;padding:0 10px 10px 20px}
#description ol li {padding-bottom:1em}
#description ul {list-style:square;padding-left:20px}
#footer .col1 h4 {margin-left:8px}
#description p.info {padding:10px;margin-bottom:10px;border:2px solid #ecc191;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#d39f6a;color:white}
#description a {color:#4e4639;text-shadow:0 1px 1px #9fb0de;/*border-bottom:1px dotted*/}
#description a:hover {color:#b43926}
#description .info a {text-shadow:none}
.csscol {-moz-column-count:2;-moz-column-gap:20px;-webkit-column-count:2;-webkit-column-gap: 20px;column-count:2;column-gap:20px}

/* ----------------- */
/*   forms    */
/* ----------------- */

input.text, body#contacto form select, textarea {background:#bbc8dc;color:#e3e9f4;border:0;color:#222;font-weight:bold;-webkit-box-shadow:inset 0 0 3px #394a67;-moz-box-shadow:inset 0 0 3px #394a67;box-shadow:inset 0 0 3px #394a67;-moz-transition: background-color 0.5s ease-out;-o-transition: background-color 0.5s ease-out;-webkit-transition: background-color 0.5s ease-out;-ms-transition: background-color 0.5s ease-out;transition: background-color 0.5s ease-out}
textarea {width:490px;height:200px;font:bold 12px sans-serif;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:5px; overflow: auto}
select {width:240px;moz-border-radius:5px;border-radius:5px;background:#bbc8dc}
option {padding:2px}
input {width:230px;padding:5px;-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;text-shadow:none}
.error a {color:#8a1f11;}
legend {font-weight:normal;color: #e3e9f4;font-family:"condensed-sans";text-transform:uppercase;font-size:16px}
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:50px}
#footer .wrapper {padding:5em 0 15px 0;color:white;position:relative;min-height:80px}
#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 {background-color:#6c5f52;min-height:60px;moz-box-shadow: 0px 0px 4px #444; -webkit-box-shadow: 0px 0px 4px #444;box-shadow: 0px 0px 4px #444}
#footer li a {display:block;padding-right:5px}
#footer li:hover, .summary ol li:hover {cursor:pointer}
#footer li img, .summary li img {position:absolute;top:10px;left:10px;height:auto;width:80px}
.backtotop {text-align:right;padding-right:15px;background:url(../images/arrow_top.gif) center right no-repeat;position:absolute;top:65px;right:0}

/* image replacement */
h1, #header p {text-indent:-5000em;display:block}

/* links */
a {font-weight:normal;color:#9B8A76;text-decoration:none;outline:none}
a:hover, a.active, #mainnav ul.sitetools  li a:hover, #crumbnav a:hover, #mainnav ul.sitetools li span:hover  {color:#E15D44}
a#logo {background:url(../images/logo.gif);width:153px;height:103px;float:right;margin-top:10px}
#footer li a:hover, #footer li a {color:#e3e9f4}

/* icons and misc */
.fax, .phone, .email {padding-left:2em;background:url(../images/mini-icons.gif) no-repeat}
.fax {background-position:0 -17px}
.phone {background-position:0 -36px}
.extra {margin:2em 0}
#map {width:385px;height:405px;border:2px solid #bbc8dc;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;-moz-box-shadow: 0px 0px 4px rgba(59,71,94,0.7); -webkit-box-shadow: 0px 0px 4px rgba(59,71,94,0.7);box-shadow: 0px 0px 4px rgba(59,71,94,0.7)}

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,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}