/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h2, h3, h4, h5, h6, pre, fieldset, input, blockquote, th, {margin:0;padding:0;}
body {margin:0px; padding:0px; background:#FFFFFF;}
html, body, fieldset, table { color:#484848; font-size: 13px; font-family: "Trebuchet MS", Arial, sans-serif; }
img {border:none;}
address, caption, cite,th{font-style:normal;font-weight:normal;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
b,em {font-weight:normal;font-style:normal}
input.btn {width:auto !IMPORTANT}
iframe { border: none; overflow: none; display:block;}

a {color:#2d91cd; text-decoration:none;}
a:hover {color:#2d91cd; text-decoration:underline; background:#FFFFFF;}

#cabecera {width:100%; background:#FFFFFF; float:left; height:98px; margin:10px 0px 0px 0px; text-align:center;}
#cabecera_d {width:900px; margin:auto; text-align:left;}

#cabecera_nba {width:100%; background:#FFFFFF; float:left; height:98px; margin:10px 0px 0px 0px; text-align:center;}
#cabecera_d_nba {width:900px; margin:auto; text-align:left;}


#logo {float:left;}
#logo h1 {font-size:10px; color:#626e80; margin:-14px 0px 0px 10px; padding:0px; font-weight:normal; text-transform:uppercase;}

#buscador {float:right; width:272px; margin:50px 0px 0px 0px;}
#buscador h2 {margin:0px 0px 4px 0px; padding:0px 0px 0px 14px; background:url(/img/icon_buscador.gif) no-repeat; color:#39414e; font-size:11px;}
#form_buscador {padding:0px; margin:0px; background:#ECECEC; float:left; height:26px;}
#form_buscador h3 {margin:0px; padding:3px; font-size:11px; color:#999999; font-weight:normal;}
#form_buscador input {margin: 3px 0px 3px 3px;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

border-top-color: #cccccc;

border-right-color: #cccccc;

border-bottom-color: #cccccc;

border-left-color: #cccccc;

width: 195px;

height: 16px;

padding-top: 0px;

padding-right: 2px;

padding-bottom: 1px;

padding-left: 2px;

float: left;}



#estadisticas {float:right; width:162px; height:72px; margin:36px 1px 0px 0px;}
#estadisticas h2 {margin:0px 0px 3px 0px; padding:0px 0px 0px 14px; background:url(/img/icon_estadisticas.gif) no-repeat; color:#39414e; font-size:11px;}
#form_estadisticas {background:#c3c7ce; padding:5px;}
#form_estadisticas h3 {margin:0px; padding:0px; font-size:11px; color:#999999; font-weight:normal;}
#form_estadisticas ul {margin:0px; padding:0px; list-style:none;}
#form_estadisticas ul li {margin:0px; padding:0px; list-style:none; font-size:11px; color:#3c3c3c;}



#menu {width:100%; background:#363e4b; float:left; text-align:center;}
#menu_d {width:900px; margin:auto;}

#contenido {width:100%; float:left; background:#e4e7ee; text-align:center;}
#contenido_d {width:890px; background:#FFFFFF; border-bottom:0px; border-left:1px solid #bec3c9; border-right:1px solid #bec3c9; border-top:0px; margin:auto; padding:5px; float:left;}
#contenido_f {width:900px; margin:auto;}

#sidebar_izquierda {width:145px; float:left; margin:0px 7px 0px 0px; padding:0px; text-align:left;}
#sidebar_menu {background:#ecedf0; padding:0px; width:145px; margin:0px 0px 5px 0px;}
#sidebar_menu ul {list-style:none; margin:0px 0px 5px 0px; padding:5px 0px 5px 5px;}
#sidebar_menu ul li {background:url(/img/icon_menu.gif) no-repeat; margin:0px 0px 0px 7px; padding:0px 0px 0px 8px;}
#sidebar_menu h1 {margin:0px; padding:5px 5px 0px 5px; font-size:13px; color:#39414e;}

#central {width:553px; float:left; background:#dbdee5; margin:0px 7px 0px 0px; padding:0px 0px 5px 0px; text-align:left;}
#central h1 {margin:0px; padding:5px; font-size:13px; color:#39414e;}
#caja_fondo {width:270px; padding:0px; float:left; background:#ecedf0; margin:2px 0px 2px 4px; font-size:12px;}
#ruta {border-bottom:1px solid #d3d3d4; padding:1px 0px 1px 6px;}
#c_img {padding:0px; border-right:1px solid #d3d3d4; float:left; margin:0px 0px 3px 0px; padding:5px 5px 2px 5px;}
#info_fondo p {padding:0px 0px 0px 0px; margin:2px 0px 0px 5px; font-size:11px; float:left; width:110px;}

#caja_fondo2 {width:264px; padding:5px 5px 3px 5px; float:left; background:#ecedf0; margin:3px 2px 0px 0px; font-size:12px;}
#caja_fondo2 h3 {margin:0px; padding:0px; font-size:12px;}
#info_fondo2 {width:264px; height:40px; float:left;}
#info_fondo2 img {padding:5px 5px 0px 0px; border-right:1px solid #d3d3d4; float:left;}
#info_fondo2 p {padding:0px 0px 0px 0px; margin:2px 0px 0px 5px; font-size:11px; float:left;}

#sidebar_derecha {width:160px; float:left; margin:0px 0px 0px 0px; padding:0px;}


#pie {width:100%; background:#363e4b; float:left; text-align:center;}
#pie_d {width:880px; margin:auto; padding:10px; text-align:center;}
#pie_d p {margin:0px; padding:0px; color:#b6bcc6;}
#pie_d p a {color:#FFFFFF;}
#pie_d p a:hover {color:#FFFFFF; text-decoration:underline; background:#1f2835;}
#pie_d img {margin:5px 0px 0px 0px;}

#p_img {float:left; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:252px;}
#p_desc {float:left; width:200px; margin:0px 0px 0px 5px;}
#pop_contenido h1 {margin:0px; padding:0px; font-size:13px; color:#39414e; float:left;}
#pop_contenido p {padding:0px 0px 0px 0px; margin:2px 0px 0px 5px; font-size:11px; float:left; width:200px;}
#pop_contenido form select{float:left; border:1px #d1d1d3 solid; padding:2px; margin:10px 0px 0px 5px; font-size:13px; color:#666666; background:#f7fcac;}
#pop_contenido form input{text-transform:uppercase; background:#2d91cd; color:#FFFFFF; padding:0px; margin:5px; border:0px solid;; font-weight:bold; width:190px; padding:5px;}

#pop_publicidad {float:left; margin:0px 10px 0px 10px; padding:0px; width:480px;}







#img_medium {float:left; margin:10px 10px 0px 0px;}
#img_medium img {margin:0px 0px 10px 5px;}
#cat_medium {float:left; margin:10px 0px 0px 0px; padding:0px 0px 5px 0px; background:#FFFFFF; width:281px;}
#cat_medium p {padding:0px 0px 0px 0px; margin:2px 0px 0px 10px; font-size:11px; float:left; width:261px;}
#cat_medium form select{float:left; border:1px #d1d1d3 solid; padding:2px; margin:10px 0px 0px 10px; font-size:13px; color:#666666; background:#f7fcac; width:261px;}
#cat_medium form input{float:left; text-transform:uppercase; background:#2d91cd; color:#FFFFFF; padding:10px; margin:4px 0px 0px 10px; border:0px solid;; font-weight:bold; width:261px;}

#recomendados {float:left; margin:10px 0px 0px 0px; padding:0px; background:#FFFFFF; width:281px;}
#recomendados img {margin:10px; padding:0px; float:left;}


#paginacion {width:544px; background:#ecedf0; float:left; padding:0px; margin:4px; text-align:center;}
#paginacion p {float:left; margin:0px 6px 0px 6px; padding:5px;}

#cont_html {width:553px; padding:10px 0px 10px 0px; background:#FFFFFF; margin:5px 0px 0px 0px;}
#cont_html p {margin:5px 0px 5px 0px; padding:0px;}
#cont_html h2 {padding:0px; margin:6px 0px 0px 0px; color:#39414e; font-size:16px;}
#cont_html img {margin:5px 0px 5px 0px;}

#cont_html input {background:#FFFFFF; border:1px solid #666666; padding:3px; font-size:12px; color:#666666;}
#cont_html form {margin:20px 0px 0px 0px;}




/*VENTANA EN AJAX*/

#lightbox, #textLightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }
#outerTextContainer{
	position: relative;
	background-color: #fff;
	width: 500px;
	height: 300px;
	margin: 0 auto;
	line-height:1.5em;
	text-align:left;
	padding:10px;	border:5px solid #999999;
}

#closeText{text-align:right}
#bottomNav{margin-top:5px;text-align:right}

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color:#000000;
	}
	
/*VOTACIONES*/
/*  styles for the unit rater
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */

.ratingblock {
	float:left;
	}

.loading {
	height: 30px;
	background: url('/img/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url('/img/starrating.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('/img/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}	
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	background: url('/img/starrating.gif') left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}	






/*- Menu Tabs H--------------------------- */

    #tabsH {
      float:left;
      width:100%;
      line-height:normal;
      }
    #tabsH ul {
	  margin:0;
	  padding:10px 0px 0 0px;
	  list-style:none;
      }
    #tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsH a {
      float:left;
      background:url("/img/tableftH.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsH a span {
      float:left;
      display:block;
      background:url("/img/tabrightH.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#CCC;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
      color:#FFF;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
      }