@import url('reset.css');
@import url('typo.css');
*{margin: 0;padding: 0;}
body {margin: 0;padding: 0;background: #312622 url(../img/fons_TCH.jpg) repeat scroll top left;color:#F5E5C6;}
#wrap {width: 900px;margin:10px auto;}
a img {border:none;}
.BRclear {clear:both;}
a {color:#F5E5C6;outline-style:none; outline-width:0;}
a:hover{ color:#D0C3A8;text-decoration:none;}
/*NAV - header*/
div#nav {width:100%;background:#231E1C;height: 92px;margin-bottom:10px;}
div#nav a#logo {float:left;padding:20px}
div#nav #music{float:right;width:70%;text-align:right;padding:10px 20px 0 0;}
div#nav ul {list-style-type:none;float:right;padding-top:25px;}
div#nav ul li {float:left;padding:0px 20px 0px 28px;}
div#nav ul li a {text-decoration:none;}
div#nav ul li a.actiu {color:#4D413C;}

/*Content*/
div#content {width:100%;}
div#content div#page {float:left;background:#231E1C;height:532px;}
div#content div#foto {float:right;background:transparent;height:532px;overflow:hidden;}
.estret {width:327px;}
.ample {width:554px;}
div#content div#page div.text{margin:35px 25px 35px 35px;}

/*coleccion
table{width:100%;border:none;}
table tr th, table tr td {text-align:left;vertical-align:top;}
table tr th{width:100px;}*/
table {width:100%;border:none;vertical-align:top;}
th.titular {width:200px;height:120px;vertical-align:top;}
table th {width:80px;border:none;}
table.izq {height:450px;width:244px;} 
table.drc {height:450px;width:244px;}
table.drc tr td {vertical-align:top;border:none;}
table tr {padding-bottom:20px;}
table tr td.baix {vertical-align:bottom;height:240px;}
table tr td.baix p {margin-top:52px;font-size:130%;width:200px;border-top:1px solid #AA9F89;border-bottom:1px solid #AA9F89;padding:5px 0 ;}

/*welcome*/
div#welcome {width:200px;margin:150px auto;}
div#welcome p {margin:100px 35px;}
div#welcome p a {font-size:200%;font-weight:bold;text-decoration:none;display:block;float:left;width:60px;}
div#welcome p a.es {text-align:left;}
div#welcome p a.en {text-align:right;}
div#welcome p a span {display:none;font-size:50%;font-weight:normal;font-style:italic;padding-top:10px;}
div#welcome p a:hover span {display:block;position:relative;width:150px;border:}
div#welcome p a.en span{left:-90px;}
/*proyectos*/
ul#pgs {width:100%;list-style-type:none;}
ul#pgs ul{list-style-type:none;float:right;margin:0 0 20px 0;}
ul#pgs ul li{padding:0 0 0 5px;float:left;font-size:90%;}
ul#pgs ul li a {text-decoration:none;}
.actiu {color:#4D413C !important;}
div#projs{overflow:hidden;width:486px;height:385px;position:relative;float:left;}
li.sub{position:relative;float:left;padding:0px 0px 0px 0px;width:480px;height:384px;position:relative;}
div#projs li.sub table {width:100%;height:100%;}
div#projs li.sub table tr td {width:30%;font-size:95%;padding-right:10px;}

/*selection*/
::selection {background: #000;}
::-moz-selection {background: #000;}