/* CSS Document */

body{

	background:url(../images/bg.gif) repeat-x 0 0 #F7F7F7; color:#171717;

	font:normal 13px/20px Georgia, "Times New Roman", Times, serif;

	margin:0; padding:0;}


.topSpace {width:1px; height:120px;}


div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{

	margin:0; padding:0;}

ul{

	list-style:none;}


.sombreado {
	border: solid 1px #ccc;
	padding: 3px;
	background: #fff url('/images/input_bg.gif') repeat-x top;
}	


.listaHome {

	list-style:circle;

	top: -25px;

	position:relative;

}

.spacer{

	font-size:0; line-height:0; clear:both;}


/* -- top navigation start -- */

#topNav{

	width:850px; margin:0 auto; height:37px;}

#topNav ul{

	width:850px; margin:0 auto;}

#topNav ul li{

	height:37px; float:left;

	background:url(../images/bg.gif) repeat-x 0 0 #292929; color:#C1C1C1;

	font:bold 12px/37px Arial, Helvetica, sans-serif;}

#topNav ul li a{

	padding:0 18px; height:37px; float:left; text-decoration:none; display:block;

	background:url(../images/bg.gif) repeat-x 0 0 #292929; color:#C1C1C1;

	font:bold 12px/37px Arial, Helvetica, sans-serif;}

#topNav ul li a:hover{

	background:url(../images/top_btn_h.gif) no-repeat center bottom;}

#topNav ul li a.hover{

	padding:0 18px; height:37px; float:left; text-decoration:none; display:block;

	background:url(../images/top_btn_h.gif) no-repeat center bottom; color:#C1C1C1;

	font:bold 12px/37px Arial, Helvetica, sans-serif;}

/* -- top navigation start -- */



/* -- body start -- */

#body{

	width:850px;

	background:url(../images/header_bg.jpg) no-repeat right top #F7F7F7;

	color:#171717;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 60px;

	padding-left: 0;

}

#body img.logo{

	border:none; margin:20px 0 0 0;}

#body div.bodyText{

	padding:30px 0 0 0;}

#body div.bodyText h1{

	font:bold italic 24px/34px Georgia, "Times New Roman", Times, serif; color:#B10000;}

#body div.bodyText h1 span{

	color:#000000; background-color:#F7F7F7;}

#body div.bodyText h2{

	font:bold italic 15px/18px Georgia, "Times New Roman", Times, serif; color:#666666;}

#body div.bodyText h2 span{

	color:#000000; background-color:#F7F7F7;}

#body div.bodyText h3{

	font:bold 20px/24px Georgia, "Times New Roman", Times, serif; color:#526D0D;

	background:url(../images/folder_icon.gif) no-repeat 0 5px #F7F7F7; padding:0 2px 0 25px;}

#body div.bodyText h4{

	font:normal 20px/24px Georgia, "Times New Roman", Times, serif; color:#000000;

	background-color:#FFF7DE; padding:0 0 0 10px;}

#body div.bodyText p{

	
	font:normal 13px/20px Georgia, "Times New Roman", Times, serif; color:#171717;

	padding:10px 0; background-color:#F7F7F7;}

#body div.bodyText p a{

	color:#003E6A; background-color:#F7F7F7; text-decoration:underline;}

#body div.bodyText p a:hover{

	text-decoration:none;}

#body div.catagory{

	padding:25px 0 0 0;}

