@charset "UTF-8";/* CSS Document */
body{margin:0px;font-family:"Lucida Grande",Verdana,Arial;font-size:100%;padding:0px 0px 0px 0px;line-height:100%;background-color:#FFFFFF;}
ul{list-style:none;}
ol{list-style:none;}
li{list-style:none;width:auto;}
ul > li{list-style:none;}
p{font-size:0.63em;line-height:1.7;width:auto;margin:0px;padding:0px 0px 6px 0px;}
ul{list-style:none;margin:0px 0px 10px 0px;padding:6px 0px;line-height:1.7;font-size:100%;}
em{font-weight:bold;font-variant:normal;font-style:normal;}
#page{padding:0px 10px 0px 10px;background-color:#FFFFFF;margin:0px;width:auto;height:auto;}
#header{width:100%;height:auto;padding:0px;margin:0px;}
#info{width:100%;height:auto;float:left;background-color:#FFFFFF;padding:0px;}
#content{width:auto;height:auto;padding:0px;margin:0px;clear:left;}
#footer{width:190px;height:20px;padding:50px 0px 0px 0px;background-color:#FFFFFF;float:left;margin:0px;overflow:hidden;clear:left;}
ul#footer li{padding:0px;margin:0px;}
.quadrat{width:100%;float:left;height:auto;padding:16px;background-color:#DAE3D2;margin:10px 10px 0px 0px;overflow:hidden;}
.words{background-color:#DAE3D2;width:331px;float:left;height:331px;display:block;margin:0px;overflow:hidden;}
#gallery{float:left;margin:2px 0px;padding:0px;font-family:"Century Gothic",Verdana,Arial;font-size:12px;display:block;width:100%;}
#gallery li{float:none;list-style:none;height:auto;margin:0px;padding:10px 0px 10px 10px;border-top:2px dotted #FFFFFF;background-color:#C5CCBD;height:auto;width:auto;display:block;}
#gallery li a{width:100%;}
#gallery li a:link{text-decoration:none;color:#FFFFFF;}
#gallery li a:visited{text-decoration:none;color:#FFFFFF;}
#gallery li a:hover{display:block;width:100%;height:100%;text-decoration:none;color:#666666;}
#gallery li a:active{text-decoration:none;color:#C5CCBD;}
#gallery p{float:left;margin:0px;padding:6px 0px;font-family:"Lucida Grande",Verdana,Arial;font-size:0.63em;color:#FFFFFF;width:auto;}
.pdf{background:url(../img/docu.gif) 0px 2px no-repeat;padding:0px 0px 0px 12px;width:auto;}
#cv{float:right;width:192px;height:90px;}
.mail{background:url(../img/mail.gif) 0px 1px no-repeat;padding:0px 0px 0px 13px;width:auto;}
.columna1{padding:20px 0px 0px 10px;width:auto;height:auto;float:left;margin:0px 2px 0px 0px;}
.columna2{padding:20px 0px 0px 10px;width:auto;height:auto;float:left;border-top:10px solid #C5CCBD;margin:0px 2px 0px 0px;}
.columna3{padding:20px 10px 10px 10px;width:auto;height:auto;float:left;border-top:10px solid #C5CCBD;margin:0px 2px 0px 0px;z-index:8;overflow:visible;}
.columna4{padding:20px 0px 0px 10px;width:auto;height:auto;float:left;margin:0px 2px 0px 0px;}
ul#languages{font-family:"Lucida Grande",Verdana,Arial;padding:0px;width:auto;margin:0px;font-size:0.63em;line-height:1;}
ul#languages li{background:url(../img/talk.gif) left no-repeat;padding:0px 6px 0px 12px;display:block;float:left;color:#FFFFFF;}
#menu{margin:0px;display:block;background:url(../img/home.gif) 0px center no-repeat;padding:0px 0px 0px 13px;font-size:0.63em;font-family:"Lucida Grande",Verdana,Arial;line-height:1;}
ul#tipologias{font-size:0.63em;font-family:"Lucida Grande",Verdana,Arial;padding:0px;margin:0px;width:100%;}
ul#tipologias ul > li{padding:0px 0px 0px 10px;color:#000000;display:block;background:url(../img/arrow-pix.gif) 0px 8px no-repeat;}
ul#contacto{font-size:0.63em;font-family:"Lucida Grande",Verdana,Arial;padding:0px;margin:0px;}
ul#docencia{font-size:0.63em;font-family:"Lucida Grande",Verdana,Arial;padding:0px;margin:0px;}
ul#docencia ul > li{padding:0px 0px 0px 10px;color:#000000;background:url(../img/arrow-pix.gif) 0px 8px no-repeat;display:block;}
ul#curriculum{font-size:0.63em;font-family:"Lucida Grande",Verdana,Arial;padding:0px;margin:0px;}
ul#curriculum ul > li{padding:0px;color:#000000;display:block;background:url(../img/arrow-pix.gif) 0px 8px no-repeat;}
ul#creditos{font-size:0.63em;font-family:"Lucida Grande",Verdana,Arial;padding:0px;margin:0px;padding-bottom:20px;width:100%;}
ul#creditos ul > li{padding:0px 0px 0px 10px;color:#000000;background:url(../img/arrow-pix.gif) 0px 8px no-repeat;margin:0px;}
ul#creditos li > ul{color:#000000;list-style:none;list-style-position:outside;list-style-type:none;margin:0px;padding:0px;}
ul#creditos .nonelist{list-style:none;background:none;padding:0px;margin:0px 0px 0px 0px;line-height:1.6;display:block;}
ul#projecte{font-size:0.63em;font-family:"Lucida Grande",Verdana,Arial;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;width:210px;float:left;position:relative;}
ul#W3C{padding:0px 0px 0px 10px;margin:0px;float:left;font-size:0.63em;background:url(../img/arrow-pix.gif) 0px 5px no-repeat;line-height:1;}
#nav li{float:left;padding-right:10px;text-align:left;margin-right:10px;}
#prev{background:url(../img/fletxa-right.jpg) left no-repeat;padding:0px 0px 0px 26px;margin-right:10px;}
#next{background:url(../img/fletxa-left.jpg) right no-repeat;padding:0px 26px 0px 0px;}
#project-gallery{background-color:#C5CCBD;width:565px;float:left;height:376px;display:block;margin:2px 0px;overflow:hidden;}
#project-gallery:hover{cursor:crosshair;}
a:link{text-decoration:none;border:none;color:#000000;}
a:visited{text-decoration:none;border:none;color:#000000;}
a:hover{text-decoration:underline;border:none;color:#33CC33;}
a:active{text-decoration:underline;border:none;color:#00FF00;}
.logo{font-weight:normal;padding:0px 8px 0px 0px;margin:0px;float:left;font-style:normal;font-family:"Century Gothic",Verdana,Arial;font-size:36px;display:inline;line-height:0.8;font-variant:small-caps;color:#B3BAAD;}
h1,h2,h3,h4{font-weight:bold;font-size:12px;padding:0px;margin:0px;float:none;font-style:normal;list-style:none;font-family:"Century Gothic",Verdana;line-height:1.5;color:#000000;}
h5{font-weight:bold;font-size:12px;padding:0px 0px 6px 0px;margin:0px;float:none;font-style:normal;list-style:none;font-family:"Century Gothic",Verdana;line-height:1.5;color:#000000;}
h6{font-size:0.63em;font-weight:normal;font-style:normal;font-variant:normal;font-family:"Lucida Grande",Verdana,Arial;line-height:1;padding:0px;margin:0px;}
address{font-style:normal;font-weight:normal;font-variant:normal;}
a img{border:none;}
a:focus{border:0px;}
a{outline:none;border:none;}