/* --- Sexy MSN - CSS --- */
*{
	margin:0;
	padding:0;
	border:0;
	outline:0;
}
body {
	margin:0;
	padding:0;
	/* background:#ffffff url(images/bg.jpg) top center repeat-x; */
	font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, Tahoma, Helvetica, sans-serif;
	color:#747474;
	font-size:12px;
}
.clear {clear:both; font-size:1px; height:0px; }
p{ font-size:13px; }
a{ color:#0081c3; }
a:hover{ color:#fc429d; }
/* --- Títulos --- */
h1{ display:none; }
h3{
	margin:25px 0;
	text-align:center;
	font-size:24px;
}
/* --- Wrapper --- */
#wrapper{
	width:100%;
}
#header{
	width:100%;
	height:88px;
	margin:0 auto;
	background: url(images/bg-header.gif) top left repeat-x;
	display:block;
}
#header_in{
	width:900px;
	height:88px;
	margin:0 auto;
	display:block;
}
#header .logo{
	width:317px;
	height:68px;
	float:left;
	margin:0 0 0 16px;
	background: url(images/logo.gif) top left no-repeat;
	display:block;
}
#header .logo a{
	width:317px;
	height:68px;
	display:block;
	text-indent:-9999px;
}
/* --- Menu --- */
ul#menu{
	width:340px;
	float:right;
	margin:36px 0 0;
	text-align:right;
}
ul#menu , ul#menu li { list-style: none; }
ul#menu li { float:left; }
ul#menu li a {
	height:25px;
	padding:5px 10px 0 7px;
	font-size:16px;
	display: block;
	text-decoration: none;
	color:#0d7cc3;
	font-weight:bold;
	letter-spacing:1px;
	margin:0 12px;
}
ul#menu li a span{
	background: none;
	display:block;
	margin:-5px 0 0 -10px;
	position:relative;
	float:left;
	height:30px;
	width:6px;
}
ul#menu li a:hover span{
	background:#ebebeb url(images/menu-left.gif) top left no-repeat;
}
ul#menu li a:hover{
	background: url(images/menu-right.gif) top right no-repeat;
}
ul#menu li a.actual{
	text-decoration: none;
	color:#fff;
	background:#0d7cc3 url(images/menu-right.gif) bottom right no-repeat;
	cursor:default;
}
ul#menu li a.actual span{
	background:#0d7cc3 url(images/menu-left.gif) bottom left no-repeat;
}
/* --- Body --- */
.body-home{
	background:#f3f3f3;
}
#content-home{
	width:100%;
	margin:0 auto;
	background:url(images/bg-body-home.gif) top center repeat-x;
	overflow:hidden;
	clear:both;
}
#banner{
	width:100%;
	height:324px;
	background:#36afe7 url(images/bg-banner.gif) top center repeat-x;
	overflow:hidden;
	clear:both;
	color:#FFFFFF;
}
#banner_in{
	width:950px;
	margin:0 auto;
	height:324px;
	background:url(images/banner.jpg) top right no-repeat;
	overflow:hidden;
	position:relative;
	z-index:2;
}
#banner_in .badge{
	margin:25px 50px 0 0;
	width:103px;
	position:relative;
	float:right;
	height:103px;
	text-indent:-9999px;
	z-index:3;
}
#banner_in .bannertitle{
	margin:41px 0 0 25px;
}
#banner_in .text{
	margin:15px 0 21px 43px;
	font-size:18px;
	width:433px;
}
#banner_in a.dlbutton{
	width:295px;
	height:74px;
	margin:0 0 5px 105px;
	clear:both;
	display:block;
	background:url(images/dl-button.jpg) top center no-repeat;
	text-indent:-9999px;
}
#banner_in #flash{
	width:430px;
	height:324px;
	margin:0 0 0 5px;
	position:absolute;
	left:50%;
	top:0;
	display:block;
	z-index:0;
}
#banner #flashbg{
	width:569px;
	height:324px;
	margin:88px 0 0 -97px;
	position:absolute;
	left:50%;
	top:0;
	display:block;
	z-index:0;
}
#banner_in a:hover.dlbutton{
	background-position: bottom center;
}
#banner_in .txtsmall{
	font-size:11px;
	margin:0 0 0 115px;
}
/* --- Footer --- */
#footer {
	height:50px;
	width:640px;
	margin:0 auto;
	padding:20px 0 0;
	text-align:center;
	display:block;
	clear:both;
}
#footer p{
	font-size:11px;
	color:#353535;
	padding:0 0 3px;
}
#footer a{
	font-size:11px;
	margin:0 10px;
	text-decoration:none;
}
/* --- BOX - blue --- */
#box {
	background: transparent;
	margin:20px auto;
	width:870px;
	text-align:center:
}
#box .boxcontent {
	display:block;
	background:#fff;
	border:0 solid #5898c4;
	border-width:0 1px;
	padding:18px;
	overflow:hidden;
}
#box .b-top, #box .b-bottom {
	display:block;
	background:transparent;
	font-size:1px;
}
#box .b-b1, #box .b-b2, #box .b-b3, #box .b-b4 {
	display:block;
	overflow:hidden;
	font-size:1px;
}
#box .b-b1, #box .b-b2, #box .b-b3 {
	height:1px;
	font-size:1px;
}
#box .b-b2, #box .b-b3, #box .b-b4 {
	background:#fff;
	border-left:1px solid #5898c4;
	border-right:1px solid #5898c4;
}
#box .b-b1 { margin:0 5px; background:#5898c4; }
#box .b-b2 { margin:0 3px; border-width:0 2px; }
#box .b-b3 { margin:0 2px; }
#box .b-b4 { height:2px; margin:0 1px; }

