/* Estilo principal WEB */

html{
float:left;
position:relative;
width:100%;
height:100%;
margin:0;
padding:0;
}

body{
float:left; 
position:relative;
width:100%;
height:100%;
margin:0;
padding:0;
background:#e3e3e3;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999;
cursor:default;
}

/* WRAPPER MAESTRO */
div#wrapper{
position:relative;
width:998px;
height:auto;
margin:0 auto; 
padding:0;
}

div#container{
position:relative;
width:998px;
height:auto;
margin:0 auto; 
padding:0;
}

div#header{
float:left;
position:relative;
width:100%;
height:150px;
margin:0;
padding:0;
background:url(../img/top_bg.jpg) top left no-repeat;
}



div#contenedor{
float:left;
position:relative;
width:100%;
margin:0;
padding:0;
background:url(../img/bg.jpg) top left repeat-y;
}


div#formulario{
float:left;
position:relative;
width:100%;
height:426px;
margin:0;
padding:0;
background:url(../img/formulario.jpg) top center no-repeat;
z-index:99 !important;
}


div#botones{
float:left;
position:relative;
width:100%;
height:200px;
margin:15px 0 0 0;
padding:0;
}

	div#botones div{
	float:left;
	position:relative;
	width:317px;
	height:200px;
	margin:0 0 0 10px;
	padding:0;
	}

	div#botones div a{
	float:right;
	position:absolute;
	width:130px;
	height:37px;
	margin:0 0 0 0;
	padding:0;
	bottom:10px;
	right:10px;
	}


	div#botones div#web{
	background:url(../img/boton_web.jpg) top left no-repeat;
	}


	div#botones div#blog{
	background:url(../img/boton_blog.jpg) top left no-repeat;
	}

	div#botones div#contacto{
	background:url(../img/boton_contacto.jpg) top left no-repeat;
	}


div#footer{
float:left;
position:relative;
width:100%;
height:187px;
margin:0;
padding:0;
background:url(../img/pie.jpg) top left no-repeat;
}	

div#footer div#piatic{
float:left;
position:absolute;
width:145px;
height:170px;
margin:0;
padding:0;
left:425px;
top:50px;
}		

div#footer div#aviso{
float:left;
position:relative;
width:214px;
margin:30px 0 0 25px;
padding:0;
}		


div#footer div#aviso p{
line-height:8px;
color:#333;
}		


div#footer div#aviso p a{
color:#333;
text-decoration:none;
font-weight:bold;
}		
	
div#footer div#aviso p a:hover{
text-decoration:underline;
}		

/*------------------------------------------------------------------------------*/

div#logotipo{
float:left;
position:absolute;
width:274px;
height:113px;
top:38px;
left:105px;
margin:0;
padding:0;
}



div#logotipo a{
float:left;
position:relative;
width:100%;
height:100%;
margin:0;
padding:0;
}



div#social{
float:right;
position:absolute;
width:424px;
height:145px;
bottom:0;
right:35px;
margin:0;
padding:0;
}

	div#social a{
	float:left;
	position:relative;
	width:54px;
	height:70px;
	margin:50px 0 0 15px;
	padding:0;
	}


/* FORMULARIO */

div#mega{
position:absolute;
width:199px;
height:69px;
margin:0;
padding:0;
left:156px;
bottom:12px;
}


a#encontrar{
float:left;
position:relative;
width:199px;
height:69px;
background:url(../img/boton.png) top left no-repeat;
border:none;
}


a#encontrar:hover{
background:url(../img/boton_color.png) top left no-repeat;
cursor:pointer;
}




form#busca{
float:left;
position:relative;
width:275px;
height:auto;
margin:15px 0 0 115px;
padding:0;
font-size:12px;
}


form#busca label{
float:left;
position:relative;
width:115px;
height:auto;
margin:17px 0 0 0;
padding:2px 0 0 0;
color:#000;
}


form#busca input,select{
float:left;
position:relative;
width:150px;
height:auto;
margin:17px 0 0 0;
padding:0;
background-color:#fff;
border:1px solid #000;
color:#999;
font-size:12px;

}



form#busca label#especial{
float:left;
position:relative;
width:100%;
height:auto;
margin:17px 0 0 0;
padding:0;
color:#000;
}


form#busca input:hover,form#busca select:hover{
border:1px solid #999;
color:#000;
}
form#busca input.peque{width:auto !important;text-align:center;}


