html,body,div,ul {margin:0;padding:0;color:#212020}
img {border:0}
.accessiblity{position: absolute;font-size: 0;left: -1000px;}
#recent,#works,#nav ul {list-style:none}
html {background:#000000 url(l02.jpg) no-repeat center top}
body {width:600px;margin:20px auto;font-family:tahoma;font-size:16px;border-top:0;}

h1,h2,h3,h4 {font-family: 'Trebuchet MS';margin:0}
h1 {padding:5px 10px;}
h1 a:link,h1 a:visited{padding:0 3px;color:white;text-decoration:none;}
h1 a:hover, h1 a:focus, h1 a:active {/*border:1px dotted red; border-style:none dotted;padding:0 2px;*/}
h1 span {color:gray}
h2 {text-align:right;font-style:italic;clear:both;color:gray}
input {float:left;height:10px;width:10px;display:none}
/*#thumbs {float:left;width:90%}
#thumbs li {display:inline}*/
#container {border:4px solid #212020;background:#212020;background:rgba(33,32,32,0.9);-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}

#nav ul {padding-left:10px;float:left}
#nav h2 {float:right;clear:none;font-size:1.2em;color:rgb(80,80,80)}
#nav li {float:left;}
#nav a:link, #nav a:visited {-moz-border-radius:6px;border-radius:6px;font:1em 'trebuchet ms';text-decoration:none;font-weight:bold;color:white;padding:0 5px 1px;outline:none;} 
#nav a:active, #nav a:focus, #nav a.active {color:#212020;background-color:white;}
#nav a:active, #nav a:focus, #nav a:hover{color:#BE3232;}

#recent {margin:0 auto;width:510px}
#recent li {float:left;}
#recent img {width:120px;height:50px;border:1px solid transparent;margin:2px;opacity:0.5;filter:alpha(opacity=50)}
#recent a {outline:none}
#recent .activeSlide img {border-color:#212020;opacity:0.9;filter:alpha(opacity=90)}
#works {clear:both;margin:10px;}
#works img {width:225px;height:225px;border:1px solid #1A1239;float:left;}
#works li {-moz-border-radius:8px;border-radius:8px;margin-bottom:10px;width:558px;clear:both;background-color:#fff;height:230px;padding:10px;font-size:0.8em;border:1px solid #5f5f5f}
#works li:hover {border:1px solid #212020}
#works h3 {font-size:1.5em}
#works p {margin:8px 0}
#works p.progress {font-weight:bold;margin:0}
#works li div {float:right;width:310px;height:100%;padding-left:9px;border-left:2px dotted #8a99aa}
#works li div h3 a {text-decoration:none;color:#BE3232;font-weight:bold;border-bottom:1px dotted #BE3232}
#works li div h3 a:hover {border-bottom:1px dotted #8a99aa}
#works li div span a {float:right;color:gray;text-decoration:none;margin-top:1px}
#works li span {display:block;border-bottom:1px solid gray;padding-bottom:2px;font:0.8em sans-serif;
	bottom:13px;width:310px}
#more {
	float:right;
	margin-right:10px;
	color:#BE3232;
	background:#fff;
	padding:0 2px;
	border:1px solid #5F5F5F;
	margin-bottom:5px;
	text-decoration:none;
}
#more:hover, #more:active, #more:focus {
	border:1px solid #212020;
}
#footer {clear:both;border-top:1px dashed #212020;margin-top:15px;padding:1px 4px 2px 4px;/*background-image:url(grad.png);*/
-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;}
#footer li {display:inline;padding-left:10px}
#footer li a {text-decoration:none;color:white;font-weight:bold;font-family:georgia;}
#footer li a:hover {color:#cfeeff;}
.clearer {clear:both;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
dl {background-color:white;margin:10px;padding:10px;}
dl a {text-decoration:none;color:#BE3232}
dl a:hover {text-decoration:underline;}
dl dt {font:bold italic 0.9em arial;color:gray;float:left;clear:left; width:200px;text-align:right}
dl dd {font:0.9em arial;color:#212020;float:left}
#oferta {background-color:white;margin:10px;padding:10px;font:0.9em verdana;}
#oferta .dark {background-color:#212020;padding:1px 2px;color:white}
#oferta ul {padding-left:25px;list-style-image:url(li.png)}

#copyright {
	text-align:right;
	color:#ddd;
	font-size:0.6em;
	margin:0.2em 0;
}

#copyright a:link, #copyright a:visited {
	color:#cfeeff;
	text-decoration:none;
}

#copyright a:active, #copyright a:hover, #copyright a:focus {
	text-decoration:underline;
}