#box h2 {
	text-align:center;
	color:#FFFFFF;
	font-size:18px;
	padding:6px;
	margin:0 0 20px;
	background:url(images/bg-h2.gif) top center no-repeat;
}
/* --- BOX - inside --- */
.boxleft{
	width:419px;
	overflow:hidden;
	background:url(images/line.gif) top right no-repeat;
	float:left;
}
.boxright{
	width:380px;
	overflow:hidden;
	float:left;
	margin:0 0 0 30px;
}
.boxleft p, .boxright p{
	font-size:20px;
	margin: 10px 0 0 10px;
}
.boxleft span, .boxright span{
	color:#076fab;
}
/* --- BOX - pink --- */
#boxpink {
	background: transparent;
	margin:20px auto;
	width:870px;
	text-align:center:
}
#boxpink .boxcontent {
	display:block;
	background:#fff url(images/bg-boxpink.gif) top right no-repeat;
	border:0 solid #e278af;
	border-width:0 1px;
	padding:18px;
	overflow:hidden;
}
#boxpink .b-top, #boxpink .b-bottom {
	display:block;
	background:transparent;
	font-size:1px;
}
#boxpink .b-b1, #boxpink .b-b2, #boxpink .b-b3, #boxpink .b-b4 {
	display:block;
	overflow:hidden;
	font-size:1px;
}
#boxpink .b-b1, #boxpink .b-b2, #boxpink .b-b3 {
	height:1px;
	font-size:1px;
}
#boxpink .b-b2, #boxpink .b-b3, #boxpink .b-b4 {
	background:#fff;
	border-left:1px solid #e278af;
	border-right:1px solid #e278af;
}
#boxpink .b-b1 { margin:0 5px; background:#e278af; }
#boxpink .b-b2 { margin:0 3px; border-width:0 2px; }
#boxpink .b-b3 { margin:0 2px; }
#boxpink .b-b4 { height:2px; margin:0 1px; }

