/* Hello, I'm back! 
	My name is Prieto,
	Leo Prieto -- hola@betazeta.com
	(cc) 2010 Betazeta Networks S.A.
*/

		*{
			margin:0;
			padding:0;
		}
		a{
			color:white;
			text-decoration: none;
			outline: none;
		}
		a:hover{
			text-decoration: underline;
		}
		img{
			border:none;
		}
		body {
			overflow:hidden;/*Needed to eliminate scrollbars*/
			background:#000;
			font-family: "Helvetica Neue", Arial, sans-serif;
			color: white;
			font-size: 12px;
		}
		h1 {
			font-size: 18px;
			line-height: 20px;
			text-shadow: 0px 2px 0px #000;
			font-weight:bold;
		}
		button {
			font-family: "Helvetica Neue", Arial, sans-serif;
			color: white;
			text-shadow: 0px 1px 0px #000;
		}
		#content{
			background: url('../images/bground.png');
			margin:0px auto;
			height:100%;
			width:175px;
			z-index: 3;
			position:absolute;
			border-right: solid #333 1px;
		}
		#contentframe{
			overflow: hidden;
			height: 100%;
			width:175px;
			text-align:left;
			z-index: 3;
		}
		#logo {
			float: left;
			margin: 20px;
		}
        #logo_min {
            position:absolute;
            top:20px;
            left:40px;
        }
		#slidecaption {
			overflow: hidden;
			float:left;
			color:#FFF;
			font-weight:bold;
			font-size: 18px;
			margin:0 20px;
			line-height: 20px;
			text-shadow: 0px 2px 0px #000;
		}
		#slidedesc {
			text-shadow: 0px 1px 0px #000;	
			font-size: 12px;
			line-height: 1.5em;
			margin: 10px 20px;
			float: left;	
			color: #ccc;
		}
		#slidedesc span.location {
			line-height: 1.5em;
			color: white;
			font-size: 10px;
			text-transform: uppercase;
		}
		#slidedesc small {
			line-height: 1em;
		}
		#slidedesc small.date {
			line-height: 1.5em;
			color: white;
			text-transform: uppercase;
		}
		#slidedesc .share {
			padding-top: 10px;
			width: 100%;
			position: relative;
		}
		#slidedesc .share a {
			background-repeat: no-repeat;
			background-position: 0 0;
		}
		#slidedesc .share a.facebook,
		#slidedesc .share a.twitter {
			overflow: hidden;
			float: left;
			height: 11px;
			padding: 0 5px 5px 20px;
			font-size: 11px;
			color: #ccc;
		}
		#slidedesc .share span#fb_conteo,
		#slidedesc .share span#tw_conteo {
			line-height: 16px;
		}
		#slidedesc .share a.facebook {
			background-image: url('../images/btn_facebook.png');
		}
		#slidedesc .share a.twitter {
			background-image: url('../images/btn_twitter.png');
			margin-left: 1px;
		}
		#slidedesc .share a.facebook:hover,
		#slidedesc .share a.twitter:hover {
			background-position: 0 -16px;
			text-decoration: none;
			color: white;
		}
		#slidedesc .share a#totalcomments {
			background-image: url('../images/btn_minicomments.png');
			float: right;
			padding-left: 13px;
			color: #ccc;
			font-size: 11px;
			margin-top: -1px;
			text-decoration: none;
		}
		#slidedesc .share a#totalcomments:hover {
			background-position: 0 -16px;
			color: white;
		}
		.tabmenu {
		  left:176px;
		  position:absolute;
		}
		.tabmenu a {
			background-position: 0 0;
			width: 26px;
			height: 21px;
			text-indent: -999em;
			/*left:176px;*/
			position:absolute;
			z-index:3;
		}
		.tabmenu a:hover {
			background-position: 0 -21px;
		}
		a.expand {
			background-image: url('../images/btn_expand.png');
			top: 42px;
		}
		a.shrink {
			background-image: url('../images/btn_shrink.png');
			top: 42px;
		}
		a.catalog {
			background-image: url('../images/btn_catalog.png');
			top: 21px;
		}		
		a.comments {
			background-image: url('../images/btn_comments.png');
			top: 0;
		}		
		.credit {
			text-shadow: 0px 1px 0px #000;	
			font-size: 12px;
			padding-top: 10px;
			position: absolute;
			left: 195px;
			bottom: 10px;
			z-index: 3;
			width: 500px;
		}
		#navigation{
			position: absolute;
			left: 20px;
			bottom: 30px;
			margin:17px 18px 0 0;
		}
		#navigation a {
			float: left;
			height: 44px;
			overflow: hidden;
			text-indent: -999em;
			background-repeat: no-repeat;
			background-image: url('../images/navbuttons.png');
		}
		#navigation a.prev,
		#navigation a.next {
			width: 44px;
		}
		#navigation a.play,
		#navigation a.pause {
			width: 46px;
		}
		#navigation a.prev {
			background-position: 0 0;
			margin-right: 1px;
		}
		#navigation a.play {
			background-position: -45px 0;
			margin-right: 1px;
		}
		#navigation a.next {
			background-position: -92px 0;
		}
		#navigation a.pause {
			background-position: -45px -88px;
			margin-right: 1px;
		}
		#navigation a.prev:hover {
			background-position: 0 -44px;
		}
		#navigation a.play:hover {
			background-position: -45px -44px;
		}
		#navigation a.next:hover {
			background-position: -92px -44px;
		}
		#navigation a.pause:hover {
			background-position: -45px -132px;
		}
		#money {
			position: absolute;
			left: 28px;
			bottom: 100px;
		}
		#loading {
			position: absolute;
			top: 49.5%; 
			left: 49.5%;
			z-index: 3;
			width: 24px; 
			height: 24px;
			background-image: url(../images/progress.gif);
		}
		#supersize{
			position:fixed;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}
		#footer {
			color: #666;
			font-size: 10px;
			position: absolute;
			left: 20px;
			bottom: 10px;
			width: 135px;
			text-align: center;
			text-shadow: 0px 1px 0px #000;
		}
		#footer a {
			color: #666;
		}
		#catalog {
			float:right;
			width:550px;
			overflow: auto;
			background: url('../images/bground.png');
			padding-left: 20px;
		}
		#catalog h3 {
			font-size: 14px;
			padding: 15px 0 5px;
			text-shadow: 0px 1px 0px #000;
		}
		#catalog a.catalog_item img {
			border: outset #999 1px;
			margin-bottom: 1px;
			width: 100px;
			height: 63px;
		}
		#catalog a.catalog_item:hover img {
			border: solid #fff 1px;
		}
		#catalog a#showmore {
			width: 516px;
			padding: 5px;
			border: outset #999 1px;
			text-shadow: 0px 1px 0px #000;
			margin-top: 10px;
			display: block;
			text-align: center;
			font-size: 11px;
			text-transform: uppercase;
			text-decoration: none;
			font-weight: bold;
			color: #999;
			background: url('../images/bground.png');
			-moz-border-radius: 5px; 
			-webkit-border-radius: 5px;
		}
		#catalog a#showmore:hover {
			color: #fff;
			background-color: black;
			border: solid #fff 1px;
		}
		#catalog .comments {
			position: relative;
		}
		#catalog .comments h3 {
			font-size: 18px;
		}
		#catalog .commentsystem {
			position: absolute;
			right: 20px;
			top: 23px;
			text-shadow: 0px 1px 0px #000;
		}
		#catalog .commentsystem a {
			margin-left: 10px;
			font-size: 11px;
			text-decoration: none;
			color: #999;
		}
		#catalog .commentsystem a:hover {
			color: white;
		}
		#catalog .commentsystem a.active {
			text-decoration: underline;
			font-weight: bold;
			color: white;
		}
		#catalog .leavecomment {
			border-bottom: solid #333 1px;
			margin-bottom: 10px;
		}
		#catalog .onecomment {
			padding: 10px 20px 20px 0;
		}
		#catalog .commentbody {
			float: right;
			width: 433px;
		}
		#catalog .commentbody p {
			font-size: 12px;
			color: #ccc;
			text-shadow: 0px 1px 0px #000;
		}
		#catalog .commentbody input,
		#catalog .commentbody textarea {
			font-size: 12px;
		}
		#catalog .commentbody p.author {
			font-size: 11px;
			color: #666;
			margin-bottom: 7px;
		}
		#catalog .commentbody p.author strong {
			font-size: 13px;
			color: #ccc;
		}
		#catalog .leavecomment .commentbody p.author {
			margin-bottom: 13px;
		}
		#catalog .leavecomment .commentbody p.author span.logout {
			float: right;
			padding-top: 3px;
		}
		#catalog .leavecomment .commentbody p.author span.logout a {
			text-decoration: underline;
		}
		#catalog .commentbody p.author input.oneline {
			margin-right: 11px;
			width: 115px;
			padding: 2px 2px 2px 15px;
			color: #999;
			border-width: 1px;
		}
		#catalog .commentbody p.author input.oneline.name {
			background: #fff url('../images/icn_name.png') 3px 4px no-repeat;
		}
		#catalog .commentbody p.author input.oneline.email {
			background: #fff url('../images/icn_email.png') 3px 4px no-repeat;
		}
		#catalog .commentbody p.author input.oneline.url {
			background: #fff url('../images/icn_url.png') 3px 4px no-repeat;
			margin-right: 0;
		}
		#catalog .leavecomment p.betaid {
			text-align: center;
			margin-left: -20px;
		}
		#catalog .leavecomment .commentbody img.openidlogo {
			margin-right: 10px;
		}
		#catalog .commentbody textarea {
			width: 421px;
			padding: 5px;
		}
		#catalog .commentbody p.submit {
			padding: 13px 0 0;
			text-align: right;
		}
		#catalog .commentbody p.submit button {
			height: 30px;
			width: 128px;
			background: url('../images/bgr_button.png') 0 0 no-repeat;
			font-size: 12px;
			color: white;
			font-weight: bold;
			border-width: 0;
			cursor: pointer;
		}
		#catalog .commentbody p.submit button:hover {
			background: url('../images/bgr_button.png') 0 -30px no-repeat;
		}
		
		#catalog #catalog_tabs {
			padding-top: 15px;
			font-size: 14px;
			text-shadow: 0px 1px 0px #000;
		}
		
		#catalog #catalog_tabs a {
			margin-right: 15px;
			color: #ccc;
		}
		
		#catalog #catalog_tabs a:hover {
			color: white;
		}
		
		#catalog #catalog_tabs a.active {
			font-weight: bold;
			color: white;
		}
		
		#catalog #catalog_controls {
			float: right;
			padding: 15px 15px 0 0;
		}
		#catalog #catalog_controls input.query {
			width: 130px;
			margin-right: 5px;
			padding: 2px;
			color: #999;
			border-width: 1px;
			font-size: 12px;
			font-family: Arial, sans-serif;
		}
		#catalog #catalog_controls input.submit {
			height: 20px;
			width: 20px;
			background: url('../images/btn_search.png') 0 0 no-repeat;
			text-indent: -999em;
			border-width: 0;
			cursor: pointer;
		}
		#catalog #catalog_controls input.submit:hover {
			background: url('../images/btn_search.png') 0 -20px no-repeat;
		}
		

		
/*** CLEARFIX *************/

.cf:after {
	content: '.';
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.cfake { /* xD */
	clear: both;
}

/*** ERROR ***/
.alert_form {
    border:2px solid #FF0000;
}