/* fonts */
@font-face {
    font-family: 'condensed-sans';
    src: url('fonts/condensed-sans-webfont.eot');
    src: url('fonts/condensed-sans-webfont%EF%B9%96.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: 16px/1.6 sans-serif;
  color:#fff;
  text-shadow:0 1px 0 rgba(59,71,94,0.5);
  -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
	.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:15px;line-height:1.3}
#mainnav ul, #footer, #crumbnav p, #crumbnav h5, .description h4, .summary ol li a, ul.secondarynav, textarea, select, input {font-size:14px}
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)}
h2, h3, h4, .summary ol li a span, #footer li a span, legend, dt {letter-spacing: .05em;   -webkit-font-smoothing:subpixel-antialiased;
-moz-osx-font-smoothing: auto;}
#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:13px;padding:2px}
	#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.3}
	.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;border-radius:8px;box-shadow: 0px 0px 4px rgba(59,71,94,0.7)}


.blue, .summary ol li, #footer li:hover {background-color: #93a2bf;
  background-image:         linear-gradient(to bottom, #93a2bf, #72819d);
  }

.brown, .summary ol li:hover {background-color:#736a5c;
  background-image:         linear-gradient(to bottom, #736a5c, #544b3e);
  }

/* ie hacks */
.ie8 .summary ol li, .ie7 .summary ol li {  -pie-background: linear-gradient(#93a2bf, #72819d);behavior: url(PIE.htc)}
.ie8 .brown, .ie8 .summary ol li:hover, .ie7 .summary ol li:hover {-pie-background: linear-gradient(#736a5c, #544b3e);behavior: url(PIE.htc)}

 .brown {text-shadow:none;}
 .brown dt {font-weight:normal;font-family:"condensed-sans";text-transform:uppercase;font-size:18px}
    .summary ol li, #footer li {display:block;line-height:1.3;overflow:hidden;position:relative;padding:10px 10px 10px 100px}
	.summary ol li a {color:#fff}
	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:18px;margin-bottom:5px;color:#fff;line-height:1.3}
	.summary .col2 p {padding:0 0 1em 0}
	.summary h4 {padding-top:1em;border-top:3px solid #bbc8dc}

/* content blocks */
#description {color:#e3e9f4;column-count: 2;column-gap: 40px;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;font-size:inherit;line-height:inherit}
#footer .col1 h4 {margin-left:8px}
#description p.info {padding:10px;margin-bottom:10px;border:2px solid #ecc191;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 {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;transition: background-color 0.5s ease-out;font-family: inherit}
textarea {width:490px;height:200px;border-radius:3px;padding:10px; overflow: auto}
select {width:240px;border-radius:3px;background:#bbc8dc}
option {padding:2px}
input {width:225px;padding:10px;border-radius:3px;}
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}
.notice {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:18px;}
fieldset {border:2px solid #bbc8dc;padding:20px 0 0 20px;border-radius:10px}
#information { display:none}
input[type="submit"] {
    padding: .75em 1.25em;
    font-size: 14px;
    letter-spacing: .05em;
    color:white;
    text-transform: uppercase;
    -webkit-appearance: none;
    box-shadow: none;
    border:none;
    font-weight:500;
    width:auto;
    background:#c24832;
    cursor:pointer;
}
input[type="submit"]:hover {
    background:#222;
}
input::-moz-focus-inner /*Remove button padding in FF*/ {
    border: 0;
    padding: 0;
}
.success {
  background:green;
  color:white;
  padding:10px;
  border-radius: 4px;
  margin:20px 0;
  max-width:38em;
}
/* ----------------- */
/*   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;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;border-radius:6px;-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;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}