#boxpink h2 {
	text-align:center;
	color:#202020;
	font-size:18px;
	margin:0 0 20px;
}
#boxpink h2 span{
	color:#0b87c7;
	text-decoration:underline;
}
#boxpink .viewmore-btn{
	width:155px;
	height:30px;
	float:right;
	display:block;
	margin:15px 15px 0 0;
	clear:both;
	background:url(images/btn-vertodos.gif) top center no-repeat;
	text-indent:-9999px;
}
/* --- Avatar box --- */
#boxpink .avatarbox{
	width:96px;
	height:130px;
	float:left;
	text-align:center;
	margin:0 4px;
}
#boxpink .avatarbox a img{
	border:1px solid #e278af;
	padding:2px;
	margin:0 0 10px;
}
#boxpink .avatarbox a:hover img{
	border:1px solid #f40157;
}
#boxpink .avatarbox a{
	font-size:12px;
	color:#f40157;
	clear:both;
	text-decoration:none;
	font-weight:bold;
}
#boxpink .avatarbox a:hover{
	color:#e278af;
	text-decoration: underline;
}
/* --- Descarga--- */
#content{
	width:100%;
	margin:0 auto;
	background:url(images/bg-content.gif) top center repeat-x;
	overflow:hidden;
	clear:both;
}
#content-in{
	width:870px;
	margin:40px auto 0;
	overflow:hidden;
	clear:both;
}
#content-in h2{
	font-size:24px;
	color:#303030;
	position:relative;
	z-index:2;
}
#content-in h3{
	font-size:14px;
	color:#076fab;
	font-weight:bold;
	text-align:left;
	padding:15px 0 0;
	margin: 0;
}
#content-in .txt-descargas ul{
	list-style:inside;
	padding:0;
	margin:10px 0 0;
}
#content-in .txt-descargas ul li{
	font-size:11px;
	margin:5px 0;
	color:#6fc7f0;
}
#content-in .txt-descargas ul li span{
	color:#353535;
}
#content-in .txt-descargas{
	width:379px;
	height:500px;
	display:block;
	float:left;
	margin:20px 0;
	overflow:hidden;
	position:relative;
	z-index:2px;
	color:#353535;
	background:url(images/descargas-bg.jpg) top center no-repeat;
}
#content-in .txt-descargas p{
	margin:0 0 15px;
}
#content-in .img-descargas{
	width:472px;
	height:548px;
	display:block;
	float:right;
	z-index:1;
	margin:-20px 0;
	overflow:hidden;
	position:relative;
	background:url(images/descargas-collage.jpg) top center no-repeat;
}
/* --- FAQ --- */
#content-in .txt-faq {
	padding:20px 0 40px;
}
#content-in .txt-faq h3.category_close {
	background:url(images/faq-bullet.gif) no-repeat left top;
	padding:0 0 0 13px;
	cursor:pointer;
}
#content-in .txt-faq h3.category_open {
	background:url(images/faq-bullet2.gif) no-repeat left top;
	padding:0 0 0 13px;
	cursor:pointer;
}
#content-in .txt-faq div.category_open .fields, .formBox div.category_close .fields {
	margin-right:-3px;
}
#content-in .txt-faq div.category_open .fields {
	margin-bottom:5px;
}
#content-in .txt-faq h3 {
	color:#076fab;
	margin-bottom:6px;
	font-weight:bold;
	font-size:15px;
}
#content-in .txt-faq .hidden_jsonly, #content-in .txt-faq div.submit_hidden, #content-in .txt-faq div.category_close .fields, #content-in .txt-faq #crop_form .row {
	display:none;
}
#content-in .txt-faq .block_jsonly {
	display:block;
}
#content-in .txt-faq div.qa h3 {
	cursor:pointer;
	margin-bottom:10px;
	clear:left;
}
#content-in .txt-faq div.qa div.a {
	display:none;
	padding:5px 40px 20px;
}

/* images in faq */
#content-in .txt-faq div.qa img { float:left; margin:0px 10px 10px; border:1px solid #BBDDE4; padding:2px;}

#content-in .txt-faq ul #content-in .txt-faq ol{
	list-style: none;
	font-size:12px;
}
#content-in .txt-faq li{
	font-size:12px;
	list-style: none;
}
#content-in .txt-faq li a{
	text-decoration:none;
}
#content-in .txt-faq li p{
	font-size:12px;
	color:#353535;
	font-weight: normal;
}
/* --- Buscador --- */
#content-buscador{
	width:920px;
	margin:20px auto 0;
	overflow:hidden;
	clear:both;
}
.buscador{
	float:left; 
	overflow:hidden;
	clear:both;
	padding:10px 15px;
width:213px;
	background:#dfdfdf url('images/search-gradient.jpg') repeat-x left bottom;
	border:1px solid #dfdfdf;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#busqueda-resultados { float:left;
width:660px;}

