* {
	margin: 0;
	padding: 0;
}
body {
	font: 75%/170% Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background: #181C21 url(images/bg_home.gif) repeat-x;
	margin: 0;
	padding: 0;
}

body .libre{
	color:#309;	
	font-family: "Lucida Console", Monaco, monospace;
	font-weight: bold;
}
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
p1 {
	padding: 0 0 1.6em;
}
img {
	border: none;
}
a {
	color: #89b5c6;
	text-decoration: none;
	outline: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* content 
-------------------------------------------------------------- */
#page {
	width: 951px;
	margin: 0 auto;
	position: relative;
	/*background: #FFF url(images/fondopage.jpg) repeat-x;*/
	background-color:Transparent;
	border:#E8E8E8;
	
}

/* header 
-------------------------------------------------------------- */
#header {
	height: 100px;
	margin: 0 auto;
	position: relative;
}
#header h1 a {
	/*background: url(images/logo.png) no-repeat;*/
	text-indent: -900em;
	width: 300px;
	height: 74px;
	position: absolute;
	left: 0px;
}
#header h2 {
	display: none;
}
/* ops */
#ops {
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 1184px;
	bottom: 216px;
	border-left: solid 1px #000;
}


.cbx {
	width:auto;
	float: left;
	margin-right: 8px;
	padding: 4px 5px;
	background: #304044;
	font: 100%/100% Arial, Helvetica, sans-serif;
	border: none;
	color: #fff;
}

.txt {
	width: 106px;
	float: left;
	margin-right: 8px;
	padding: 4px 5px;
	background: #304044;
	font: 100%/100% Arial, Helvetica, sans-serif;

	border:solid 1px #CCC ;
	color: #fff;
}
/* content
-------------------------------------------------------------- */
#left-col {
	float: left;
	width: 300px;
	height:100%;
	/*width: 538px;*/
	border: solid 1px #000;
	clear: left;
	background: #101415 url(images/content-bg.gif);
	position: relative;
}
#left-col .top {
	background: url(images/content-top.gif) no-repeat;
	height: 17px;
	width: 200px;
	display: block;
	overflow: hidden;
}
#left-col div.content {
	width:auto; /*300px;*/
	padding: 5px 5px 5px;
	overflow: hidden;
	height:500px;
}
#left-col div.page {
	padding-top: 0px;
}
#left-col .page h2 {
	font: normal 180%/100% Arial, Helvetica, sans-serif;
	color: #93d43b;
	padding: 0 0 10px;
	margin: 0;
}
#left-col .page h3 {
	font: normal 140%/100% Arial, Helvetica, sans-serif;
	color: #93d43b;
	padding: 0 0 5px;
	margin: 0;
}
.quality {
	font-size: 120%;
	color: #89b5c6;
	text-align: center;
}
.location {
	margin: -5px 0 0;
	padding: 0;
	font: 110%/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #93d43b;
	position: absolute;
	left: 24px;
	top: 16px;
	z-index: 10;
}
#options {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 280px;
	height: 27px;
	background: #000 url(images/options-bg.gif) repeat-x;
	border-left: solid 1px #000;
	padding: 5px 10px 0;
	font-size: 95%;
	color: #90a5a9;
}
#options input {
	border: none;
	margin-right: 3px;
}
#display {
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 5px;
	top: 7px;
}
#display li {
	float: left;
	margin-right: 5px;
}
#display .thumb {
	background: url(images/view-thumb.gif) no-repeat left top;
}
#display .full {
	background: url(images/view-full.gif) no-repeat left top;
}
#display .details {
	background: url(images/view-details.gif) no-repeat left top;
}
#display a {
	text-indent: -900em;
	width: 17px;
	height: 16px;
	display: block;
	line-height: 1px;
}
#display a:hover, #display .current {
	background-position: left bottom;
}

/* page nav */
.wp-pagenavi {
	clear: both;
	line-height: 100%;
	letter-spacing: -1px;
	position: absolute;
	right: 22px;
}
.wp-pagenavi a, .wp-pagenavi span {
	padding: 5px 0 0;
	background: url(images/page-nav.gif) no-repeat center top;
	margin-left: 5px;
	width: 32px;
	height: 24px;
	display: block;
	text-align: center;
	float: left;
}
.wp-pagenavi a:hover {
	text-decoration: none;
	color: #fff;
}

