/*
	BASE
	reseteo
================================ */
* { 
	margin:0; 
	padding:0; 
}

body {
	font:12px/16px "Helvetica Neue",Arial,sans-serif; 
	text-align:center;
	color:#404040;
	background-color:#333;
}


table {
  padding: 0px;
  margin: 0px 0px 0px 12px;
  border: 0px;
  border-collapse: collapse;
  background: #fff;  
}

tr {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

td {
  padding: 0px;
  margin: 0px;
  border: 0px;
  font-size: 0px;
  line-height: 0px;
}

#container {
	position:relative;
	width:1000px;
	margin:0px auto;
	text-align:left;
	background: #333 url(../img/bg.png) no-repeat top center;
	padding-top:80px;
}

#block {
	padding:0px 30px 0px 30px;
	background: url(../img/rounded-top.png) no-repeat top center;
	
}

h1 {
	position:absolute;
	top:0;
	left:50px;
	height:90px;
	width:300px;
	z-index:5000;
	
}

h1 a {
	display:block;
	height:80px;
	width:300px;
	_background: #333 url(../img/bg.png) no-repeat -28px 0px;
}

h1 a span {
	display:none;
}

h2 {
	padding:10px 20px;
}

a {
	color:#63D6F5;
}

img { 
	border:0;
}

small {
	font-size:11px;
	color:#808080;
}


/*
	UTILES
	Clases para maquetar
================================ */
.clear { 
	clear:both;
}

.show { 
	display:block;
}

.hide, hr { 
	display:none; 
}

#content {
	background: url(../img/bg2.png) repeat-y top center;
}

#content table a {
  font-size: 0px;
}

#content table a img {
	xfloat:left;
}

#footer {
	clear:both;
	height:80px;
	background: url(../img/rounded-bottom.png) no-repeat bottom center;
	padding:0px 20px;
}

#footer p {
	font-weight: bold;
	padding-top:10px;
}

.tool-tip {
	background-color:#000;
	color: #fff;
	width: 200px;
	z-index: 13000;
	text-align:left;
}
 
.tool-title {
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	color: #FFA81F;
	padding: 10px 10px 4px;

}
 
.tool-text {
	font-size: 11px;
	padding:0px 10px;
	padding-bottom:10px;

}

#info, #poster img {
	float:left;
}

#info div {
	display:none;
}

#info div.active {
	display:block;
}

#info {
	width:500px;
}

#poster {
	float:left;
	width:370px;
	margin-left:20px;
	margin-top:2px;
	line-height:14px;
}

#poster img {
	display:none;
	border:3px solid #f1f1f1;
	margin-right:10px;
	margin-top:5px;
}


#credits, #pais {
	color:#fff;
	font-size:11px;
	padding:0px 20px;
}

#pais {
	padding:10px 20px;
	color:#808080;
	text-align:center;
}

#pais a {
	text-decoration:none;
	color:#808080;
}

#pais a:hover {
	border-bottom:1px solid #63D6F5;
}

#content div#more {
	display:none;
	position:absolute;
	background: #000;
	width:915px;
	z-index:-1;
	left:42px;
}

#content div#more p {
	color:#fff;
	font-size:16px;
	padding:50px;
	padding-bottom:0;
}

.size1 {
  width: 24px;
  height: 24px;
}

.size2 {
  width: 48px;
  height: 48px;
}

.size3 {
  width: 72px;
  height: 72px;
}

#ie {
	padding:2px;
}

#msg {
	height:50px;
	margin:0px 6px 0px 5px;
	background: #fff url(../img/display.png) repeat-x top left;
	color:#fff;
	font-weight: bold;
}

#msg p {
	margin-left:15px;
	background: url(../img/error.png) no-repeat top left;
	padding:14px;
	padding-bottom:10px;
	padding-left:90px;
	color:#fff;
}

#msg p a {
	color:#fff;
	text-decoration: underline;
}

#search {
	position:absolute;
	top:60px;
	right:50px;
	border:0;
	padding:3px;
	padding-left:17px;
	background:#333 url(../img/search.png) no-repeat left center;
	color:#fff;
}

.transparente {
  opacity: 0.2;
  _position: relative;
  _display: block;
  _filter:alpha(opacity:20);
  _height: 100%;
}

/*
	GRUPOS
*/
#groups {
	padding:10px 20px;
}

#groups h2 {
	padding-left:0;
	padding-top:0;
}

#groups-content {
	float:left;
	width:508px;
	padding:5px 0px;
}

#groups #thumbs {
	float:left;
}

#list-user {
	list-style-type: none;
}
#list-user li {
	border-bottom:1px solid #ddd;
	padding:5px 0px;
	padding-left:30px;
	position:relative;
}


#list-user a {
	color:#FFA820;
}

#list-user img {
	height:24px;
	width:24px;
	position:absolute;
	left:0;
}

#list-user {
	font-size:13px;
}

#list-user small {
	font-size:11px;
	display:block;
}

#scroll {
	position:absolute;
	top:100px;
	right:315px;
	background:#fff;
	padding:5px;
	color:#404040;
	text-decoration: none;
}

#scroll:hover {
	background:#f1f1f1;
}

#scroll img {
	vertical-align:middle;
}