.buscador label { display:block; margin:5px 0px;}
.buscador label span { font-weight:bold; }
input[type="radio"] { margin:5px 4px 5px 3px; }
.buscador form{
	margin:5px 0 0 ;
}
.buscador form select { border:1px solid #CCC;} 
.buscador .buscar{
	padding:10px 0 0;
}
.buscador .buscar a{
	float:left;
}
.busqueda, .busqueda-alt{
float:left;
	width:640px;
	height:110px;
	padding:14px 0 0px 15px;
	margin-left:15px;
	overflow:hidden;
	display:block;
}
span.connected { color:#00b20d;}
.busqueda-alt{ background-color:#f9f9f9; }
#content-buscador .num{
	width:35px;
	display:block;
	height:55px;
	border:none;
	float:left;
	font-size:20px;
	font-weight:bold;
	color:#303030;
	margin-top:30px;
}
#content-buscador img.avatar{
	width:92px;
	height:92px;
	border:2px solid #8ccfdc;
	display:block;
	float:left;
}
#content-buscador img.avatar.mujer { border:2px solid #FC429D; }
#content-buscador .texto{
	width:498px;
	height:55px;
	padding:5px 0 0 10px;
	border:none;
	display:block;
	float:left;
	color:#303030;
	line-height:19px;
}
#content-buscador .estado{
	color:#008dff;
}
#content-buscador .botones{
	width:220px;
	padding:9px 0 0 2px;
	border:none;
	float:left;
}
#content-buscador .botones a{
	border:none;
	margin:0 7px 0;
	float:left;
}
#content-buscador .botones a.msg_btn
{
background:url("/images/btn-mensaje.gif") no-repeat scroll left top transparent;
font-weight:bold;
padding:2px 11px;
}