/* display lists : thumb, full, details
-------------------------------------------------------------- */
#thumb {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 530px;
	height: auto;
}
#thumb li {
	float: left;
	background: url(images/list-thumb-bg.gif) no-repeat;
	width: 217px;
	height: 145px;
	padding: 10px 9px 0;
	margin: 10px 24px 0 0;
	position: relative;
}
#thumb img {
	border: solid 1px #000;
}
#thumb h3 {
	font: normal 100%/100% Arial, Helvetica, sans-serif;
	position: absolute;
	top: 131px;
	left: 8px;
	overflow: hidden;
	width: 204px;
}
#thumb h3 a {
	width: 215px;
	color: #6c8085;
	display: block;
	text-decoration: none;
	padding-top: 5px;
}
#thumb h3 a:hover {
	color: #fff;
	text-decoration: none;
}
#thumb h3 span {
	padding-right: 0;
	position: absolute;
	right: 0;
}

h3.flash {
	padding-left: 14px;
	background: url(images/type-flash.gif) no-repeat 0 5px;
}
h3.html {
	padding-left: 14px;
	background: url(images/type-html.gif) no-repeat 0 5px;
}

.best-of {
	background: url(images/bestof.gif) no-repeat;
	width: 28px;
	height: 28px;
	position: absolute;
	z-index: 20;
	top: 10px;
	left: 9px;
}

/* full */
#full {
	list-style: none;
	padding: 0;
	margin: 0;
	background: #000;
}

#full h3 {
	position: absolute;
	top: 148px;
	left: 12px;
	font: normal 100%/100% Arial, Helvetica, sans-serif;
}
#full h3 a {
	background: #000;
	display: block;
	width: 460px;
	padding: 6px 5px;
	color: #fff;
}
#full h3 a:visited {
	color: #fff;
}
#full h3 a:hover {
	text-decoration: none;
}
#full h3 span {
	position: absolute;
	right: 10px;
}

/* details */
#details {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #000;
}
#details li {
	background: url(images/list-details-bg.gif) no-repeat;
	height: 133px;
	padding: 12px 0 0 14px;
	clear: both;
	display: block;
}
/* sidebar 
-------------------------------------------------------------- */
#sidebar {
	border: solid 1px #000;
	background: #101415 url(images/sidebar-bg.gif);
	width:auto;/*: 380px;*/
}
#sidebar .top {
	background: url(images/sidebar-top.gif) no-repeat;
	height: 17px;
	width: 380px;
	display: block;
}
#sidebar .content {
	padding: 0 8px 10px 18px;
}
#sidebar .ad {
	margin: -5px 0 0 -2px;
	float: left;
	position: relative;
	z-index: 4;
}
.ad-btn {
	margin: 0;
	padding: 0;
}
.ad-btn a {
	margin: 0 12px 10px 0;
	display: block;
	float: left;
}
#sidebar .menu {
	float: right;
	margin-top: -5px;
	width: 165px;
}
#sidebar h4 {
	font: 110%/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #93d43b;
	position: relative;
	z-index: 3;
	padding: 0 0 7px;
	margin: 0;
}

/*tag cloud */
.tagcloud {
	list-style: none;
	margin: 0;
	padding: 0 0 15px;
	font: 110%/160% Georgia, "Times New Roman", Times, serif;
}
.tagcloud li {
	padding: 0;
	margin: 0;
	display: inline;
}
.tagcloud a {
	margin: 0 .5em 0 0;
	text-decoration: none;
}
.tagcloud a:hover {
	text-decoration: none;
	color: #fff;
}

/* ad buttons */
.ad-btn {
	list-style: none;
	margin: 0;
	padding: 0;
}
.ad-btn li {
	padding: 0 0 8px;
	margin: 0;
}

/* tab */
#tab {
	width: 382px;
	margin-top: 20px;
}

/* extras */
#extras ul {	
	width: 344px;
}
.extras h4 {
	padding: 7px 10px 5px;
	margin: 0;
	font: bold 100%/100% Arial, Helvetica, sans-serif;
	color: #999;
	background: #101415;
}
.extras {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #ebebeb;
}
.extras li {
	background: #191e1f;
	border-bottom: solid 1px #0a0d0e;
	margin: 0;
	padding: 0;
}
.extras a {
	text-decoration: underline;
}
.extras a:hover {
	text-decoration: none;
}
.extras p {
	padding: 5px 10px 10px;
}
.btn-archive {
	padding: 3px 0;
	float: right;
}