.pink{

	width:220px; padding:7px 25px 50px; float:left;

	background:url(../images/pink_bg.gif) no-repeat 0 0 #F7F7F7; color:#4B2B3E;}

.pink h3{

	background:url(../images/news_icon.gif) no-repeat 2px 13px; color:#850049;

	font:bold 20px/38px Georgia, "Times New Roman", Times, serif; padding:0 9px 0 22px;}

.pink h4{

	background:url(../images/date_bg.gif) no-repeat 0 13px; color:#384B06;

	width:56px; text-align:center;

	font:bold 12px/39px Arial, Helvetica, sans-serif;}

.pink h5{

	color:#000000; text-transform:uppercase;

	font:bold 10px/11px Georgia, "Times New Roman", Times, serif;}

.pink p{

	color:#4B2B3E; padding:3px 0 10px 0;

	font:normal 11px/17px Georgia, "Times New Roman", Times, serif;}

.pink a.more{

	background:url(../images/pink_more_btn.gif) no-repeat 0 0 #FFFFFF; color:#000000;

	width:46px; height:11px; display:block; float:right;

	text-decoration:none; text-indent:-2000px;

	padding:0; line-height:0;}

.pink a.more:hover{

	background:url(../images/pink_more_btn_h.gif) no-repeat 0 0 #FFFFFF; color:#000000;}



.green{

	width:220px; padding:7px 25px 50px; float:left; margin:0 23px;

	background:url(../images/green_bg.gif) no-repeat 0 0 #F7F7F7; color:#4B2B3E;}

.green h3{

	background:url(../images/solution_icon.gif) no-repeat 2px 13px; color:#516D0A;

	font:bold 20px/38px Georgia, "Times New Roman", Times, serif; padding:0 9px 0 22px;}

.green h5{

	color:#000000; text-transform:uppercase;

	font:bold 10px/11px Georgia, "Times New Roman", Times, serif;}

.green p{

	color:#3D5C32; padding:3px 0 27px 0;

	font:normal 11px/17px Georgia, "Times New Roman", Times, serif;}

.green p a.line{

	color:#3D5C32; padding:0;  text-decoration:underline;

	font:normal 11px/17px Georgia, "Times New Roman", Times, serif;}

.green p a.line:hover{

	color:#3D5C32; padding:0;  text-decoration:none;

	font:normal 11px/17px Georgia, "Times New Roman", Times, serif;}

.green a.more{

	background:url(../images/green_more_btn.gif) no-repeat 0 0 #FFFFFF; color:#000000;

	width:46px; height:11px; display:block; float:right;

	text-decoration:none; text-indent:-2000px;

	padding:0; line-height:0;}

.green a.more:hover{

	background:url(../images/green_more_btn_h.gif) no-repeat 0 0 #FFFFFF; color:#000000;}



.blue{

	width:220px; padding:7px 15px 50px; float:left;

	background:url(../images/blue_bg.gif) no-repeat 0 0 #F7F7F7; color:#4B2B3E;}

.blue h3{

	background:url(../images/support_icon.gif) no-repeat 2px 11px; color:#364A5B;

	font:bold 20px/38px Georgia, "Times New Roman", Times, serif; padding:0 9px 0 22px;}

.blue h5{

	color:#000000; text-transform:uppercase;

	font:bold 10px/11px Georgia, "Times New Roman", Times, serif;}

.blue p{

	color:#364A5B; padding:3px 0 10px 0;

	font:normal 11px/17px Georgia, "Times New Roman", Times, serif;}

.blue a.more{

	background:url(../images/blue_more_btn.gif) no-repeat 0 0 #FFFFFF; color:#000000;

	width:46px; height:11px; display:block; float:right;

	text-decoration:none; text-indent:-2000px;

	padding:0; line-height:0;}

.blue a.more:hover{

	background:url(../images/blue_more_btn_h.gif) no-repeat 0 0 #FFFFFF; color:#000000;}

.goal{

	width:548px; float:left; padding:0 22px 0 0;}

.goal h2{

	font:bold italic 24px/34px Georgia, "Times New Roman", Times, serif;

	color:#B10000; background-color:#F7F7F7;}

.goal h2 span{

	color:#000000; background-color:#F7F7F7;}

.goal p{

	font:normal 13px/20px Georgia, "Times New Roman", Times, serif; color:#171717;

	padding:10px 0; background-color:#F7F7F7;}

.goal p.greenText{

	font:normal 13px/20px Georgia, "Times New Roman", Times, serif; color:#526D0D;

	padding:6px 0; background-color:#F7F7F7;}

.goal ul li{

	font:normal 13px/20px Georgia, "Times New Roman", Times, serif; color:#171717;

	padding:2px 2px 2px 23px; margin:0 0 5px 0;

	background:url(/images/bullet_no.gif) no-repeat 2px 5px #FFFBED;}


div.derecha{
	width:188px; float:right;
}

div.fotodia{

	padding:10px 12px;
	background-color:#E7E7E7; color:#033462; text-align:center;}

div.fotodia h2{

	background:url(../images/login_head_bg.gif) no-repeat 0 0 #E7E7E7; color:#000000;

	font:bold 17px/30px Georgia, "Times New Roman", Times, serif; padding:0 0 20px 13px; text-align:center;}


div.cumples{

	padding:10px 12px;
	background-color:#E7E7E7; color:#033462; text-align:left;}

div.cumples h2{

	background:url(../images/login_head_bg.gif) no-repeat 0 0 #E7E7E7; color:#000000;

	font:bold 17px/30px Georgia, "Times New Roman", Times, serif; padding:0 0 20px 13px; text-align:center;}
	
div.publi120{

	padding:10px 12px;
	background-color:#E7E7E7; color:#033462; text-align:center;}

div.publi120 h2{

	background:url(../images/login_head_bg.gif) no-repeat 0 0 #E7E7E7; color:#000000;

	font:bold 17px/30px Georgia, "Times New Roman", Times, serif; padding:0 0 20px 13px; text-align:center;}	


.floatLeft{

	float:left;}

/* -- body end -- */



/* footer start -- */

#footer{

	background-color:#292929; color:#FFFFFF;}

.footer{

	width:850px; height:115px; margin:0 auto; padding:18px 0 0 0;}

.footer ul{

	width:470px; margin:0 auto;}

.footer ul li{

	font:bold 12px/20px Arial, Helvetica, sans-serif;

	color:#FAFAFA; background-color:#292929; float:left;}

.footer ul li a{

	font:bold 12px/20px Arial, Helvetica, sans-serif; text-decoration:none;

	color:#FAFAFA; background-color:#292929; padding:0 8px;}

.footer ul li a:hover{

	font:bold 12px/20px Arial, Helvetica, sans-serif; text-decoration:none;

	color:#FAFAFA; background-color:#484848; padding:0 8px;}

.footer p{

	margin:0 auto; width:800px; color:#EDE3C0; background-color:#292929;

	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; clear:both;}


.footer p.tworld{

	margin:0 auto; width:100px; height:17px; padding:0 3px;

	font:normal 12px/16px Arial, Helvetica, sans-serif; color:#414141;

	background-color:#FFFFFF; text-align:center;}

.footer p.tworld a{

	font:bold 12px/16px Arial, Helvetica, sans-serif; color:#000000;

	background-color:#FFFFFF; text-align:center; text-decoration:none;}

.footer p.tworld a:hover{

	font:bold 12px/16px Arial, Helvetica, sans-serif; color:#404040;

	background-color:#FFFFFF; text-align:center; text-decoration:none;}

/* footer end -- */



#AdSense { margin-left:360px; margin-top:-92px; width: 468px; height:60px; float: left; display:inline; }


/*CSS Flickr style pagination*/

div.pagination {

	padding: 3px;

	margin: 3px;

	text-align:center;

}



div.pagination a {

	border: 1px solid #dedfde;

	margin-right:3px;

	padding:2px 6px;



	background-position:bottom;

	text-decoration: none;



	color: #0061de;		

}

div.pagination a:hover, div.meneame a:active {

	border: 1px solid #000;

	background-image:none;

	background-color:#0061de;

	color: #fff;

}

div.pagination span.current {

	margin-right:3px;

	padding:2px 6px;

	

	font-weight: bold;

	color: #ff0084;

}

div.pagination span.disabled {

	margin-right:3px;

	padding:2px 6px;



	color: #adaaad;

}

	

.bordeimagen{

	margin: 2px;

	padding: 2px;

	background-color:#FFFFFF;

	border-top: 1px solid #ddd;

	border-left: 1px solid #ddd;

	border-bottom: 1px solid #c0c0c0;

	border-right: 1px solid #c0c0c0;

}





.galeria {

position:relative; width: 850px; margin: 0 auto; clear: both; text-align:left;

}



/*El objeto foto ...*/

.foto {

   position: relative; top: 0px; right: 0px; padding: 0px; width: 142px; height: 190px; float:left; margin:10px;

}

 

/*Las posibles variantes...colores ...*/

.azul { background: url(../sp/img/galeria_azul.jpg) no-repeat left top; }

  

.rojo { background: url(../sp/img/galeria_rojo.jpg) no-repeat left top; }



.amarillo { background: url(../sp/img/galeria_amarillo.jpg) no-repeat left top; }



.verde { background: url(../sp/img/galeria_verde.jpg) no-repeat left top; }



/*Definimos lo que va dentro de foto. Thumbnails, estrellas, etc ...*/

.foto .thumb {

	position:relative; display:block; top:10px; left:18px; bottom:0px; margin:0px 0px 0px 0px; width:100px; height:100px;

	}



.foto .estrellas {

	position:relative; padding-left:0px;

	top:14px !important; /*moz top*/

	top:10px; /*ie top*/

	}

	

.foto .tamano {

	position:relative; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;

	top:11px !important; /*moz top*/

	top:7px; /*ie top*/

	

}



.foto .peso {

	position:relative; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;

	top:5px !important; /*moz top*/

	top:1px; /*ie top*/

}



.foto .otros {

	position:relative; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;

	top:5px !important; /*moz top*/

	top:1px; /*ie top*/

}





.toggleopacity img{

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);

-moz-opacity: 0.8;

}



.toggleopacity:hover img{

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);

-moz-opacity: 1;

border: 2px solid #949FB1;

}



.toggleopacity img{

border: 2px solid #ccc;

}



.star-rating,

.star-rating a:hover,

.star-rating a:active,

.star-rating a:focus,

.star-rating .current-rating{

	background: url(../sp/img/star.gif) left -1000px repeat-x;

}

.star-rating{

	position:relative;

	width:125px;

	height:25px;

	overflow:hidden;

	list-style:none;

	margin:0;

	padding:0;

	background-position: left top;

}

.star-rating li{

	display: inline;

}

.star-rating a, 

.star-rating .current-rating{

	position:absolute;

	top:0;

	left:0;

	text-indent:-1000em;

	height:25px;

	line-height:25px;

	outline:none;

	overflow:hidden;

	border: none;

}

.star-rating a:hover,

.star-rating a:active,

.star-rating a:focus{

	background-position: left bottom;

}

.star-rating a.one-star{

	width:20%;

	z-index:6;

}

.star-rating a.two-stars{

	width:40%;

	z-index:5;

}

.star-rating a.three-stars{

	width:60%;

	z-index:4;

}

.star-rating a.four-stars{

	width:80%;

	z-index:3;

}

.star-rating a.five-stars{

	width:100%;

	z-index:2;

}

.star-rating .current-rating{

	z-index:1;

	background-position: left center;

}	



/* for an inline rater */

.inline-rating{

	display:-moz-inline-block;

	display:-moz-inline-box;

	display:inline-block;

	vertical-align: middle;

}



/* smaller star */

.small-star{

	width:50px;

	height:10px;

}

.small-star,

.small-star a:hover,

.small-star a:active,

.small-star a:focus,

.small-star .current-rating{

	background-image: url(../sp/img/star_small.gif);

	line-height: 10px;

	height: 10px;

}



.barchart { border:1px solid #B3B6B0; padding:1px; }





#JT_arrow_left{

	background-image: url(../images/arrow_left.gif);

	background-repeat: no-repeat;

	background-position: left top;

	position: absolute;

	z-index:101;

	left:-12px;

	height:23px;

	width:10px;

    top:-3px;

}



#JT_arrow_right{

	background-image: url(../images/arrow_right.gif);

	background-repeat: no-repeat;

	background-position: left top;

	position: absolute;

	z-index:101;

	height:23px;

	width:11px;

    top:-2px;

}



#JT {

	position: absolute;

	z-index:100;

	border: 2px solid #CCCCCC;

	background-color: #fff;

}



#JT_copy{

	padding:10px 10px 10px 10px;

	color:#333333;

}



.JT_loader{

	background-image: url(../images/loader.gif);

	background-repeat: no-repeat;

	background-position: center center;

	width:100%;

	height:12px;

}



#JT_close_left{

	background-color: #CCCCCC;

	text-align: left;

	padding-left: 8px;

	padding-bottom: 5px;

	padding-top: 2px;

	font-weight:bold;

}



#JT_close_right{

	background-color: #CCCCCC;

	text-align: left;

	padding-left: 8px;

	padding-bottom: 5px;

	padding-top: 2px;

	font-weight:bold;

}



#JT_copy p{

margin:3px 0;

}



#JT_copy img{

	padding: 1px;

	border: 1px solid #CCCCCC;

}



.jTip{

cursor:help;

}



#listaContenedor {



width: 100%;

height: 100%;



}



#listaIzquierda {

	width:500px;

	border-style:solid;

	border-width:1px;

	border-color:#9cf #369 #369 #9cf;

	float:left;

}

#listaIzquierdaSin {

	width:500px;
	float:left;

}



#listaDerecha {

	width:320px;

	border-style:solid;

	border-width:1px;

	border-color:#9cf #369 #369 #9cf;

	float:right;

	margin-bottom:25px;

}



#listaPie {

	clear: both;

	padding: 12px;

	background-color:#FFCC00;

}



.listaPersonaje{

	padding-left:20px; background:url(../images/flechita.gif) no-repeat 0 0 #F7F7F7; color:#4B2B3E; background-color:#E4E4E4;

}

.listaPersonaje:hover{

	padding-left:20px; background:url(../images/flechita.gif) no-repeat 0 0 #F7F7F7; color:#4B2B3E; background-color:#FFFFCC;

}

.listaNoticia{
	padding-left:20px; background:url(../images/flechita.gif) no-repeat 0 0 #F7F7F7; font-size:18px;

}

.listaNoticia a{
 text-decoration:none; color:#003366;
}

.listaNoticia a:hover{
	color:#e58712; text-decoration:underline;
}



.listaNoticiaMini{
	padding-left:20px; background:url(../images/flechita.gif) no-repeat 0 0 #F7F7F7; font-size:14px;

}

.listaNoticiaMini a{
 text-decoration:none; color:#003366;
}

.listaNoticiaMini a:hover{
	color:#e58712; text-decoration:underline;
}


#barra-info {
    background: url(../images/barra-info.gif) 100% 0 no-repeat;
    padding-right: 20px;
	margin-top: 10px;
	position: relative;
    top: 3px;
    clear: both;
}

#barra-info .divInfo {
    font-size: 11px;
	padding: 3px 0 0 28px;
    height: 24px;
    background: url(../images/barra-info.gif) 0 0 no-repeat;
}

#barra-info .separador {
    width: 18px;
    height: 24px;
	display:block;
    background: url(../images/separador_barra.gif) 0 0 no-repeat;
}

#barra-info .barraIzq {
float:left;
display:inline;
}

#barra-info .barraDer {
float:right;
display:inline;
}



#barra-info, #barra-info a {
    color: #79786c;
}