form#busca input.check{width:auto !important; margin-left:8px;}

form#busca select#edad_uno{width:55px !important;text-align:center; }
form#busca select#edad_dos{width:55px !important;text-align:center; }
form#busca select#mi_edad{width:55px !important; text-align:center;}
form#busca div#linea{float:left;position:relative;width:100%;height:1px;border-bottom:1px solid #ccc;padding:0;margin:15px 0 0 0;}


form#busca label.letra{
position:relative;
width:30px;
height:auto;
color:#000;
text-align:center;
font-weight:bold;
}


form#busca div.caja{float:left;position:relative;width:100%;padding:0;margin:0 0 0 0;}


label.interes{
float:left;
position:relative;
width:100%;
padding:0 !important;
margin:8px 0 0 0 !important;
}


input.interes{
float:left;
position:relative;
padding:0;
margin:1px 0 0 0 !important;
width:10px !important;
}


/* FICHAS */
div#superwrapper{
position:relative;
width:841px;
height:auto;
margin:25px auto 0 auto;
padding:4px;
z-index:50 !important;
}




div.ficha{
float:left;
position:relative;
margin:25px 0 0 0;
width:100%;
padding:0;
background-color:none;
border:none;
}

div.tab_hombre{
float:left;
position:relative;
margin:0 0 0 0;
width:100%;
height:182px;
padding:0;
background:url(../img/ficha-hombre.jpg) top left no-repeat;
border:none;
}

div.tab_mujer{
float:left;
position:relative;
margin:0 0 0 0;
width:100%;
height:182px;
padding:0;
background:url(../img/ficha-mujer.jpg) top left no-repeat;
border:none;
}


div.tab_conocer{
float:left;
position:relative;
margin:0 0 0 0;
width:100%;
height:426px;
padding:0;
background:url(../img/ficha-conocer.jpg) top left no-repeat;
border:none;
}


.tab_perfil{
float:left;
position:relative;
margin:0 0 0 0;
width:100%;
height:426px;
padding:0;
background:url(../img/ficha-perfil.jpg) top left no-repeat;
border:none;
}

div.perfil_normal{
float:left;
position:relative;
margin:0 0 0 0;
width:100%;
height:182px;
padding:0;
background:url(../img/ficha-perfil-normal.jpg) top left no-repeat;
border:none;
}



ul.tabbernav{
 margin:0;
 padding: 3px 0;
}

ul.tabbernav li
{
list-style: none;
margin: 0;
display: inline;
float:left;
position:relative;
width:80px;
height:25px;
background:url(../img/tab-off.jpg) bottom left no-repeat;
margin-left:15px;
}

ul.tabbernav li a
{
float:left;
position:relative;
width:100%;
background:none;
margin:8px 0 0 0;
padding:0;
text-align:center;
color:#225f79;
text-decoration:none;
font-weight:bold;
}

ul.tabbernav li a:hover
{
 color: #454545;
 text-decoration:underline;
}

ul.tabbernav li.tabberactive
{
float:left;
position:relative;
width:80px;
height:25px;
background:url(../img/tab-on.jpg) bottom left no-repeat;
}

ul.tabbernav li.tabberactive a
{
float:left;
position:relative;
width:100%;
background:none;
margin:8px 0 0 0;
padding:0;
text-align:center;
color:#454545;
}


ul.tabbernav li.tabberactive a:hover
{
 color: #225f79;
  text-decoration:underline;

}

.tabberlive .tabbertabhide {
 display:none;
}


.tabberlive .tabbertab {
 padding:0;
 border-top:0;
}

.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

.tabbertab div{
float:left;
position:relative;
margin:0;
padding:2%;
font-weight:bold;
color:#454545;
}

.tabbertab div p{
font-weight:normal;
}

p#resultados{
margin:0;padding:0;
color:#0099CC;
text-align:left;
font-size:16px;
font-weight:bold;
}

p#no-resultados{
margin:0;padding:0;
color:#990000;
text-align:left;
font-size:16px;
font-weight:bold;
}


div.botones{
float:none;
position:relative;
width:225px;
height:50px;
margin:10px auto 0 auto;
padding:0 0 0 0;
}


div.botones p{
font-weight:bold;
color:#0099CC;
}

