@charset "utf-8";
/* CSS Document */

#bg {

}
/* CSS Document */

#bg_afiliado {
	background-image: url(../imagenes%20yavendi/bg-body-futbol.jpg);
	background-repeat: repeat;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

/* ----------------------------------------------------------------
nueva barra item
---------------------------------------------------------------- */

.categorias_clasi{
	color:white;
	float:left;
	width:70px;
	text-align:center;
	margin-right:15px;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	height: 35px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	margin-bottom: 15px;
}

.ARTICLE{display:block;font-size:16px;border-bottom:1px #efefef solid;padding:10px;min-height:50px}
	ARTICLE H2 A{font-size:16px;display:block;margin-bottom:5px}
	ARTICLE .controls_fix{float:right;width:80px}
		ARTICLE .controls{display:none}
	ARTICLE A{font-size:16px}
	
ARTICLE:HOVER{background:#FDFFCB}
	ARTICLE:HOVER .controls{display:inline}


/* ----------------------------------------------------------------
    Barra Superior Destacado 
---------------------------------------------------------------- */
.bar-desta {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FF0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	background-image: url(../YVimages/bg-newbar.jpg);
	background-repeat: repeat-x;
	background-color: #000;
	height: 35px;
	padding-top: 5px;
}

.bar-desta .contenedor-desta {
	background-color:#4d4d4d;
	width:900px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	height: 120px;
	
}

.bar-desta .contenedor-desta .unanuncio-desta {
	background-color:#4d4d4d;
	width:215px;
	margin-top: 0px;
	margin-bottom: 5;
	margin-left: 5px;
	margin-right: 5px;
	height: 55px;
	float: left;
	font-size: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	padding-top: 5px;
	text-align: left;
}

.bar-desta .contenedor-desta .unanuncio-desta .unanuncio-imagen {
	height: 50px;
	width: 50px;
	float: left;
	margin-right: 5px;
}

.bar-desta .contenedor-desta .unanuncio-desta .unanuncio-precio {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FF0;
	font-size: 10px;
}




/* ----------------------------------------------------------------
    Distribucion
---------------------------------------------------------------- */
.header{ width:1000px; margin:0 auto; position:relative;}
.contenido_total {
	width:960px;
	display:block;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	background-image: url(../YVimages/back_contenido.gif);
	background-repeat: repeat-y;
	background-position: center 0;
	height: 1240px;
}
.contenido_afiliado {
	width:960px;
	display:block;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	background-image: url(../YVimages/back_contenido.gif);
	background-repeat: repeat-y;
	background-position: center 0;
	height: 800px;
}
/* ----------------------------------------------------------------
    HEADER
---------------------------------------------------------------- */
/* LOGO */
.logo {
	height: 140px;
	width: 250px;
	display:block;
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
	z-index: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	text-align: center;
}
/* BARRA DE INGRESO USUARIOS */

.menu-usuario {
	float: right;
	width: 620px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 27px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 1px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-bottom: 2px;
	background-color: #FFF;
}
.menu-usuario-login {
	font-size: 14px;
	font-weight: bold;
	float: right;
	height: 12px;
	width: 450px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 5px;
	color: #999;
}

/* BARRA DE Bienvenida */

.anuncio-text {
	position:absolute;
	top:70px;
	left:251px;
	font-size:22px;
	font-weight:normal;
	letter-spacing:0;
	color:#FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* ----------------------------------------------------------------
    BUSCADOR
---------------------------------------------------------------- */
.buscador {
	clear:both;
	text-align:right;
	height:100px;
	background-image: url(../YVimages/fondo_buscador.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #8CA2B4;
}
.buscador input {
	border:0;
	height:28px;
	width:575px;
	font-size:20px;
	padding:3px 10px 0 10px;
	font-weight:bold;
	color:#bbb;
	float:left;
	margin:35px 0 0 150px;
}
.buscador button {
	float:left;
	border:none;
	color:#fff;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	margin:0;
	padding:0 0 4px 0;
	text-align:center;
	width:166px;
	height:32px;
	cursor:pointer;
	margin:35px 0 0 10px;
	background-image: url(../YVimages/bt_buscadorhome.png);
	background-repeat: no-repeat;
	background-position: -2px -3px;
}
.buscador button:hover {
	background-position:-2px -44px
}
a.publicar{
	width:246px;
	height:32px;
	border:none;
	font-size:18px;
	cursor:pointer;
	float:right;
	margin:10px 0 0 0;
	padding:0 0 0 18px;
	display:block;
	color:#FFF;
	line-height:32px;
	font-weight:bold;
	text-decoration:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* BOTON DE PUBLICACION */
a.publicar{
	text-align:center;
	padding:0;
	background-image: url(../YVimages/boton-publicar.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
a.publicar:hover{
	background-color: #FDF400;
}


/* ----------------------------------------------------------------
    Categorias
---------------------------------------------------------------- */
.categorias {
	width:656px;
	float:left;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
.titulo-categorias{
	font-size:24px;
	font-weight:bold;
	line-height:26px;
	margin:0 0 0 0;
	letter-spacing:-1px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.titulo reloj-categorias{
	float:right;
	font-weight:normal;
	padding-right:0px;
	padding-left:30px;
	background:url(../images/time2.png) no-repeat 8px 50%;
	margin:0 20px 0 0;
	width:130px;
	letter-spacing:0.3px;
	font-size:13px;
	background-color:#e0f0fc;
	-moz-border-radius:10px;
}


.columna-categorias  {
	padding:0;
	width:195px;
	float:left;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	
	
}
.una_categoria-categorias{
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 40px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	position: relative;
}
.una_categoria-header_color{
	padding-left: 40px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FF0;
	padding-right: 5px;
	margin-right: 10px;
}

.una_categoria-header_categoria{
	height:15px;
	padding-left: 40px;
}

.una_categoria-header_categoria-total_anuncios{
	font-size:10px;
	line-height:10px;
	font-weight:normal;
	float:left;
	padding:0;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
}
.una_categoria-caja {
	height: 210px;
	width: 195px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 2px solid #CCCCCC;
}
.una_categoria-caja-adsense {
	height: 200px;
	width: 195px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 2px solid #CCCCCC;
	text-align: center;
	padding-top: 10px;
}
.una_categoria_caja-texto {
	float: left;
	height: 10px;
	width: 150px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-right: 7px;
	margin-left: 7px;
}


.icono_categoria {
	position:absolute;
	top:-22px;
	left:-20px;
	height:60px;
	width:56px;
	background-image: url(../YVimages/back_categorias_home.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.icono_categoria-inmueble {
	position:absolute;
	top:-22px;
	left:-20px;
	height:60px;
	width:56px;
	background-image: url(../YVimages/back_categorias_home.png);
	background-repeat: no-repeat;
	background-position: 0px -80px;
}
.icono_categoria-hogar {
	position:absolute;
	top:-22px;
	left:-20px;
	height:60px;
	width:56px;
	background-image: url(../YVimages/back_categorias_home.png);
	background-repeat: no-repeat;
	background-position: 0px -160px;
}
.icono_categoria-electronica {
	position:absolute;
	top:-22px;
	left:-20px;
	height:60px;
	width:56px;
	background-image: url(../YVimages/back_categorias_home.png);
	background-repeat: no-repeat;
	background-position: 0px -237px;
}

.icono_categoria-curso {
	position:absolute;
	top:-22px;
	left:-20px;
	height:60px;
	width:56px;
	background-image: url(../YVimages/back_categorias_home.png);
	background-repeat: no-repeat;
	background-position: 0px -313px;
}

.icono_categoria-deportes {
	position:absolute;
	top:-22px;
	left:-20px;
	height:60px;
	width:56px;
	background-image: url(../YVimages/back_categorias_home.png);
	background-repeat: no-repeat;
	background-position: 0px -400px;
}

.icono_categoria-viajes {
	position:absolute;
	top:-22px;
	left:-20px;
	height:60px;
	width:56px;
	background-image: url(../YVimages/back_categorias_home.png);
	background-repeat: no-repeat;
	background-position: 0px -480px;
}

.icono_categoria-conctatos {
	position:absolute;
	top:-22px;
	left:-20px;
	height:60px;
	width:56px;
	background-image: url(../YVimages/back_categorias_home.png);
	background-repeat: no-repeat;
	background-position: 0px -555px;
}

.icono_categoria-trabajo {
	position:absolute;
	top:-22px;
	left:-20px;
	height:60px;
	width:56px;
	background-image: url(../YVimages/back_categorias_home.png);
	background-repeat: no-repeat;
	background-position: 0px -640px;
}

.icono_categoria-servicios {
	position:absolute;
	top:-22px;
	left:-20px;
	height:60px;
	width:56px;
	background-image: url(../YVimages/back_categorias_home.png);
	background-repeat: no-repeat;
	background-position: 0px -720px;
}
.una_categoria-afiliado{
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	position: relative;
	width: 195px;
}
.icono_categoria-afiliado {
	position:absolute;
	top:-22px;
	left:178px;
	height:60px;
	width:56px;
	background-image: url(../YVimages/back_categorias_home.png);
	background-repeat: no-repeat;
	background-position: 0px -313px;
}

/* ----------------------------------------------------------------
    Paginador css
---------------------------------------------------------------- */

div.pagination {font-size: 15px;padding: 3px;text-align:left;float:left;margin-bottom: 30px;margin-top:20px;}
div.pagination a {font-size: 15px;border: 1px solid #ccc;margin-right:3px;padding:2px 6px;background-position:bottom;text-decoration: none;background-color: #FFF;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
div.pagination a:HOVER{border-color:black}
div.pagination span.current {font-size:15px;margin-right:3px;border: 1px solid #ccc;padding:2px 6px;font-weight: bold;color:#000;background-color: #FFF;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; }
div.pagination span.disabled {display:none;}




/* ----------------------------------------------------------------
    Lateral derecho
---------------------------------------------------------------- */
.lateral-afiliado {
	float:left;
	width:280px;
	border-left:4px solid #e5e5e5;
	height: inherit;
}
/* ----------------------------------------------------------------
    Lateral derecho
---------------------------------------------------------------- */
.lateral {
	float:right;
	width:280px;
	border-left:4px solid #e5e5e5;
	height: 1200px;
}

.titulo-lateral{
	font-size:22px;
	font-weight:bold;
	line-height:18px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 15px;
}

/* ----------------------------------------------------------------
    UBICACION - Provincias y localidades
---------------------------------------------------------------- */
.ubicacion {
	float:right;
	width:280px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #e5e5e5;
	border-left-color: #e5e5e5;
}
.ubicacion  button { background-color:#ff9900; border:none; color:#fff; font-size:18px; line-height:18px; font-weight:bold; margin:0 0 25px 0; padding:8px 15px; cursor:pointer;}
.ubicacion .titulo{ font-size:20px; font-weight:bold; line-height:18px; margin:25px 0 0 15px;}
.ubicacion ul { padding:20px 0 0 15px;}
.ubicacion ul li {
	font-size:10px;
	margin:0 0 3px 0;
	float:left;
	width:118px;
	list-style-image: none;
	list-style-type: none;
}
.ubicacion ul li a {
	font-size:11px;
	color:#000;
	text-decoration:none;
	padding:0 0 0 17px;
	display:block;
	list-style-type: square;
}

.ubicacion ul li a.activo { text-decoration:none; background:#28afe5 url(../images/cerrar.png) 10px 50% no-repeat; color:#fff; padding:2px 0 2px 30px; font-weight:bold;}
.ubicacion ul li a.activo:hover { background-color:#28afe5; color:#fff;}
.ubicacion ul li a:hover { font-weight:bold; color:#28afe5;}







/* ----------------------------------------------------------------
    ULTIMOS ANUNCIOS
---------------------------------------------------------------- */
.lateral .ultimos_anuncios {clear:both; margin:30px 0 0 0;  float:none; padding:15px 0 15px 0; border-top:4px solid #e5e5e5;}
.titulo-ultimo{
	font-size:24px;
	font-weight:bold;
	line-height:26px;
	margin:0 10px 10px 15px;
	letter-spacing:-1px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.un_anuncio{
	margin:0 0 5px 15px;
	width:240px;
	height:55px;
}
.un_anuncio_imagen {
	height: 40px;
	width: 40px;
	float: left;
	margin-right: 5px;
}

.un_anuncio p{ font-size:11px; font-weight:normal; line-height:15px; margin:0 0 5px 0;}
.un_anuncio p a {color:#06c; text-decoration:none;}
.un_anuncio p strong {color:#000; font-weight:normal;}
.un_anuncio p a:hover { text-decoration:underline;}

.un_anuncio p small{font-size:11px; font-weight:normal; color:#888; margin:0 5px 5px 0;}
.un_anuncio p small a{color:#888; text-decoration:none; margin:0 3px 0 0;}
.un_anuncio p small a:hover { text-decoration:underline;}



/* ----------------------------------------------------------------
    UBICACION - Provincias y localidades
---------------------------------------------------------------- */
.ciudad-centro-cuadro {
	width: 250px;
	margin-right: auto;
	margin-left: auto;
}
.ubicacion-cuadro {
	float: left;
	height: 20px;
	width: 120px;
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* ----------------------------------------------------------------
    FOOTER
---------------------------------------------------------------- */
.footer {
	background-color:#000000;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FF0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.footer .contenedor_footer { background-color:#4d4d4d; width:960px; margin:0 auto;}
.footer .contenedor_footer p {font-size:12px; color:#999999; padding:10px 20px; font-weight:bold;}
.footer .contenedor_footer p a {color:#ffffff; text-decoration:none; margin:0 10px;}
.footer .contenedor_footer p a:hover { text-decoration:underline;}
.footer .contenedor_footer p.copy {border-bottom:1px solid #666;}
.footer .contenedor_footer .columnas {border-top:3px solid #666; border-bottom:3px solid #666; margin: 0 20px; padding:10px 0;}
.footer .contenedor_footer .columnas .columna { width:440px; float:left; margin:0 25px;}
.footer .contenedor_footer .columnas .columna h1 {color:#ffffff; font-size:18px; margin:0 0 10px 0;}
.footer .contenedor_footer .columnas .columna ul li { float:left; width:110px; font-size:12px; color:#999999; list-style-position:inside;}
.footer .contenedor_footer .columnas .columna ul li a {color:#999999; text-decoration:none;}
.footer .contenedor_footer .columnas .columna ul li a:hover {color:#ffffff; text-decoration:none;}
.footer .contenedor_footer .columnas .columna p { padding:0;}
.footer .contenedor_footer .columnas .columna img { width:20px; margin:10px 0 0 0;} 

/* ----------------------------------------------------------------
    ANUNCIOS ADSENSE
---------------------------------------------------------------- */

.anuncio-adsense {
	height: 60px;
	text-align: center;
	margin-top: 10px;
}

.anuncio-adsense-lateral {
	height: 100px;
	text-align: center;
	margin-top: 10px;
	float: left;
	width: 280px;
}

.anuncio-adsense-inferior {
	clear:both;
	float:none;
	border-top:4px solid #e5e5e5;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	height: 95px;
	text-align: center;
	
}
.frame-masvotados {
	clear:both;
	float:none;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	height: 120px;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
}