
/* DEFINICIÓN DE LOS ESTILOS GENERALES Y RESET DE ESTILOS */

*{padding: 0; margin: 0;}

img{ border: 0;}

ul { list-style: none; padding: 0; margin: 0; display:block; }

 
a{ text-decoration: none; color: #434343; font-family: Poppins; }
a:hover{ text-decoration:underline; }

body{ font-family: Poppins; font-size: 12px; color:#434343; }

.cubre{ position:fixed; width:100%; height:100%; background:#FFF; opacity:0.95; left:0; top:0; z-index:1000; }

/* DEFINICIÓN DE CLASES GENERALES */

.rojo { color:red; }
.negrita { font-weight:600; }
.clear{ clear:both; }
.rosa{color: #D30061;}
.separador{height:25px;}
.azul{color: #10848F;}
.hidden{ display:none; }
.izq{float:left;}
.dcha{float:right;}

.subtitulo{font-size:14px;margin-top:-5px;background:none;padding-top:0px;color:#454545;}
.google1{ float:left; width:340px; height:280px;margin:20px;}

.publi_large{ float:left; width:100%; height:100px; }
.publi_alto{ float:left; width:160px; height:600px; margin:10px 0px 0 10px; }
.publi_listado{ float:right; width:728px; height:90px; background:#CCC; margin:20px 0; }

.boton-publicar{ float:left; width:1024px; text-align:left; margin-top:20px; font-size:20px;margin-left:400px; }
.boton-publicar a{ display:block; width:100%; height:37px; padding:15px 0 0 0; color:#7c7c7d; background:url('publicar_anuncio.png') no-repeat 390px 0; }


/* Header */


.loguear{width:100%;height:35px;background-color:#292929;color:#fff;position:fixed;top:0px;z-index:100;}

.loguear_int{width: 1024px; text-align:right; margin:0px auto;}

.loguear_int ul{ float:right; font-size:1em; font-weight:bold;margin-top:3px; }
.loguear_int li{ float:left; padding:7px 10px 7px 0; }
.loguear_int li a{color:#fff}
.loguear_int li a:hover{text-decoration:none;color:#D41467;}

.favoritos{border-right:1px solid #fff;padding-right:10px;margin-right:10px;background:url('star_full.png') no-repeat;}


.redes{ position:fixed; right:0; width:80px; text-align:center; top:250px; padding-top:20px; border-radius:5px 0px 0px 5px; border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #ccc; box-shadow:#ccc 0px 0px 10px; background:#FFF; }
.redes li{ display:block; float:left; width:100%; margin:0 0 10px 0; }




.login{float:right;clear:both;height:15px; margin:-20px 8px 0 0; text-align:center; width:236px; }
.login a {color:#D30061;}
.login_ficha{float:right;height:15px;margin-top:-10px;margin-right:100px;}
.login_ficha a {color:#D30061;}




.informacion{ border-top:2px solid #d30061; padding:20px 0 0 0;  }





/* Sidebar */
 


/* Navegacion */



/* Contenidos */



.directorio{ float:left; width:635px; margin:0 0 20px 20px; min-height:560px; }
.directorio ul{ float:left; width:100%; margin:20px 0 0 10px; }

.directorio ul li{ float:left; width:300px; padding:0 20px 0 0; }
.directorio ul li>a{ color:#d30061; font-size:14px; }
.directorio ul li p{ padding:5px 0 20px 0; }

.facebook{ float:left; }
.aplicacion_movil{ float:left; max-width:620px; margin:20px 0px 20px 40px;}
.aplicacion_movil img{margin:20px}

.bloque_publi_txt{width:330px;padding:20px 10px;float:left;}

.provincias{width:330px;padding:40px 10px;float:left;}

.provincias ul{ float:left; width:100%; margin:20px 13px 0 0; }
.provincias ul{float:left; width:100%; background:#faf9f9; margin:10px 0 20px 0;}
.provincias ul{margin:0px 0 0 0; display:block;border-top:1px solid #E2E2E2;border-left:1px solid #E2E2E2;border-right:1px solid #E2E2E2;}
.provincias ul li{ float:left; width:100px; padding:5px 0 0 0; }
.provincias ul li a{ color:#434343; }
.provincias ul li a:hover, .provincias ul .current a{ color:#d30061; }
.provincias ul li{ padding:5px; border-bottom:1px solid #E2E2E2;}
.provincias ul li a{ color:#d30061; font-weight:bold;}


.listado{ float:left; max-width:660px; margin-left:10px;margin-top:10px; }

.listado h2{ margin-bottom:10px; }

.listado .entradilla{ font-size:1.1em; font-style: italic; padding:0 20px 10px 20px; }

.listado .item{ float:left; width:100%; background:#faf9f9;}
.listado .item-par{ background:#f0f0f0; }

.listado .item .eliminar{ margin:6px 0 0 645px; position:absolute; cursor:pointer; }

@-moz-document url-prefix() {  .listado .item .eliminar{ margin:6px 0 0 -10px;  } }

.listado .item .imagen{ float:left; width:120px; text-align:center; line-height:100px; }
.listado .item .imagen img{ vertical-align:middle; }

.listado .item .info{ float:left; width:380px; height:100%; }
.listado .item .info .categoria{ float:left; width:100%; padding:5px 0 0 0; color:#10848F; }
.listado .item .info .categoria a{ color:#d30061; }

.listado .item .info h3{ float:left; width:100%; padding:5px 0 0 0; font-size:14px; }
.listado .item .info h3 a{ color:#d30061; }

.listado .item .info .descripcion{ float:left; width:100%; padding:6px 0 0 0; }

.listado .item .info2{ float:left; width:210px; padding:0px 0 0 10px; height:100%; }
.listado .item .info2 p:first-child{ color:#10848F; padding:5px 0 5px 0; }

.listado .item .info2 ul{ padding-top:5px; }

.listado .item .info3{ float:left; width:145px; padding:0px 0 0 10px; height:100%; }
.listado .item .info3 p.tit{ color:#10848F; padding:5px 0 5px 0; }

.listado #prov_listado{  float:right; margin:0 0 10px 0; }

.listado #tipo_oferta{ width:280px; float:right; margin:0 10px 10px 0;  }

.paginado{ float:left; width:100%; margin:25px 0 30px 0; }
.paginado li{ display:inline; line-height:26px; padding:3px 0;  }
.paginado li a{ color:#000; padding:3px 6px; background:#d9d9d9; }
.paginado li a:hover{text-decoration:none;}

.paginado .current a, .paginado a:hover{ background:#d30061; color:#FFF; }

.paginado li{ display:block; float:left; margin:0 5px 0 0; }


.pest_lista{ float:left; height:30px; }
.pest_lista li{float:left; text-align:center; padding-right:5px;}

.pest_lista li a{float:left; display:block; padding:7px 10px;  border-radius:3px 3px 0 0; font-weight:bold;font-size:12px;color:#454545; border:1px solid #ccc;}

.pest_lista li a:hover{color:#d30061;text-decoration:none;}

.pest_lista li a.current{background:#454545;color:#fff;border:1px solid #454545}

.borde-pest{clear:both; height:1px;width:100%;border-top:2px solid #454545;}
 
 
 




.agregar-favorito, .propuesta{ cursor:pointer; }

.denunciar_anuncio{ height:220px; }

/* Registro */

 
 

 .registro_panel td{ height:20px; }

.lista_categorias{ float:left; margin:10px 0 0 100px; }
.lista_categorias ul{ float:left; margin:4px 0 2px 20px; width:100%; }
.lista_categorias ul li{ float:left; width:100%; margin-bottom:4px; }


.sidebar_panel{ margin-top:34px; }

.lista_modificar{ background:#faf9f9; padding:5px; width:100%; border-bottom:1px solid #D30061; }
.lista_modificar .tit{ padding:3px 0px; display:block; font-weight:bold }
.lista_modificar .fecha{ margin-bottom:15px; display:block; }

.lista_modificar .boton1{ margin-bottom:10px;display:block; }

.categorias_dest{ float:left; }
.categorias_dest > li{ float:left; width:300px; padding:30px 0 0 15px; }
.categorias_dest > li > a{ color:#000; color: #D30061;
    display: block;
    width: 100%;
    font-weight: bold;
    font-size: 1.2em; color:#D30061; }

.categorias_dest li{ float:left; padding-right:4px; }

.cats_principal{ padding:0 0 0 40px }
.cats_principal li{ float:left; width:260px; padding:0 0 0 20px; font-size: 11pt; }
.cats_principal a{ color:#D30061; }



/* CORRELAVOZ */

.correlavoz_columna1{width:480px;float:left;margin-bottom:30px;}

.correlavoz_columna2{width:470px;float:right;padding:15px;margin-bottom:30px;}

.recomienda_web{border:1px solid #CCC; border-radius:5px; padding:20px 35px;background:#f9f9f9;}


.renovar_anuncio{ float:right; }
.denunciar{ cursor:pointer; }


/* contactos */
 
 
.contactos tr td{ padding:5px; }
.contactos tr .imagen{ text-align:center; width:80px; }

.contactos .info-mensajes{ border-left:1px solid #FFF; border-right:1px solid #FFF; border-top:1px solid #FFF; padding:10px 0; }

.contactos .responder{ float:left; width:100px; background:url('responder.png') no-repeat 0 -4px; padding:5px 0 3px 35px; }

.contactos .rechazar{ float:left; width:130px; background:url('rechazar.png') no-repeat; padding:5px 0 3px 26px; }

.contactos .ver_anuncio{ float:left; width:150px; text-align:center; padding:5px 15px 3px 0; }

.fin-anuncio{ width:100%; padding:5px 0 3px 0;}
.separador_principal{ background:#ddd; height:5px; width:100%; }

.contactos .estado{ float:right; margin:3px 0 0 0;}

.textotabla{float:left;font-weight:bold;padding-bottom:15px; }


.boton_amigos{ border:1px solid #CCC; background:url('enviar_anuncio.png') no-repeat; width:170px; height:36px; margin:20px 0 0 30px; cursor:pointer; }

.info_truque{ padding:7px 0 0 10px; }

.datos_personales{ float:left; width:100%; border:1px solid #DDD; padding:16px 0; }

.datos_personales .sombra, .texto_cambio_dcha .sombra{
	
	float:left;
	width:160px;
	height:100px;
	background:url('perfil.png') no-repeat 46px 0 ;
}

.datos_personales .sombra_mujer, .texto_cambio_dcha .sombra_mujer{ background:url('perfil_mujer.png') no-repeat 46px 0; }

.datos_personales .puntuaciones{ float:left; width:160px; text-align:center; }

.boton_seguir{ float:left; display:block; cursor:pointer; width:120px; font-size:12px; padding:5px 0; margin:20px 0 0 40px; text-align:center;box-shadow:1px 1px 4px #888888;font-weight:bold;}

.boton_seguir:hover{text-decoration:none;box-shadow:-0.5px -0.5px 4px #888888; }

.botones_personal{ float:left; width:300px; margin:70px 0 0 80px; }
.botones_personal li{ float:left; padding:0 5px; }

.boton_gris{display:block; height:20px; border:1px solid #ccc; border-radius:3px;padding:6px 10px 0px 10px;}

 
.contenido_anuncios_usu{ float:left; width:660px; margin:20px 0 0 10px; }
.anuncio_usuario{ float:left; width:300px; height:100px; margin:10px 0 10px 20px;}

.anuncio_usuario h3{font-size:12px; color:#333; }
.anuncio_usuario img{ float:left; margin:5px 0 0 0;}
.anuncio_usuario p{ float:left; width:200px; font-size:11px; padding:5px 0 0 10px; color:#999; }

 
#dejar_opinion #opinion{ float:left; margin:10px 0 0 18px; width:90%; height:70px; padding:5px; border:1px solid #CCC; }

#dejar_opinion table td{ padding:10px 0 0 0; }
#dejar_opinion table td input{ margin-right:10px; border:1px solid #CCC; padding:2px 5px; width:100px; }

 
.bloque_opinion{ float:left; margin:20px 0 0 30px; }

.truqueros li, .truequero{
	
	float:left;
	width:198px;
	text-align:center;
	margin:20px 0 0 20px;
	border:1px solid #DDD;
	
	padding:20px 0 20px 0;
}

.truequero{ margin-left:0; }

.truqueros li .sombra, .truequero .sombra{
	
	width:100%;
	height:100px;
	background:url('perfil.png') no-repeat 46px 0;
}

.truqueros li .sombra_mujer, .truequero .sombra_mujer{ background:url('perfil_mujer.png') no-repeat 46px 0; }

.truequero a:hover{ text-decoration:none; color:#434343; }

.truqueros .propuestas{ padding-top:10px; }

.truqueros .numero{ position:absolute; margin:-17px 0 0 5px; font-size:36px; }

.info_usuario{ float:left; width:700px; padding:5px 0 0 0; margin-left:50px; border-top:1px solid #999;}
.info_usuario h3{ text-align:center; padding-bottom:20px; }

.info_usuario p{ padding-top:10px; text-align:justify; }
 


 

.politicas{ float:left; width:100%; text-align:justify;}
.politicas p{ padding:6px 0;}

.politicas h3{ padding-top:20px; }

.tipo_seguidor{ float:left; margin:20px 30px; width:660px; }
.tipo_seguidor li{ float:left; padding:0 10px 0 0; }

.tipo_seguidor a:hover{text-decoration:none;color:#fff; background:url('fondo_btn1.jpg')repeat-x;border:1px solid #434343;}

.tipo_seguidor a.current{color:#fff; background:url('fondo_btn1.jpg')repeat-x;border:1px solid #434343; }

.btn_buscar_gente{ font-weight:600; display:block; float:left; margin:30px 0 0 220px; }

.invitaciones{ float:left; margin:35px 0 0 60px; }
.invitaciones img{ margin:5px 10px 0 50px; }
.invitaciones p{ padding:0 10px 0 0; width:130px; }

.invitaciones img, .invitaciones b, .invitaciones p{ cursor:pointer; }

.info_datos{ display:block; width:60px; }

.fila_datos{ padding:4px 0 4px 5px;text-align:left;  }

.truequero .titulo{ float:left; width:198px; background:#CCC; color:#FFF; margin:20px 0 10px 0; padding:5px 0; font-size:12px; text-align:center;}


.colaborador{margin-top:20px;float:left; border:1px solid #ccc;padding:10px;}
.colaborador-izq{float:left;text-align:center;}
.colaborador-izq img{margin:10px;}
.colaborador a{color:#D30061;font-weight:bold;}
.datos-colaborador{float:left;margin-top:10px;width:310px;padding:10px;}

.st_facebook_custom{
	background: url("http://www.ofrezcoacambio.com/_imagenes/_iconos/f_comparte.png") no-repeat scroll left top transparent;
	float:left; 
	margin-top:5px;
	padding:0px 106px 50px 0;
	
}

.st_twitter_custom{
	background: url("http://www.ofrezcoacambio.com/_imagenes/_iconos/f_twittea.png") no-repeat scroll left top transparent;
	float:left; 
	margin-top:5px;
	padding:0px 100px 50px 0;
	
}

.st_googleplus_large{ float:left; margin-top:5px;}


.resumen_karma{ padding:2px 10px 8px 10px; background:#ddd; color:#434343; }
.resumen_karma .puntos{ float:right; border-left:1px solid #FFF; padding-left:5px; }
.resumen_karma .puntos b{color:#D30061;}

.puntos_lista{ float:right; color:#D30061;}
.info_conseguido{ float:right; padding-right:5px; }

.btn_karma{outline: 0;
    padding: 5px 12px; 
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px #1f272b;
    border: 1px solid #1c252b;
    border-radius: 3px;
    background: -moz-linear-gradient(top, #3D4850 3%, #313d45 4%, #232B30 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#3D4850), color-stop(4%,#313d45), color-stop(100%,#232B30)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D4850', endColorstr='#232B30',GradientType=0 ); /* ie */
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* CSS3 */}
    

.abrir_compartir{ float:left; padding:10px 10px 0 10px; height:28px; border-radius:4px;box-shadow:0 1px 4px rgba(0, 0, 0, 0.2); font-size:15px; color:#000; font-weight:600; cursor:pointer; }

.FB_SERVER_IFRAME {
            width: 336px !important; /* Ancho del gadget */
            height: 290px !important; /* Alto del gadget */
            }

.iframe_redes{ border:0; width:100%; height:84px; margin:0; }

.buscador_usuario{ border:1px solid #CCC; width:640px; margin:20px 0 0 20px; }
.buscador_usuario td{ padding:4px 0 4px 10px; }
.buscador_usuario td input[type=text]{ width:200px; }
.buscador_usuario td select{ width:200px; }

.lo_mas_buscado{ float:left; width:138px; border:1px solid #CCC; padding:10px; height:600px; overflow:hidden; }
.lo_mas_buscado ul li{ padding:8px 0 0 0; }


.testimonio{ position:fixed; width:300px; height:400px; background:#FFF; top:50%; left:50%; margin:-200px 0 0 -150px; padding:20px; box-shadow:0 0 10px rgba(0,0,0,0.5); z-index:1000; color:#000; }

.testimonio textarea{ width:300px; height:80px; margin: 10px 0; }
.testimonio input{ margin:0 0 0 130px; }

.cubertor-testimonio{ position:fixed; z-index:900; background:rgba(255,255,255,0.6); width:100%; height:100%; top:0; left:0; }