div.botones div.conocer{
float:left;
position:relative;
width:100px;
height:35px;
margin:0;
padding:0;
background:url(../img/aceptar.png) top left no-repeat;
}


div.botones div.cancelar{
float:left;
position:relative;
width:100px;
height:35px;
margin:0 0 0 25px;
padding:0;
background:url(../img/cancelar.png) top left no-repeat;
}


div#clear_fix{
float:left;
position:relative;
width:100%;
height:25px;
margin:0;
padding:0;
}

span.gris{color:#999999;}
span.verde{color:#0066CC;}
span.rojo{color:#009933;}


/* REGISTRO */

form.registros{
float:left;
position:relative;
width:350px;
height:auto;
margin:0 0 0 0;
padding:0;
font-size:12px;
}


form.registros label{
float:left;
position:relative;
width:115px;
height:auto;
margin:12px 0 0 0;
padding:2px 0 0 0;
color:#000;
}


form.registros input{
float:left;
position:relative;
width:150px;
height:auto;
margin:12px 0 0 0;
padding:0;
background-color:#fff;
border:1px solid #000;
color:#999;
font-size:12px;
}


form.registros input:hover{
border:1px solid #999;
color:#000;
}

/* MENSAJE DE ALTA */

div#mensaje_alta{
float:left;
position:relative;
margin:25px 0 20px 85px; 
width:841px;
padding:0;
height:183px;
background:url(../img/alta.jpg) top left no-repeat;
}

div#mensaje_alta p{
padding:10px;
color:#454545;
font-weight:bold;
text-align:center;
}

div#mensaje_alta p span{
color:#333;
}


div#mensaje_alta a{
color:#333;
}


/*PERFILES*/

ul.perfil{
float:left;position:relative;font-weight:normal;width:375px;margin:0;padding:0;
}


ul.perfil li{
float:left;position:relative;font-weight:normal;width:100%;margin:5px 0 0 15px;padding:0;
}
 
 
ul.perfil span{
color:#0099CC;margin:0;padding:0;font-weight:bold;
}


div#avanzado{
float:left;position:relative;font-weight:normal;width:100%;margin:10px 0 0 0;padding:0;
}


div#avanzado span{
color:#0099CC;margin:0;padding:0;font-weight:bold;
}


div#avanzado table{
float:left;position:relative;font-weight:normal;width:100%;margin:7px 0 0 0;padding:0;border:none;
}


div#avanzado table tr{
float:left;
position:relative;
width:185px;
margin:0 0 0 15px;
padding:0;
border-right:1px solid #999;
}


div#avanzado table tr td{
float:left;
position:relative;
width:100%;
margin:3px 0 0 0;
padding:0;
}


div#avanzado table span.texto{
float:left;
position:relative;
width:95px;
height:17px;
margin:0;
padding:0;
color:#454545;
}

div#avanzado table span.puntos_1{
float:left;
position:relative;
width:80px;
height:17px;
margin:0;
padding:0;
background:url(../img/stars_1.png) top left no-repeat;
}


div#avanzado table span.puntos_2{
float:left;
position:relative;
width:80px;
height:17px;
margin:0;
padding:0;
background:url(../img/stars_2.png) top left no-repeat;
}


div#avanzado table span.puntos_3{
float:left;
position:relative;
width:80px;
height:17px;
margin:0;
padding:0;
background:url(../img/stars_3.png) top left no-repeat;
}


div#avanzado table span.puntos_4{
float:left;
position:relative;
width:80px;
height:17px;
margin:0;
padding:0;
background:url(../img/stars_4.png) top left no-repeat;
}


div#avanzado table span.puntos_5{
float:left;
position:relative;
width:80px;
height:17px;
margin:0;
padding:0;
background:url(../img/stars_5.png) top left no-repeat;
}


ul#presentacion{
float:left;position:relative;font-weight:normal;width:100%;margin:20px 0 0 0;padding:0;
}


ul#presentacion  li{
float:left;position:relative;font-weight:normal;width:95%;margin:8px 0 0 15px;padding:0;
}

ul#presentacion span{
color:#0099CC;margin:0;padding:0;font-weight:bold;
}


div.cien{float:left;position:relative;width:100%;mnargin:0 0 0 0;padding:0;}

div.tab_conocer div div.buttons{float:left;position:relative;width:100% !important;margin:35px 0 0 -8px !important;padding:0;}