#barra-info strong a {
    text-decoration: underline;
}

#barra-info a:hover {
    color: #000;
}



.votaNoticia {margin: 5px; padding: 0; list-style: none; display:inline; float:left; background: url(../images/comentarios.png) no-repeat left top; height: 57px; width: 58px; text-align:center; font-size:11px;}
.votaNoticia:hover {background-position: left -57px;}

.votaNoticia a { text-align:center; color: #e58712; font-size:28px; text-decoration:none;font-weight:bold; position:relative; padding-top:5px;}
.votaNoticia a:visited { text-decoration: none; color: #e58712;}
.votaNoticia a:hover { text-decoration: none;  color: #b56b0f; }

.formularioCSS label,input {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}

.formularioCSS label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}

.formularioCSS br {
	clear: left;
}


.listaAmigos	{ list-style-type:none; } 

/* Round Corners */
        
img.top_left_corner,
img.top_right_corner,
img.bottom_left_corner,
img.bottom_right_corner {
	width: 4px;
	height: 4px;
	position: absolute;
}

img.top_left_corner {
	left: 0px;
	top: 0px;
}

img.top_right_corner {
	right: 0px;
	top: 0px;
}

img.bottom_left_corner {
	left: 0px;
	bottom: 0px;
}

img.bottom_right_corner {
	right: 0px;
	bottom: 0px;
}

ul#minitabs{list-style: none;margin: 0;padding: 7px 0;
  font-weight: bold;
  text-align: center;white-space: nowrap}
  ul#minitabs span{color: #666666; }
ul#minitabs li{display: inline;margin: 0 3px}
ul#minitabs a{text-decoration: none;padding: 0 0 3px;
  border-bottom: 4px solid #EAEAEA;color: #999}
ul#minitabs a#current{border-color: #F60;color:#06F}
ul#minitabs a:hover{border-color: #F60;color: #666}