/*------------------------------------------------------------------
[Master Stylesheet]
Project:Barbera Arquitectos Site
Version:1
Author:Cristian Sans
Company:Gimmicklab
Date:07/07/08
Last change:10/09/09
URL:http://www.bbats.es
Notes:-
-------------------------------------------------------------------*/
@import "reset.css";/* Main Estructure */
html,body,#container{height:100%;}
body{background:#333;font-size:62.5% !important;color:#fff;}
/* Tipography */
body,h1,h2,h3,h4,h5,h6{font-family:Arial,Verdana,sans-serif;}
/* Background images */
h1 a{background:transparent url(/img/logo-bbats.png) no-repeat top left;}
div#main,div#projects,div#intro{background:transparent url(/img/bg.png) repeat-y top left;}
div#slider{background:transparent url(/img/slider-bg1.png) repeat-x bottom left;}
div#slider li,ul#profiles h3{background:#2a2a2a;}
div#slider li:hover{background:#2e2e2e;}
a.close{background:transparent url(/img/close.png) no-repeat top right;}
/* Layout */
div#container{width:975px;margin:0 auto;}
div#header{float:left;width:550px;margin:3% 0 7.5% 0;position:relative;}
div#main{clear:both;padding-bottom:20px;margin:0 0 40px 0;min-height:365px;height:auto;}
div#footer{clear:both;bottom:10px;color:#999;}
/* Block Elements */
h1,h2,h3,h4{color:#fff;font-weight:normal;}
h1{font-size:2.8em;padding-bottom:25px;}
h1 a{display:block;width:426px;height:42px;text-indent:-9000px;line-height:2em;}
h2{font-size:2.2em;}
h3{font-size:1.8em;font-weight:bold;}
h4{font-size:2.6em;font-weight:normal;}
p{font-size:1.2em;line-height:1.4em;margin:15px 0 15px 0;}
ul,ol{font-size:1.2em;line-height:1.4em;}
ol li{list-style-type:decimal;list-style-position:inside;}
ul ul,ol ol{font-size:1em;}
li{list-style:none;}
dl{font-size:1.2em;line-height:1.4em;}
em{font-size:1em;}
b,i{color:#fff;}
span{font-size:1em;}
img{border:none;}
input{outline:none;}
hr{display:none;}
a{color:#fff;font-size:1em;text-decoration:underline;outline:none;}
a:hover{color:#fff !important;text-decoration:none;}
/* Menu */
div#header ul{margin-left:120px;font-size:1.4em;text-transform:lowercase;letter-spacing:.3px;position:absolute;}
div#header li{display:inline;float:left;cursor:default;}
div#header li a,div#header li span{text-decoration:none;margin-right:15px;padding-bottom:5px;}
div#header li:hover a,div#header li:hover span,div#header li.active a,div#header li.active span{border-bottom:3px solid #fff;}
div#header li:hover ul{visibility:visible;}
div#header ul ul{height:auto;margin:0;padding-top:15px;font-size:.9em;visibility:hidden;overflow:hidden;}
div#header li li{display:block;float:left;text-transform:capitalize;margin-right:0 !important;}
div#header li li a:hover,div#header li.active li a{border-bottom:none;}
div#header li li a{color:#999;border:none !important;}
div#header li li a:hover,div#header li li.active a{color:#fff;}
div#header li a,div#header li span{display:inline-block;}
/* Footer */
div#footer ul{margin-left:62px;}
div#footer li{display:block;float:left;margin-right:10px;}
div#footer a{color:#999;}
/* Main and Content */
div#main img{float:left;margin:15px 0;}
div#content{float:right;width:450px;padding:15px 15px 15px 50px;color:#999;}
div#content em{color:#666;font-size:1.1em;font-style:normal;text-transform:uppercase;}
div#content h2{margin-top:5px;}
div#content dl{margin:15px 0;}
div#content dt{color:#fff;}
/* Homepage */
div.currents{width:425px !important;height:auto !important;margin:15px 25px 0 0;padding:0 15px 15px 15px !important;}
div.currents h2{font-size:2.2em;margin-bottom:20px;}
div.currents h2 span{margin-left:5px;font-size:.7em;}
div.currents h3{font-weight:normal;font-size:1.7em;color:#999;}
div.currents dl{font-size:1.3em;}
div.currents dt{font-weight:bold;}
div.currents p{color:#fff;margin:15px 0 !important;font-size:1.3em;}
div.currents p a{color:#999;text-decoration:underline;}
div.currents a span{display:inline-block;margin:0 2px;text-decoration:underline;}
div.currents p a:hover,div.currents p a span:hover,div.currents p a:hover > span{color:#fff;text-decoration:none;}
div#slideshow{position:relative;}
div#slideshow span{display:block;position:absolute;margin:375px 0 0 0;font-size:1.2em;color:#666;text-transform:capitalize;text-indent:5px;}
div.more{display:none;}
div.more p{margin:0;} 
/* Slider */
div#slider{float:right;height:100%;margin:0 auto;z-index:0;overflow-x:hidden;overflow-y:scroll;}
div#slider li{display:block;width:400px;margin-bottom:1px;letter-spacing:.2px;}
div#slider li img{float:left;margin-right:15px;}
div#slider li h2{font-size:1.1em;line-height:1.2em;color:#999;}
div#slider li em{color:#4D4D4D;font-size:1.1em;font-style:normal;padding-top:10px;display:block;}
div#slider li a{color:#999;text-decoration:none;}
div#slider li a:hover{text-decoration:underline;}
/* Projects */
div#projects{position:absolute;margin:90px 0 0 0;min-height:465px;height:auto;border-top:3px solid #333;border-bottom:3px solid #333;z-index:1;display:none;}
div#projectimg{float:left;width:525px;padding-top:10px;}
div#projectimg span{display:block;margin:10px 0 0 0;font-size:1.2em;color:#999;text-transform:capitalize;text-indent:5px;}
div#projectdetails{float:left;width:400px;margin:0 0 0 50px;color:#999;}
div#projectdetails h2{font-size:2.2em;line-height:1.2em;font-weight:bold;margin:5px 0 15px 0;}
div#projectdetails em{color:#4D4D4D;font-size:1.1em;line-height:1.8em;font-style:normal;display:block;margin-top:4px;text-transform:uppercase;}
div#projectdetails p{clear:both;}
div#thumbs{margin:25px 0;}
div#thumbs img{margin:0 5px 5px 0;}
div#projectdetails dl{width:100%;line-height:1.2em;}
div#projectdetails dt,div#projectdetails dl{display:block;float:left;}
div#projectdetails dt{font-weight:bold;color:#4D4D4D;margin-right:5px;}
div.entry{clear:both;padding-top:1px;padding-right:25px;} 
a.close{display:block;float:right;width:30px;height:15px;margin:5px 5px 0 0;padding-right:37px;font-size:1.1em;line-height:1.4em;text-transform:uppercase;color:#4D4D4D;}
a.close span{display:none;}
a.close:hover{text-decoration:underline;}
a.close:hover span{display:inline;}
p.more{padding-top: 15px;margin:0;}
/* Intro */
div#intro{position:absolute;width:485px;padding:30px 25px 50px 65px;margin:170px 0 0 0;color:#999;z-index:-99;}
div#intro h2{font-size:2em;margin-bottom:15px;}
div#intro p{font-size:1.3em;line-height:1.4em;width:400px;margin-bottom:15px;}
/* Profiles */
ul#profiles{width:460px;float:left;}
ul#profiles li{display:block;float:left;margin:0 15px 15px 0;}
ul#profiles img{display:block;margin:0 0 5px 0;filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;}
ul#profiles img:hover,ul#profiles li.active img{filter:alpha(opacity=100);-moz-opacity:100;opacity:100;}
ul#profiles h3{width:128px;padding:5px;font-size:1em;font-weight:normal;line-height:1.2em;}
ul#profiles h3 a{color:#999;text-decoration:none;}
ul#profiles h3 a:hover{text-decoration:underline;}
ul#profiles h3 span{display:block;color:#4D4D4D;}
div.silvia div#content{width:750px;}
div.silvia ul#profiles{width:160px;}
span.title{font-weight:bold;color:#fff;font-size:1.1em;}
/* Publications */
div.publications{padding:15px 25px 15px 25px !important;} /* Overrides .content padding */
/* Contact */
div.contact dl{font-size:1.3em;line-height:1.4em;}
div.contact a{font-size:1.3em;}
/* Studio */
div.estudio h3{font-weight:normal;font-size:1.7em;color:#fff;margin-top:15px;}
div.estudio p{width:90%;}
div.estudio p a{font-size:1em;}
/* Curses */
dl#curse dt{font-weight:bold;margin-bottom:15px;}
/* Services */
#main.servicios dt{font-size:1.1em;font-weight:bold;margin-bottom:15px;}
#main.servicios b, #main.servicios i{color:#fff;}
#main.servicios dl{margin-bottom:20px;margin-right:25px;}
/* Clases */
.clearfix:after,#header:after,#header ul:after,#main:after,#slider li:after,#projects:after,#thumbs:after,div#projectdetails dl:after,
ul#profiles:after,#footer ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.top{margin-top:5px !important;}
.left{margin-left:10px;}