#content-buscador .paginador{
	border:none;
	display:block;
	width:620px;
	margin:22px 12px;
	padding:0 0 22px;
}
#content-buscador .paginador a{
	margin:0 6px 0;
	color:#008dff;
	float:left;
}
#content-buscador .paginador a:hover{
	color:#fc429d;
}
#content-buscador .paginador a.nolink{
	color:#303030;
	cursor: default;
	text-decoration:none;
}
#content-buscador .paginador a.nolink:hover{
	color:#303030;
}
/* --- Perfil --- */
#content-perfil{
	width:838px;
	margin:20px auto 0;
	overflow:hidden;
	clear:both;
}
#content-perfil .barra{
	width:830px;
	height:20px;
	padding:3px;
	margin:16px auto 25px;
	display:block;
	text-align:center;
	background:url(images/barra.gif) top center no-repeat;
	color:#303030;
}
#content-perfil .barra a{
	color:#FFFFFF;
}
#content-perfil .barra a:hover{
	color:#303030;
}
/* --- Perfil FOTOS --- */
#fotos{
	width:270px;
	overflow: hidden;
	float:left;
}
#fotos .big{
	clear:both;
	float:none;
}
#fotos .big img, #fotos a img{
	border:1px solid #70a6cc;
}
#fotos a:hover img{
	border:1px solid #008dff;
}
#fotos a img{
	width:46px;
	height:46px;
	margin:0 6px 16px 0;
	float:left;	
}
/* --- Perfil INFO --- */
#perfil-info{
	width:546px;
	margin:0 0 0 20px;
	float:left;
}
#perfil-info h3{
	color:#303030;
	font-size:17px;
	font-weight:bold;
	display:block;
	text-align:left;
	padding:0 0 15px;
	margin:0;
}
#perfil-info p.gustos{
	color:#303030;
	font-size:15px;
	font-weight: normal;
	display:block;
	text-align:left;
	padding:0 0 15px;
	margin:0;
}
#perfil-info p.gustos span{
	font-weight:bold;
}
#perfil-info .agregar{
	background:#ebebeb url(images/nick-derecha.gif) top right no-repeat;
	height:30px;
	color:#076fab;
	font-weight: bold;
	width:100%;
	font-size:15px;
}
#perfil-info .agregar span.borde {
	background:url(images/nick-izquierda.gif) top center no-repeat;
	width:13px;
	height:30px;
	display:block;
	float:left;
}
#perfil-info .agregar span.nick {
	font-weight:normal;
	padding:5px 0 0 10px;
	float:left;
}
#perfil-info .agregar span.txt{
	padding:5px 0 0;
	float:left;
}
#perfil-info img.ejemplo{
	float:right;
}
#perfil-info h4{
	color:#076fab;
	font-size:14px;
	font-weight:bold;
	clear:both;
	display:block;
	text-align:left;
	padding:0 0 7px;
	margin:0;
}
/* --- Tabla Datos --- */
#info {
	margin:5px 0 20px;
}
#info p{
	border-bottom:1px solid #70a6cc;
	width:250px;
	display:block;
	color:#076fab;
	clear:both;
	padding:3px 8px;
}
#info p span{
	text-align:right;
	float:right;
	color:#303030;
	font-weight:bold;
}
/* --- Perfil Conectados --- */
#boxconectados {
	margin:0 auto 20px;
	padding:40px 0 0;
	width:838px;
	text-align:center;
	overflow:hidden;
	clear:both;
}
#boxconectados h2 {
	text-align:center;
	color:#202020;
	font-size:18px;
	margin:0 0 20px;
}
#boxconectados h2 span{
	color:#0b87c7;
	text-decoration:underline;
}
/* --- Perfil Avatar box - Conectados --- */
#boxconectados .avatarbox{
	width:96px;
	height:130px;
	float:left;
	text-align:center;
	margin:0 4px;
}
#boxconectados .avatarbox a img{
	border:1px solid #e278af;
	padding:2px;
	margin:0 0 10px;
}
#boxconectados .avatarbox a:hover img{
	border:1px solid #f40157;
}
#boxconectados .avatarbox a{
	font-size:12px;
	color:#f40157;
	clear:both;
	text-decoration:none;
	font-weight:bold;
}
#boxconectados .avatarbox a:hover{
	color:#e278af;
	text-decoration: underline;
}

p.buscar input { background-color:#ECE9D8;
border:1px outset #ECE9D8;
padding:1px 2px;
}

/* search popup */
#popup { border:3px solid #83c7ff; -moz-border-radius:5px; -webkit-border-radius:5px; width:360px; padding:10px; background-color:#FFF; line-height:22px; color:#000;}
#popup h2 { font-family:"Trebuchet MS", Verdana, arial, sans-serif; font-weight:bold; font-size:20px; color:#000;}
#popup h2 strong { color:#e4197f;}

#popup ul { margin-top:10px;} 
#popup li { list-style-position:inside; background:url(circulo-azul.gif) no-repeat left top; list-style-type:none; padding:2px 2px 2px 7px; font-size:16px; font-weight:bold; }
#popup li strong { font-weight:bold; padding-right:15px; font-size:20px;}
#popup .descarga { margin:10px 0 15px 40px; font-size:11px; line-height:17px; color:#5f5f5f;}
#popup .descarga a { float:left; margin-right:10px;}

#popup .user-box {  margin:10px 0 15px 40px; font-size:14px;}
#popup .user-box img.avatar {  border:2px solid #83c7ff; float:left; margin-right:10px;} 
#popup .user-box input { border:1px solid #8b8b8b; font-size:16px; font-weight:bold;}
#popup .user-box  div { margin-top:15px; float:left;}

/* nuevos titulos para perfil */
h5.send-message { margin-top:15px; color:#303030; font-size:17px; }
h5.send-message a { color:#0173ae; font-size:16px; font-weight:bold; background: url('images/send-big.jpg') no-repeat left top; padding:5px 13px; text-decoration:none;}