html, body { min-height: 100%; margin-bottom: 1px;  }
body { margin: 0; background: url(../images/1920x1200_bg.jpg) center top repeat #02845e; font: 62.5% Arial, Helvetica, sans-serif; color: #999999; }
ul, li, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset, img { margin: 0; padding: 0; list-style: none; border: 0; font-weight: normal; font-size: 1em; }
a { color: #cccccc; text-decoration: none; }
a:hover { color: #ffffff; }
a:hover img { background: none; }

.clean { clear: both; }
.hide-me, hr { display: none; }
.header { font: bold 14px Arial, Helvetica, sans-serif; letter-spacing: -.02em; color: #cccccc;}
.level { padding: 10px; margin: 0 0 6px 0; border-bottom: 8px solid #090909; background: url(../images/level.gif) left top repeat-x #101010; border-left: 1px solid #101010; border-right: 1px solid #101010; }
.input-text { font: bold 11px Arial, Helvetica, sans-serif; border: 0px solid #000000; background: #cccccc; padding: 3px; color: #101010;border: 1px solid #303030;  }
.input-button { background: url(../images/button.gif) left top repeat-x #00a950; border: 0px; font: bold 11px Arial, Helvetica, sans-serif; color: #ffffff; padding: 3px 0; width: 275px; cursor: pointer; }
.input-select { border: 1px solid #303030; font: bold 11px Arial, Helvetica, sans-serif; background: #cccccc; padding: 2px; color: #101010;}
.pink { color: #ff0099; }

.green { color: #00a950; }
.tool-tip { color: #fff; width: 150px; z-index: 13000; }
.tool-title { font-weight: bold; font-size: 11px; margin: 0; color: #9FD4FF; padding: 8px 8px 4px 8px; background: url(../images/bubble.png); }
.tool-text { font-size: 11px; padding: 0 8px 8px 8px; background: url(../images/bubble.png); }

#container { margin: 0 auto; width: 960px; }
#level-2 .level { min-height: 175px; padding-bottom: 0px; }

#toggle-suggest, #toggle-about, #toggle-contact, #toggle-promote { padding: 0 0 6px 0; font-size: 11px; }
#suggest-a-site.level, #about-cssremix.level, #toggle-contact.level { margin: 0 0 0 0; position: relative; background: #fff; }
#suggest-a-site .block { float: left; margin: 0 30px 5px 0; }
#suggest-a-site .header, #about-cssremix .header, #suggest-a-site p, #toggle-promote p, #toggle-promote .header { margin: 0 0 10px 0; }
#suggest-a-site li { list-style: disc; margin: 0 0 0 12px; padding: 0 0 0 0px; }
#suggest-a-site h4 { font: bold 12px Arial, Helvetica, sans-serif; color: #cccccc; margin: 0 0 3px 0; }
#suggest-a-site-form { width: 270px; }
form dt { font-size: 10px; margin: 0 0 2px 0; display: block; }
form dd { margin: 0 0 5px 0; }
#suggest-title { width: 270px; }
#suggest-url { width: 270px; }
#about-cssremix p { margin: 0 0 10px 0; }
.highlight { background: #202020; padding: 10px; border: 1px solid #303030; display: block; margin: 0 0 5px 0; }
#sig a { display: block; background: url(../images/sig.gif) left top no-repeat; width: 72px; height: 53px; }
#fine-print { margin: 0 0 0 0; font-size: 10px; color: #666666; }

#masthead {  display block; height: 125px; position: relative; overflow: hidden; }
#masthead.level { padding: 0px; margin: 0px; border-bottom: 0px solid #fff;   border: 0px;  }
#chevrons { background: url(../images/masthead.gif) 0 0 repeat-x;   width: 100%; height: 135px; }
#temporada { float: right; width: 490px; height: 110px; display: block; position: absolute; top: 0px;   z-index:  4; background: url(../images/temporada.png) top right no-repeat; }
#logo { float: left; width: 293px; height: 96px; display: block; position: absolute; top: 5px; left: 0px; z-index: 5; }
#logo, #logo a:hover { background: url(../images/logo.png) top left no-repeat; }
#logo a { background: url(../images/logo.png) top left no-repeat; display: block; width: 293px; height: 96px; }
#masthead ul { position: absolute; bottom: 0px; right: 0px; z-index: 4; }
#masthead li { float: left; font: bold 12px Arial, Helvetica, sans-serif; }
#masthead li a { display: block; height: 5px; padding: 0px 0 0px 0px; -moz-outline-style: none;}
#masthead li a#four { padding: 0px 0px 0px 0px; }
#feed { display: block; position: absolute; top: 12px; right: 0px; filter: alpha(opacity=40); opacity: .4;  }
a#four:hover #feed { display: block; filter: alpha(opacity=100); opacity: 1; }

#search-form { float: left;  margin: 0 10px 0 0;}
#search-form .input-text { padding: 2px; }

#main-content {  }
#last-updated { float: left; margin: 0 0 10px 0; }
#google { float: right; margin: -1px 0 0px 0; filter: alpha(opacity=80); opacity: 8; }
#view-sites { width: 162px; float: right;}
#view-sites .input-text { width: 162px; background: #202020; border: 1px; margin: 0 0 5px 0; }
#view-sites select { width: 168px; background: #202020; border: 1px; margin: 0 0 5px 0; font: bold 11px Arial, Helvetica, sans-serif; color: #CCCCCC; }

#view-more {padding: 10px 0 0 0; background: url(../images/bg-comment.gif) top left repeat-x;clear: both; }
.pagination {  }
.pagination a { display: block; padding: 3px 7px; float: left; margin: 0 3px 0 0; background: #202020; border-top: 1px solid #303030; }
.pagination .spacer { display: block; padding: 3px 7px; float: left; margin: 0 3px 0 0; } 
.pagination .disabled, .pagination .current { display: block; padding: 3px 7px; float: left; margin: 0 3px 0 0; background: #2a2a2a; border-top: 1px solid #3C3C3C; } 

#sponsors ul { margin: 0 -13px 0 0; }
#sponsors li { float: left; margin: 0 13px 0 0; }
#sponsors img { width: 175px; height: 85px; }

#a-page { font-size: 11px; }
#a-page p { margin: 0 0 10px 0; }
#a-page table {
background: #202020;
border-top: 1px solid #101010;
border-left: 1px solid #101010;
margin-bottom: 10px;
width: 100%; }
#a-page tr:hover {
background: #252525; }
#a-page th {
text-align: left;
font-weight: bold;
color: #CCCCCC;
border-right: 1px solid #101010;
border-bottom: 1px solid #101010;
padding: 3px 5px; }
#a-page td {
border-bottom: 1px solid #101010;
border-right: 1px solid #101010;
padding: 3px 5px; }
#a-page h4 { font: bold 12px Arial, Helvetica, sans-serif; color: #cccccc; margin: 0 0 3px 0; }


#sites { margin: 0 -8px -10px 0; }
.a-site { position: relative; display: block; height: 142px; margin: 0 8px 10px 0; padding: 6px 10px 2px 10px; float: left; width: 128px; background: url(../images/comment.gif) top left repeat-x #202020;  }
.a-site h2 { float: left; position: absolute; height: 15px; font: bold 10px Arial, Helvetica, sans-serif; }
.a-site h2 a { color: #cccccc; }
.a-site h2 a:hover { color: #ffffff; }
.awards { height: 15px; float: right; display: block; }	
.a-site p a img { filter: alpha(opacity=85); opacity: .85; background-color: none;  }
.a-site:hover p img, .a-site p a:hover img { filter: alpha(opacity=100); opacity: 1; background-color: none; }
.comment-icon { margin: -4px 0 0 0; }

.rating { position: relative; display: block; padding: 2px 0 0 0; display: block; height: 28px;  }
.rating h3 { font: bold 24px Arial, Helvetica, sans-serif; letter-spacing: -.07em; color: #cccccc;}
.unit-rating {  position: absolute; top: 7px; right: 0px; height: 19px; width: 85px; background: url(../images/rating.gif) left top;	display: block; }
.current-rating { background: url(../images/rating.gif) left bottom; height: 19px; display: block; }
.unit-rating li { float: left; }
.unit-rating li a { display: block; width: 17px; height: 19px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; -moz-outline-style: none; }
.unit-rating li a:hover { background: url(../images/rating.gif) left center !important; background-color: none !important; z-index: 2; left: 0px; }
a.r1-unit { left: 0px; }
a.r1-unit:hover{	width:17px; }
a.r2-unit { left:17px; }
a.r2-unit:hover { width: 34px; }
a.r3-unit { left: 34px; }
a.r3-unit:hover { width: 51px; }
a.r4-unit { left: 51px; }	
a.r4-unit:hover { width: 68px; }
a.r5-unit { left: 68px; }
a.r5-unit:hover { width: 85px; }
.rating .loading { height: 19px; width: 128px; position: absolute; top: 7px; background: url(../images/loading.gif) top left repeat-x; }

#recent-comments { }
#recent-comments .header { margin: 0 0 5px 0; }
#recent-comments p { margin: 0 0 5px 0; font-size: 11px; }


#from-the-archives, #recent-comments { width: 585px; float: left; }
#from-the-archives h3 { float: left; margin: 0 0 5px 0px; }
#from-the-archives h4 { float: right; margin: 0 0 5px 0px; font: bold 14px Arial, Helvetica, sans-serif; }
#from-the-archives #screenshot { position: relative; display: block; height: 258px; width: 742px; }
#from-the-archives .loading { position: relative; display: block; height: 258px; width: 742px; }

#site-profile { position: relative; }
#site-profile h3 { float: left; margin: 0 0 5px 0px; }
#site-profile h4 { float: right; }
#site-profile p { margin: 0 0 10px 0; }
#site-profile .a-site h3 { float: none; margin: 0 0 0 0; }
#site-profile .a-site p { margin: 0 0 0 0; }
#post-comment { position: absolute; bottom: 10px; left: 10px; background: url(../images/comment.gif) top left repeat-x #202020; padding: 10px;  }
#post-comment .input-text { background: #f4f4f4; width: 270px; }
#post-comment dd { margin: 0 0 3px 0; }
.a-comment { padding: 10px 0; background: url(../images/bg-comment.gif) top left repeat-x; margin: 0 0 0 0; overflow: auto; position: relative; }
.a-comment h4 { font: bold 11px Arial, Helvetica, sans-serif; color: #cccccc; float:none; display: block; margin: 0 0px 3px 0; text-transform: capitalize; }
.a-comment h4 a { border-bottom: 1px dotted #666666; }
.a-comment h5 { font: bold 10px Arial, Helvetica, sans-serif; color: #666666; text-transform: uppercase; float:none; margin: 0 0px 0 0; }
.a-comment p { font: 12px Arial, Helvetica, sans-serif; margin: 0 0px 10px 0; }

#comments-and-tla { width: 145px; float: right; }

#site-profile #screenshot { width: 742px; height: 258px; position: relative; float: left; }
#site-profile #screenshot .a-site { position: absolute; left: 10px; bottom: 5px; }
#gravatar { float: left; }
#gravatar img { border: 0px solid #202020; }

#leave-a-comment { width: 172px; float: right; }
#leave-a-comment .input-button { width: 172px; }
#leave-a-comment .input-text { width: 164px; margin: 0 0 5px 0; }
#leave-a-comment .input-textarea { height: 70px; }
#commentform { margin: 0 0 10px 0; }

#next-site, #previous-site { display: block; width: 162px; background: url(../images/comment.gif) top left repeat-x #202020; padding: 5px; margin: 0 0 5px 0;  }
#next-site { text-align: center; }
#previous-site { text-align: center; }

#some-comments .header { margin: 0 0 3px 0; }

#resources,  {width: 145px; float: right;  }
#tla {width: 270px; float: right;  }
#view-all-sites { display: block; background: url(../images/bg-comment.gif) top left repeat-x; border-top: 0px; border-bottom: 0px solid #090909; border-left: 1px solid #090909; border-right: 1px solid #090909; font: bold 11px Arial, Helvetica, sans-serif; color: #999999; padding: 5px 0; text-align: center; }

#level-4 .level { min-height: 285px; }
#level-5 .level { min-height: 162px; }

#promote-yourself {  }
#promote-yourself h3 { margin: 0 0 5px 0; }
#promote-yourself li { display: block; width: 16px; height: 16px; float: left; margin: 0 2px 2px 0; }
#promote-yourself li a { display: block; width: 16px; height: 16px; background: #202020; }
#promote-yourself li a.alt {   }
#promote-yourself li a:hover { background: #404040; }
#cart { width: 886px; display: block; padding: 10px 15px; background: url(../images/comment.gif) top left repeat-x #202020;  }

#footer { padding: 5px 0 60px 0;   }
#footer ul { float: right; }
#footer li { float: left; margin: 0 0 0 20px; }

#tla .header { margin: 0 0 3px 0; }
#tla li { margin: 0 0 3px 0; font-size: 11px; }



.solidblockmenu{
margin: 10;
float: right;
font: bold 13px Arial;
width: 960px;
border: 0px solid #000;
border-width: 0px;
 
}

.solidblockmenu li{

display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
margin-top:9px;
padding: 10px 10px 10px 10px;
text-decoration: none;
border-right: 0px solid #666;
}
.solidblockmenu li a img {
 
margin-top:-10px;
 
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: #048660;
}
.solidblockmenu li a :hover img{
text-decoration: none;

}

#escucha{
    margin-left: auto;
	margin-right: auto; 
	width: 890px;
	height: 40px;
	background: url(../images/BG_ESCUCHA.png) no-repeat center bottom; 
	
}