/* recent-comments */
#recent-comments ul {
	list-style: none;
	padding: 0 0 10px;
	margin: 0;
}
#recent-comments ul li {
	padding: 0;
	margin: 0;
}
#recent-comments p {
	padding: 12px 0 0;
	color: #CCCCCC;
}
#recent-comments cite {
	padding-left: 10px;
	font-style: normal;
	font-weight: bold;
}
#recent-comments a {
	background: #191e1f;
	display: block;
	padding: 5px 10px 10px 10px;
	border-bottom: solid 1px #0a0d0e;
	text-decoration: none;
}
#recent-comments a:hover {
	background: #090c0d;
	text-decoration: none;
}

/* footer 
-------------------------------------------------------------- */
#footer {
	background: url(images/footer-bg.gif) repeat-x left 30px;
	clear: both;
	font-size: 95%;
	color: #858d8f;
	margin-top: 120px;
	position: relative;
	height: 100px;
	display: block;
}
#footer p {
	width: 950px;
	margin: 0 auto;
	padding: 13px 0 5px;
	line-height: 100%;
}
#footer a, #footer a:visited {
	text-decoration: none;
	color: #95b7be;
}
#footer a:hover {
	text-decoration: none;
	color: #fff;
}
#gototop{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/backtotop.gif) no-repeat scroll right center;
margin-left:500px;
padding:3px 14px 3px 0;
}


/* misc 
-------------------------------------------------------------- */
.clear {
	clear: both;
}
.hidden {
	display: none;
}
.left {
	float: left;
}
.right {
	float: right;
}
/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}



/* jquery tooltips */
#tooltip img {
	background: url(images/tooltips-bg.gif) no-repeat;
	padding: 6px 7px 6px 11px;
}

#screenshot {
	margin: 0;
	padding: 8px;
	position: absolute;
	border: 1px solid #122025;
	background: #000;
	display: none;
	z-index: 200;
}

/* horizontal ad */
.horizontal-ad {
	background: url(images/horizontal-ad-bg.gif) no-repeat;
	width: 487px;
	height: 87px;
	padding: 7px 0 0 7px;
	margin-top: 0;
}

/* intouch form */
#intouchform {
	margin: 10px 0px 10px;
	padding-top: 15px;
	font: 110% Arial, Helvetica, sans-serif;
	border-top: solid 3px #000;
}
#intouchform p{
	clear: left;
	margin: 5px 0 5px 0px;
	position: relative;
}
#intouchform label{
	font-weight: bold;
	color:#598192;
	float: left;
	width: 100px;
	margin-right: 8px;
}
#intouchform input{
	width: 300px;
	background:#EEF5F9;
	border: 1px solid #a3bdc8;
	padding: 2px;
}
#intouchform textarea{
	width: 300px;
	height: 100px;
	background:#EEF5F9;
	border: 1px solid #a3bdc8;
	padding: 2px;
}
#intouchform .submitbutton {
	width: auto;
	padding: 4px 12px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #587683;
	border: none;
}
#intouchform .indent {
	margin-left: 108px;
}
#intouchform .submitbutton:hover {
	background: #779d03;
}
#intouchform #usermessage {
	margin: 0px 0px 10px 110px;
}
#intouchform #usermessage ul {
	padding: 10px 0px 20px 15px;
	margin: 0;
}
#intouchform #usermessage ul li {
	margin: 0;
	padding: 0 0 5px;
}
#intouchform .error {
	border: 1px solid #FF9900;
}
#intouchform .failure {
	color:#FF9900;
}
#intouchform .success {
	color:#669900;
}
#intouchform .required {
	position: absolute;
	color: #97b5c2;
	top: 3px;
	padding-left: 5px;
}
#intouchform textarea:focus, #intouchform input[type="text"]:focus {
	background: #F1FFD5;
}

div.spacer {
clear:both;
}


#right-col {
	float: right;
	width: 380px;
	height:350px;
	border: solid 1px #000;
	clear: right;
	background: #101415 url(images/content-bg.gif);
	position: relative;
	background-image: url(images/content-bg.gif);
	margin-left:10px;
	color:#BEEDF1;
}

div.tabla
{
	clear: none;
	overflow: auto;
	width:auto;/*:700px; */
	height:auto; 
	position:relative;
	background-color:Transparent;
}

div.tablamenu
{
	float:none;
	clear: none;
	overflow: auto;
	width:auto;/*280px; */
	height:auto; position:relative;
	background-color:Transparent;
}

