/*@charset "utf-8";*/
/* CSS Document */
/*@import url("estilos_etutores.css");*/
@import url("home.css");
@import url("comunidad.css");

/*Estilos General*/
* {
	font-family:Arial, Helvetica, sans-serif;	
	margin: 0px;
	padding: 0px;
	outline:none;
}
img{
border:none;
}
.clear{
clear:both;
}
body {
	background-color: #FFFFFF;
	background-image: url(../images/bg1.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	font-size: 100%;
}
a {
	color: #0093A4;
	text-decoration: none;
}
.btnAccion {
	background-image: url(../images/solapa_middle.jpg);
	background-repeat: repeat-x;
	border: 1px solid #BEBEBE;
	cursor: pointer;
	background-position: 0px 0px;
	padding: 2px;
	font-size: 11px;
}
a.botones {
	background-image: url(../images/botones_bg.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-position: left top;
	line-height: 25px;
	height: 25px;
	display: inline;
	margin-right: 4px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	cursor:pointer;
	overflow:hidden;
}
a.botones:hover{

}
a.botones span  {
	background-image: url(../images/botones_bg_right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 25px;
	line-height: 25px;
	width: 100%;
	margin-top: -5px;
	margin-bottom: -5px;
	margin-right: -5px;
	padding: 5px;
	border: 1px solid transparent;
}

a.botones.agregar {
	background-image: url(../images/botones_bg2.jpg);
	
}

a.botones.agregar span  {
	background-image: url(../images/botones_bg_right2.jpg);
	
}

.input_txt,textarea  {
	background-image: url(../images/input_bg.jpg);
	background-repeat: repeat-x;
	font-size: 12px;
	background-position: left top;
	border: 1px solid #CCC;
}



.all {
	background-image: url(../images/bg2.jpg);
	background-repeat: no-repeat;
}

.areadetrabajo {
	width: 985px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}
.areadetrabajo h1 {
	font-size: 22px;
	color: #FFF;
	display: block;
	height: 35px;
	line-height: 35px;
	position: relative;
	background-color: #39A2AF;
	padding-left: 10px;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 10px;
}
.areadetrabajo h2 {
	font-size: 18px;
	color: #339FAC;
	line-height: 22px;
	margin-bottom: 10px;
}
.areadetrabajo h2 span {
	color: #666;
	font-weight: normal;
}

input[type=radio] {
	margin-right: 3px;
	font-size: 11px;
}

.areadetrabajo h1 .L {
	height: 35px;
	width: 6px;
	background-image: url(../images/round_h1_left.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
}
.areadetrabajo h1 .R {
	height: 35px;
	width: 6px;
	background-image: url(../images/round_h1_right.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
}

#logo   {
	height: 145px;
	width: 172px;
	z-index: 10;
	float: left;
	margin-right: 25px;

}

.head {
	height: 145px;
	width: 980px;
	float: left;
}
.head .menu {
	margin-top: 10px;
}


.head .publicidad_head {
	height: 70px;
	width: 585px;
	background-color: #CCCCCC;
	float: left;
	margin-top: 10px;
}
.right {
	margin-top: -85px;
}
.right .publicidad_right {
	margin-top: 10px;
}

.left, .right {
	width: 190px;
	float: left;
	font-size: 11px;

} 
.left    .top, .right    .top  {
	background-image: url(../images/side_top.png);
	background-repeat: no-repeat;
	display: block;
	height: 12px;
	overflow: hidden;
}
.left    .bottom, .right    .bottom  {
	background-image: url(../images/side_bottom.png);
	background-repeat: no-repeat;
	display: block;
	height: 12px;
}
.left   .center, .right  .center {
	background-image: url(../images/bg_sides.gif);
	background-repeat: repeat-y;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
}
.left  h3 {
	color: #FFFFFF;
	background-color: #0093A4;
	text-transform: uppercase;
	display: block;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
	background-image: url(../images/h3.gif);
	background-repeat: no-repeat;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
}
.left .reto_left {
	padding-top: 4px;
	padding-bottom: 4px;
	height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 11px;
	color: #0093A4;

}
.left .reto_left .usu_thumb {
	padding: 2px;
	border: 1px solid #CCCCCC;
	display: block;
	float: left;
	margin-right: 5px;
}
.left .reto_left strong {
	font-size: 11px;
	color: #0093A4;
	display: block;
}
.left  .boton_buscar {
	background-image: url(../images/buscar.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	line-height: 20px;
	width: 69px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 20px;
	cursor: pointer;
	background-position: left center;
	background-color: transparent;
	margin-left: 45px;
	font-size: 11px;
}
.left .input.txt {
	width: 165px;
	margin-bottom: 5px;
}
.middle {
	width: 590px;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
  margin-top:-85px;
}
.middle .top  {
	background-image: url(../images/middle_top.png);
	background-repeat: no-repeat;
	display: block;
	height: 17px;
	width: 590px;
}
.middle .bottom  {
	background-image: url(../images/middle_bottom.png);
	background-repeat: no-repeat;
	display: block;
	height: 17px;
	overflow: hidden;
}
.middle .center {
	background-image: url(../images/middle_bg.gif);
	background-repeat: repeat-y;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	width:98,5%;
	min-height: 750px;
}
.menu {
	float: left;
}
.menu ul  {
	list-style-type: none;
	background-image: url(../images/menu_bg.gif);
	height: 42px;
	color: #666666;
	font-size: 12px;
	margin-bottom: 0px;
	width: 755px;
	display: block;
	float: left;
}
.menu ul  li {
	display: inline;
}
.menu ul  li  a {
	color: #333333;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 42px;
	font-size: 14px;
	font-weight: bold;
	margin-right: 5px;
	margin-left: 5px;
}
.menu ul  li  a:hover, .menu ul  li  a#menuSelected  {
	color: #0093A4;	
}
.menu  .left_side  {
	background-image: url(../images/menu_left.png);
	background-repeat: no-repeat;
	background-position: left;
	line-height: 42px;
	display: block;
	float: left;
	height: 42px;
	width: 12px;
}
.menu .right_side   {
	background-image: url(../images/menu_right.png);
	background-repeat: no-repeat;
	background-position: right;
	float: left;
	display: block;
	height: 42px;
	width: 12px;
}
.foot {
	clear: both;
	margin-top: 20px;
	float: left;
	font-weight: normal !important;
	width: 790px;
	margin-bottom: 40px;
	padding-left: 200px;
}    
.foot .menu {
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
}
.foot .menu a {
	font-weight: normal;
	font-size: 11px;
}
.foot .menu ul {
	width: 565px;
}
.floatR {
float:right;
}
.floatL {
float:left;
}
.clear {
clear:both;
} 
.usuario_panel {
	background-image: url(../images/usuario_fondo.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #4DB9C6;
}
.usuario_panel    .boton_login {
	background-image: url(../images/boton_login.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFFFFF;
	background-color: Transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
	height: 20px;
	width: 150px;
	margin-bottom: 5px;
	margin-top: 10px;
	margin-left: 10px;
	font-size: 11px;
}
.usuario_panel  input.txt {
	width: 148px;
	margin-left: 10px;
}
.usuario_panel label {
	margin-left: 10px;
	line-height: 20px;
	color: #FFFFFF;
}
.usuario_panel  form a {
	color: #FFFFFF;
	margin-left: 10px;
}
.usuario_panel  h3  a {
	text-decoration: none;
	font-size: 12px;
}

.usuario_panel  h3 a:hover {
	color: #000000;
}
.usuario_panel h3 {
	background-image: url(../images/usuario_right_head.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 10px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	color: #0093A4;
}
.usuario_panel .pie_user {
	background-image: url(../images/usuario_pie.jpg);
	height: 19px;
	background-repeat: no-repeat;
}
.usuario_panel a.logued {
	display: block;
	height: 35px;
	width: 150px;
}
.usuario_panel a.logued img {
	border: 1px solid #CCCCCC;
	margin-right: 5px;
	padding: 1px;
}
.usuario_panel .pl_link {
	color: #FFFFFF;
	display: block;
	margin-left: 10px;
	padding-left: 20px;
	line-height: 18px;
	margin-bottom: 5px;
	margin-top: 5px;
	background-repeat: no-repeat;
	background-position: left center;
}
.usuario_panel .pl_mensaje {
	background-image: url(../images/mensaje.png);
}
.usuario_panel .pl_notificaciones { background-image: url(../images/notificacionesicon.png); }
.usuario_panel .pl_retos {
	background-image: url(../images/retos.png);
}
.usuario_panel .pl_cuenta {
	background-image: url(../images/mi_cuenta.png);
}

.usuario_panel .pl_favoritos {
	background-image: url(../images/favoritos.png);
}

.usuario_panel .pl_fans {
	background-image: url(../images/fans.png);
}
/*'''''''''''''''''''''''''''''''''''''''''''''Estilos Home''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/

.presentacion{
	height:84px;
	background-image:url(../images/presentacion.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	width: 576px;
	border: 1px solid #FFFFFF;
}
.presentacion p {
	color: #FFFFFF;
	display: block;
	float: left;
	width: 380px;
	margin-top: 20px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
}
.presentacion strong {
	color: #FFFFFF;
	margin-top: 20px;
	display: block;
	margin-right: 10px;
	font-size: 15px;
	margin-left: 480px;
}
.presentacion   strong a  {
	color: #FFFFFF;
	font-weight: normal;
	display: block;
}
a.propon:hover {
	background-image: url(../images/propon_hover.jpg);
}
a.propon {
	height: 107px;
	width: 282px;
	background-image: url(../images/propon.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 5px;
}
a.descubre:hover {
	background-image: url(../images/descubre_hover.jpg);
}
a.descubre {
	height: 107px;
	width: 282px;
	background-image: url(../images/descubre.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 5px;
}
.banner_home {
	display: block;
	clear: both;
	width: 565px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
.solap  ul.solapasVideo {
	height: 27px;
	clear: both;
	display: block;
	overflow: hidden;
	background-color: #FFFFFF;
}


.solap ul.solapasVideo li {
	list-style-type: none;
	display: block;
	line-height: 27px;
	margin-right: 3px;
	margin-left: 1px;
	background-image: url(../images/solap_solapa_left.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 27px;
}
.solap ul.solapasVideo li a {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../images/solap_solapa_right_hover.jpg);
	background-repeat: no-repeat;
	float: left;
	background-position: right top;
	line-height: 27px;
	height: 27px;
	text-align: center;
	padding-right: 3px;
	padding-left: 3px;
}
.solap ul.solapasVideo li:hover, .solap ul.solapasVideo li.activado{
	background-image: url(../images/solap_solapa_left_hover.jpg);
	color:#333333;
}

.solap ul.solapasVideo li a:hover, .solap ul.solapasVideo li a.activado{
	background-image: url(../images/solap_solapa_right.jpg);
	color:#333333;
	_color:#D7D7D7;
	
}

.solap ul.solapasVideo li a:hover{
_background-image: none;
}
.solap  {
	margin-top: 10px;
	background-image: url(../images/bg_datos_video.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.solap .estadReto {
	color: #000000;
	font-size: 10px;
	width: 150px;
	margin-left: 120px;
}
.solap .estadReto img {
	margin-left: 0px;
	margin-right: 2px;
	vertical-align: middle;
}
.solap .thumbReto {
	width: 270px;
	font-size: 11px;
	border: 1px solid #CCCCCC;
	padding: 5px;
	background-color: #FFFFFF;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	height: 70px;
	overflow: hidden;
}
.solap .thumbReto:hover{
background-color:#DAF7F8;
}

.solap .thumbReto a.tit {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	display: block;
	margin-left: 121px;
	width: 148px;
	max-height: 32px;
	overflow: hidden;
}
.solap .thumbReto a.usuario {
	display: block;
	margin-left: 121px;
	line-height: 18px;
}
.solap .thumbReto .thumbnail {
	border: 1px solid #CCCCCC;
	padding: 1px;
	display: block;
	float: left;
}
.solap .thumbReto .thumbnail:hover{
	border-color: #48E3EC;

}
.solap   a.enlace {
	font-size: 11px;
	display: block;
	text-align: center;
	position: absolute;
	margin-left: 487px;
	height: 20px;
	width: 86px;
	background-image: url(../images/mas_home_btn.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	line-height: 21px;
	margin-top: 6px;
	color: #666666;
}
.center .input_txt, .center textarea {
	padding: 2px;
	font-size: 12px;
}

/*perfil////////////////////////////////////*/
.retos{
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 12px;
	color: #333;
}
.busAv {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	background-image: url(../images/degra_bg.jpg);
	background-repeat: repeat-x;
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin-bottom: 10px;
}
.paginado {
	clear: both;
	padding: 10px;
	text-align: right;
}
.paginado a {
	font-size: 11px;
	background-color: #E8E8E8;
	color: #333;
	border: 1px solid #CCC;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}
.paginado a:hover, #pg_selected {
	background-color: #333333;
	color: #FFF;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.tutorial {
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-bottom: 20px;
	margin-right: 10px;
	margin-left: 10px;
}
.tutorial .fecha {
	font-size: 12px;
	color: #999;
}
.tutorial .flashTuto {
	height: 285px;
	width: 380px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	margin-top: 10px;
}
.tutorial h2 {
	margin-bottom: 10px;
}
.tutorial p {
	margin-bottom: 10px;
}
ul.form {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	display: block;
	position: relative;
	float: left;
	clear: both;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
ul.form li {
	list-style-type: none;
	display: block;
	width: 255px;
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 0px;
	zoom:1;
	height: 1%;
}
ul.form li .input_txt {
	width: 100%;
}
ul.form li label {
	font-size: 11px;
	color: #666;
	font-weight: bold;
	line-height: 18px;
}
ul.form strong.title {
	display: block;
	background-color: #FFF;
	z-index: 10;
	margin-top: -22px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: center;
	color: #CCC;
}
ul.form li .refer {
	font-size: 10px;
	line-height: 22px;
}
.thumbUsuario {
	float: left;
	text-align: center;
}
.ranck {
	width: 100px;
	margin-right: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}
.thumbUsuario a.imgThumb {
	padding: 2px;
	border: 1px solid #CCC;
	display: block;
	height: 50px;
	width: 50px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
.thumbUsuario a.imgThumb:hover{
	border-color:#46C5D4;
}
.thumbUsuario .puntos {
	color: #34A0AE;
	font-size: 11px;
}
.thumbUsuario .usuario {
	color: #666;
	font-size: 11px;
}
.thumbVideo {
	width: 126px;
	display: block;
	margin-left: 15px;
	float: left;
	margin-bottom: 10px;
	height: 175px;
}
.thumbVideo .thumbnail {
	display: block;
	width: 126px;
	text-align: center;
	border: 1px solid #CCC;
	background-image: url(../images/bgThumbVideo.gif);
	background-repeat: repeat-x;
	background-position: 7px 5px;
	padding-top: 17px;
	padding-bottom: 19px;
	margin-bottom: 5px;
}
.thumbVideo .thumbnail:hover {
	border-color:#666;
}
.thumbVideo .tit {
	font-size: 12px;
	font-weight: bold;
	color: #333;
}
.thumbVideo .usuario {
	font-size: 11px;
}
.thumbVideo .estad {
	font-size: 10px;
	color: #666;
	display: block;
	text-align: right;
}
.thumbVideo .estad span {
	float: left;
}
.areaPrivada {
	width: 565px;
	position: relative;
}
.areaPrivada .imgThumb {
	display: block;
	padding: 2px;
	position: absolute;
	right: 5px;
	top: 50px;
	border: 1px solid #CCC;
}
.areaPrivada .ap_menu {
	display: block;
	margin-top: 20px;
	position: relative;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	float: left;
	width: 93%;
}
.areaPrivada .ap_menu li {
	list-style-type: none;
	height: 110px;
	width: 84px;
	display: block;
	float: left;
	margin-right: 20px;
}
.areaPrivada .ap_menu li a {
	width: 84px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 84px;
	height: 20px;
	font-weight: bold;
	text-align: center;
}
.areaPrivada .ap_menu li a:hover, .areaPrivada .ap_menu li #selectedBot {
	background-position: -84px 0px;
	color: #43CDD5;
}
.ap_menu li .aphome {
	background-image: url(../images/ap_home.jpg);
}
.ap_menu li .apcuenta {
	background-image: url(../images/ap_cuenta.jpg);
}
.ap_menu li .apretos {
	background-image: url(../images/ap_retos.jpg);
}
.ap_menu li .apmensajes {
	background-image: url(../images/ap_mesajes.jpg);
}
.ap_menu li .apfans {
	background-image: url(../images/ap_fans.jpg);
}
.areaPrivada .apTable {
	margin-top: 10px;
	margin-bottom: 20px;
}
.areaPrivada .apTable td {
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.areaPrivada .apTable th {
	padding: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.areaPrivada .apSubmenu {
	float: left;
	display: block;
	width: 550px;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #36E5E5;
	position: relative;
	padding-left: 10px;
	margin-top: 10px;
}
.areaPrivada .apSubmenu a  {
	padding: 10px;
	height: 20px;
	float: left;
	display: block;
	position: relative;
	z-index: 10;
	bottom: -1px;
	margin-right: 5px;
	color: #999;
	border: 1px solid transparent;
}
.areaPrivada .apSubmenu a:hover, .areaPrivada .apSubmenu #selected {
	border-top-color: #36E5E5;
	border-right-color: #36E5E5;
	border-bottom-color: #FFF;
	border-left-color: #36E5E5;
	color: #0093A4;
	
}
.areaPrivada .apSubmenu input[type=button] {
	position: absolute;
	right: 0px;
	top: 10px;
	width: 100px;
}
.areaPrivada .apTable .fecha {
	font-size: 10px;
}
.areaPrivada .apTable tr.peticion {
	background-color: #E9FEFE;
	font-weight: bold;
}
.areaPrivada .apTable p {
	margin-bottom: 10px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}
.areaPrivada h2.propon {
	display: block;
	font-size: 22px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	position: relative;
	margin-bottom: 30px;
	color: #58D8E6;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 10px;
	margin-right: 10px;
}
.areaPrivada h2.propon img {
	position: absolute;
	right: 3px;
	top: -5px;
}
.areaPrivada p.textoProp {
	margin: 10px;
}
.sublabel  {
	font-size: 11px;
	color: #666;
}
.mensaje {
	padding: 10px;
	margin: 10px;
	border: 1px solid #CCC;
	color: #333;
	background-color: #F5F5F5;
	font-size:12px;
}
.mensaje.Ok {
	background-color: #C4FDCC;
	color: #030;
	border-top-color: #A8D8A7;
	border-right-color: #A8D8A7;
	border-bottom-color: #A8D8A7;
	border-left-color: #A8D8A7;
	
}
.mensaje.Error {
	background-color: #FFE6E6;
	border-top-color: #FFA4A4;
	border-right-color: #FFA4A4;
	border-bottom-color: #FFA4A4;
	border-left-color: #FFA4A4;
	color: #F00;
}
.invitarAmigo {
	display: block;
	background-image: url(../images/enviarAunAmigo.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #D6D6D6;
	padding: 10px;
}
.invitarAmigo li {
	list-style-type: none;
	width: 98%;
	display: block;
	margin-bottom: 10px;
}
.invitarAmigo li .input_txt {
	width: 100%;
}
.invitarAmigo li h4  {
	font-size: 12px;
}
.areaPrivada .left {
	width: 275px;
	font-size: 12px;
}
.areaPrivada .estadA {
	font-size: 11px;
	color: #999999;
	height: 70px;
}
.areaPrivada  .estadA .puntosA, .areaPrivada  .estadA .fansA {
	float: left;
	display: block;
	text-align: center;
	width:130px;
}
.areaPrivada  .estadA .puntosA span {
	display: block;
	font-size: 30px;
	color: #E02C1F;
	font-family: "Arial Black", Gadget, sans-serif;
}
.areaPrivada  .estadA .fansA span {
	display: block;
	font-size: 30px;
	color: #999;
	font-family: "Arial Black", Gadget, sans-serif;
}
.areaPrivada .visitas {
	line-height: 22px;
	display: block;
	margin-bottom: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
}
.areaPrivada .mesajesdl dt {
	padding-left: 20px;
	background-image: url(../images/mensa.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 20px;
	display: block;
	margin-bottom: 3px;
}
.areaPrivada .mesajesdl dd {
	margin-left: 20px;
	line-height: 25px;
}
.areaPrivada .mesajesdl a:hover{
	text-decoration:underline;
}
.areaPrivada .completar {
	font-size: 11px;
	color: #666;
	padding: 1px;
	display: block;
	width: 48%;
	background-color: #F4F4F4;
	position: relative;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.areaPrivada .completar .porcent {
	background-color: #C0FAF9;
	position: absolute;
	height: 18px;
}
.areaPrivada .completar .dato {
	position: relative;
	width: auto;
	z-index: 20;
	margin: 0px;
	padding: 2px;
	text-align: center;
}
.areaPrivada .completar .dato strong { color: #333 !important; }



.a_noread { font-weight:bold; }

#popup { padding:10px; border:5px solid black; background:#39A2AF; color:white; width:45%; position:fixed; top:35%; left:25%; display:none; font-size:14px; filter: alpha(opacity=80); opacity: .80; font-weight:bold; z-index:100; }
#popup a { color: white; font-weight:bold; }
#popup a:hover { text-decoration:underline; }
#p_close { padding:0pt; text-align:right; }
#p_message { padding:5px; text-align:center; font-size:18px; }
#p_actions { padding:5px; text-align:center; }
#p_actions a { padding:5px; }

#popup_fans { padding:10px; border:5px solid black; background:#39A2AF; color:white; width:45%; position:fixed; top:35%; left:25%; display:none; font-size:14px; font-weight:bold; z-index:100;}
#popup_fans a { color: white; font-weight:bold; }
#popup_fans a:hover { text-decoration:none; }

.popupCond {
	border:2px solid #9F9F9F;
	color:#333;
	font-size:12px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 10px;
	display: block;
	position: relative;
	}
.popupCond #b_p_close
{
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	text-indent: -5000px;
	position: absolute;
	top: 3px;
	right: 3px;
}
.notif_alert{ font-weight:bold; }



.usuarioGrande {
	border: 1px solid #CCC;
	display: block;
	height: 112px;
	width: 114px;
	padding: 2px;
	text-align: center;
	margin-bottom: 3px;
}
.rightPerfil.usuariosAnt {
	width: 265px;
	padding-left: 10px;
	padding-top: 5px;
	border: 1px solid #CCC;
	background-color: #EFFAFA;
}
.mens  {
	background-image: url(../images/sobre.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	color: #333;
}
.fans {
	background-image: url(../images/fans2.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	margin-top: 3px;
	margin-bottom: 3px;
	display: block;
	

}
h2.repre {
	display: block;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	line-height: 27px;
	background-image: url(../images/h2_bg.jpg);
	background-repeat: repeat-x;
	padding-left: 3px;
}
.repre a {
	font-size: 12px;
	font-weight: normal;
	display: block;
	position: absolute;
	top: 0px;
	right: 5px;
}

.rightPerfil {
	margin-left: 10px;
	width: 200px;
}
h2.usuPerfil  {
	font-size: 20px;
	color: #333;
	float: left;
	margin-left: 10px;
	line-height: 22px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	display: block;
	width: 430px;
	padding-bottom: 5px;
}
h2.usuPerfil span {
	color: #39A2AF;
	font-size: 16px;
}

.grito {
	display: block;
	clear: both;
	border: 1px solid #CCC;
	margin-bottom: 10px;
	background-image: url(../images/grito.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-right: 0px;
	margin-left: 0px;
	float: left;
	position: relative;
	width: 90%;
}
.usuGroup {
	margin-bottom: 10px;
	float: left;
	width: 270px;
	margin-right: 10px;
	border: 1px solid #CCC;
	padding-bottom: 10px;
}
.usuGroup strong {
	line-height: 25px;
	display: block;
	margin-bottom: 7px;
	font-size: 12px;
	color: #333;
	background-image: url(../images/h2_bg.jpg);
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DDD;
	padding-left: 5px;
}
.usuGroup .usu {
	margin-right: 7px;
	float: left;
	height: 50px;
	width: 50px;
	border: 1px solid #D4D4D4;
	margin-left: 7px;
	margin-bottom: 7px;
}
.grito img {
	position: absolute;
	left: 5px;
	top: -14px;
}
.retos .rig { text-align: center; }
.rig span  {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 16px;
	color: #F00;
}


.usuGroup .usu:hover {
	border-color:#0CF;
	
}
.tit-reto {
	font-size: 12px;
	font-weight: bold;
	line-height: 35px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	height: 35px;
	border: 3px solid #EFEFEF;
	padding: 5px;
}
.tit-reto a { color: #333; }
.tit-reto a:hover { color: #00B9E1; }


.tit-reto .usu_thumb {
	padding: 1px;
	height: 30px;
	width: 30px;
	border: 1px solid #CCC;
	display: block;
	float: left;
	margin-right: 10px;
}
.volver {
	background-image: url(../images/volver.jpg);
	background-repeat: no-repeat;
	padding-left: 22px;
	display: block;
	height: 18px;
	line-height: 19px;
	width: 70px;
}

.blog {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	padding: 1px;
}
.blog h2 {
	display: block;
	font-size: 12px;
	background-image: url(../images/blog_fondo.jpg);
	background-repeat: repeat-x;
	padding-left: 5px;
	color: #FFF;
	position: relative;
	margin-bottom: 0px;
	height: 25px;
	overflow: hidden;
}
.blog h2 span { color: #FFF; }
.blog h2 a {
	background-image: url(../images/masblog.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 12px;
	width: 12px;
	position: absolute;
	top: 5px;
	right: 5px;
	overflow: hidden;
	text-indent: -9000px;
}

.blog .entrada {
	background-color: #F2F2F2;
	padding: 5px;
	color: #333;
	font-size: 11px;
	margin-top: 1px;
}
.blog .entrada h3 {
	font-size: 11px;
	line-height: 16px;
}
.blog .entrada p { font-size: 10px; }
.blog .entrada span {
	font-size: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	display: block;
	margin-top: 3px;
	padding-top: 3px;
	color: #666;
}
.blog_image  {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
/*//////////////////*/

.solicitudes_privado {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	padding: 1px;
}
.solicitudes_privado h2 {
	display: block;
	font-size: 12px;
	background-image: url(../images/blog_fondo.jpg);
	background-repeat: repeat-x;
	padding-left: 5px;
	color: #FFF;
	position: relative;
	margin-bottom: 0px;
	height: 25px;
	overflow: hidden;
}
.solicitudes_privado h2 span { color: #FFF; }
.solicitudes_privado h2 a {
	background-image: url(../images/masblog.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 12px;
	width: 12px;
	position: absolute;
	top: 5px;
	right: 5px;
	overflow: hidden;
	text-indent: -9000px;
}

.solicitudes_privado .entrada {
	background-color: #F2F2F2;
	padding: 5px;
	color: #333;
	font-size: 11px;
	margin-top: 1px;
}


/*///////////////////*/
/*//////////////////*/

.notificaciones_privado {
	margin-bottom: 10px;
	padding: 1px;
}
.notificaciones_privado h2 {
	display: block;
	font-size: 12px;
	background-image: url(../images/blog_fondo.jpg);
	background-repeat: repeat-x;
	padding-left: 5px;
	color: #FFF;
	position: relative;
	margin-bottom: 0px;
	height: 25px;
	overflow: hidden;
}
.notificaciones_privado h2 span { color: #FFF; }
.notificaciones_privado h2 a {
	background-image: url(../images/masblog.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 12px;
	width: 12px;
	position: absolute;
	top: 5px;
	right: 5px;
	overflow: hidden;
	text-indent: -9000px;
}

.notificaciones_privado .entrada {
	background-color: #F2F2F2;
	padding: 5px;
	color: #333;
	font-size: 12px;
	margin-top: 3px;
}
.notificaciones_privado .entrada h3 {
	font-size: 11px;
	line-height: 16px;
}
.notificaciones_privado .entrada p { font-size: 10px; }
.notificaciones_privado .entrada span {
	font-size: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	display: block;
	margin-top: 3px;
	padding-top: 3px;
	color: #666;
}
.notificaciones_privado .entrada .vista{ text-decoration: line-through; }
.blog_image  {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}


/*///////////////////*/




.amigo-lk {
	font-size: 10px;
	text-decoration: underline;
}

.suggestionsBox {
	position: relative;
	left: 0px;
	margin: 10px 0px 0px 0px;
	width: 200px;
	background-color: #212427;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #000;	
	color: #fff;
}

.suggestionList {
	margin: 0px;
	padding: 0px;
}

.suggestionList li {
	
	margin: 0px 0px 3px 0px;
	padding: 3px;
	cursor: pointer;
}

.suggestionList li:hover {
	background-color: #659CD8;
}
.agregaralmando {
	height: 21px;
	width: 103px;
	display: block;
	float: left;
	background-image: url(../images/agregar-mando.jpg);
	background-repeat: no-repeat;
	text-indent: -5000px;
	margin-top: 3px;
	margin-right: 3px;
	margin-left: 3px;
}
.agregaralmando.added { background-position: left -21px; }

#view_message { margin:10px; }
#view_message h3 { border-bottom:1px solid #ccc; }
#view_message #msg_header { overflow:auto; padding:10px; }
#view_message #msg_header #msg_first_column { width:100px; color:gray; float:left; }
#view_message #msg_header #msg_second_column { width:300px; float:left; }
#view_message #msg_body { padding:10px; border:1px solid #ccc; min-height:200px; }
#view_message #msg_actions { margin:10px 0 0 0; }
#view_message #msg_actions a { padding:5px; border:1px #0093A4 solid; }
.msg_estado_no_leido { font-weight:bold; }
.msg_estado_leido { font-weight:normal; }
.msg_blockquote { border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex; }
#msg_body_textarea { width:515px; min-height:200px; }
.pentagrama { position: relative; }
.pentagrama a {
	font-size: 11px;
	color: #FFF;
	position: absolute;
	line-height: 12px;
	text-align: center;
	width: 45px;
	cursor:pointer;
}
#pentagrama a:hover, #pentagrama a.porcentSel{ color: #000; }
.pentagrama .a {
	left: 8px;
	top: 6px;
}
.pentagrama .b {
	left: 137px;
	top: 6px;
}
.pentagrama .c {
	left: 8px;
	top: 42px;
}
.pentagrama .d {
	left: 137px;
	top: 43px;
}
.pentagrama .e {
	left: 71px;
	top: 74px;
}


.floatR a { cursor:pointer; }
#ad_code a:link{
	color:#39C;
}

#contenedor_facebook {
	padding:10px;
	border: 1px solid #39a2af;
	color: #000;
	left: 62%;
	;
	width: 300px;
	position: fixed;
	display: none;
	font-size: 14px;
	font-weight: bold;
	z-index: 100;
	background-color: #FFF;
}
#face_close {
	padding:0pt;
	text-align:right;
}
.retameBtn{
	background-image: url(../images/boton-retame.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 103px;
	margin-right: auto;
	margin-left: auto;
	line-height: 21px;
	font-weight: bold;
	font-size: 14px;
	color: #FFF;
	margin-top: 5px;
}
.retameBtn:hover{ color:#218289; }

ul.faq {
	list-style-type: none;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 30px;
	margin-left: 20px;
	background-color: #E7F8FA;
	border: 1px solid #51C6D4;
	padding: 10px;
}
ul.faq li { margin-bottom: 5px; }
ul.faq li a { font-size: 14px; }
a[name] {
	font-weight: bold;
	color: #333;
}


#foto_perfil {
 padding:10px;
 border: none;
 background: #39A2AF;
 color: white;
 width: 320px;
 height: 330px;
 position: absolute;
 display: none;
 font-size: 14px;
 font-weight: bold;
 z-index: 100;
}
/*////////newsfeed////////*/
.newsfeed  {
	font-size: 12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
 .newsfeed textarea {
	width: 98%;
	height: 60px;
	margin-bottom: 10px;
}
 .newsfeed   .comenTit {
	font-size: 14px;
	display: block;
	color: #666666;
}
 .newsfeed .comenTit span {
	font-weight: normal;
}
.newsfeed span.estadReto {
	margin-right: 10px;
}


.newsfeed .posComent {
	height: 25px;
	display: block;
	clear: both;
	margin-bottom: 10px;
	text-align: right;
}
 .newsfeed .posComent select {
	font-size: 10px;
}

 .newsfeed  .comItem  a.usu {
	width: 60px;
	float: left;
	text-align: center;
	display: block;
}
 .newsfeed .comItem .usu strong {
	font-size: 10px;
	font-weight: normal;
}

 .newsfeed  .comItem {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-bottom: 10px;
	position: relative;
	padding-bottom: 5px;
}
.newsfeed .comItem  span.fecha {
	display: block;
	text-align: right;
	color: #666666;
	font-size: 10px;
	clear: both;
	float: right;
	position: absolute;
	right: 0px;
	bottom: 3px;
}
.newsfeed    .comItem   em {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 60px;
	background-repeat: no-repeat;
	padding: 10px;
	clear: none;
	display: block;
}
  .newsfeed    .comItem   em.retante{
	background-color: #46B7C1;
	color: #FFFFFF;
	background-image: url(../images/com_retante.gif);
}
   .newsfeed    .comItem   em.retador{
	background-color: #F2F2F2;
	color: #333;
}
.newsfeed h3 {
	background-image: url(../images/newsfeed_icon.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-position: left center;
	clear: both;
	display: block;
	margin-bottom: 10px;
	font-size: 12px;
}
.puestoNum {
	background-image: url(../images/p.png);
	background-repeat: no-repeat;
	height: 18px;
	width: 20px;
	text-align: center;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	padding-top: 2px;
}
#advertencia{
	didplay:none;
	background-color: #E1F2F4;
	border: 1px solid #29D0DE;
	position: absolute;
	padding: 5px;
	color: #333;
	text-align: center;
	z-index: 1000;
	display: none;
	left: 5px;
	top: 0px;
	font-size: 11px;
	width: 98%;
}
.destinatarios {
	border: 1px solid #CCC;
	padding: 5px;
	width: 98%;
	list-style-type: none;
	margin-right: 0px;
	margin-left: 0px;
	position: relative;
}
.destinatarios li {
	width: auto;
	margin-left: 5px;
	display: block;
	float: left;
	padding: 3px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	background-color: #FFF;
	}
.destinatarios li a { color: #F00;}

.recomnedar {
	padding-top: 10px;
	padding-bottom: 10px;
}
.head .menu pre {
	position: absolute;
	color: #39A2AF;
	background-image: url(../images/sobre22.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 22px;
	line-height: 20px;
	top: -24px;
	right: 0px;
	font-size: 11px;
}
.popuplabuat {
	position: fixed;
	top: 60px;
	left: 50%;
	z-index: 1000;
	margin-left: -200px;
}