div.cabeza
{
	clear: both;
	width:auto;
	
	
}

div.colum{
	background:url(images/tlbher.png) repeat-x; 
	font-weight:bold;  
	height:18px; 
	float:left; 
	text-align:center; 
	padding-top:5px; 
	font-size:12px; 
 	border-right: 1px  solid #333;
	color:#CCC;
}

div.fila
{
	clear: both;	
	
	-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px; 
padding:2px;
}
div.filatabla
{
	clear: both;		
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px; 
	padding:0px;
}

.fondoprin{
	/*background:#000;*/
	background:url(images/filaind.png) repeat-x;
}


.fondo1{
	/*background:#000;*/
	background-color:#D1E0EF;
	/*background:url(images/filaind.png) repeat-x;*/
}
.fondo2{
	background:#FFF;
}

div.col_titulo
{
	float: left;
	padding: 5px;
	background: #F0E0A0;
	border-color: #F0E0A0;
	border-style: solid;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
}

div.col
{
	float: left;
	padding: 5px;
	border-color: #F0E0A0;
	
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	font: 75%/170% Arial, Helvetica, sans-serif;
	color:#000;
	font-weight: bold;
	/*text-align:left;*/

}
div.colcentro
{
	float: left;
	padding: 5px;
	border-color: #F0E0A0;
	
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	font: 75%/170% Arial, Helvetica, sans-serif;
	color:#000;
	font-weight: bold;
	text-align:center;

}
div.coltabla
{
	float: left;

	border-color: #F0E0A0;
	
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	font: 75%/170% Arial, Helvetica, sans-serif;
	color:#000;
	/*font-weight: bold;*/
}
div.coltablacentro
{
	float: left;

	border-color: #F0E0A0;
	
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	font: 75%/170% Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	/*font-weight: bold;*/
}

.opacity { 
clear: both;
background-color:Transparent;
padding:5px;
width:auto;
}
.opacitytabla { 
clear: both;
background-color:Transparent;

padding:0px; 
}


div.row {
clear:both;
}
div.row span.label {
float:left;
text-align:right;
width:100px;
}

div.row span.formw {
	float:right;
	text-align:left;
	width:235px;
	
	font-family: Georgia, "Times New Roman", Times, serif;
}
div.spacer {
clear:both;
}

.tbl{
	border: 1px dotted rgb(102, 102, 102);
	padding: 5px;
	width:340px;
	/*background-color:Transparent;*/
background-color:#E5E5E5;
}

.libre{
	float:none;
	position: absolute;
	width: 435px;
	height: 399px;
	left: 474px;
	top: 166px;
}

libre input{
	background-color:#000;
	border: 1px solid #6CF ;

}
#dindcs{
	/*float:none;*/
	/*fposition: absolute;*/
}
#dindcs .tabla{
	background-color:#FFF;
	font:  18px Arial, Helvetica, sans-serif,bold;
}

a.ind{
}
#loader{ position:absolute; display:none; z-index:60; }
#overlay{ background:#000; -moz-opacity:0.7; position:absolute; z-index:50; width:100%; height:100%; display:none; }

.pics{
	float:none;
	position:relative;

	top: 0px;
	left: -1px;
	color:#000;
}
#player{
	position:static;

}













/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(images/tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #000;
    padding: 1em 8px;
    /*background:#fff; : #fff declare background color for container to avoid distorted fonts in IE while fading */
	background-color:Transparent;
	border-left: solid 1px #000;
	border-right:solid 1px #000;
	height:100px;
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(images/loading.gif) no-repeat 0 50%;
}

#container-1{padding-top:10px;
	clear: both;
	
	position: relative;
	/*height: 100px;*/
	display: block;
}
.thumb{
float:left;
margin-right:10px;
margin-top:10px;
height:100px;
width:100px;}

#menuhoriz ul li {
        display: inline;	        
}
#cont{
		width:700px;
		height:150px;
		overflow:scroll;
}

.mov{
	width:120px;
	height:60px;
	}
	
div.float {
float:left;
width:150px;
height:200;

background: #000 url(images/movi.png) no-repeat;
text-align:center;
margin-left:10px;

}


div.float .pie {
	font-size:8px;
	text-align:center;
	color:  #89b5c6;
	font-family: "Lucida Console", Monaco, monospace;

}
.oculto{ display:none;
}
.visto{ display:compact;
}