@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:500);

/* CSS Document */

/* --------------------------------------------------------------
reset.css
* Resets default browser CSS.
-------------------------------------------------------------- */

*{
  margin:0;
  padding:0;
  border:0;
  box-sizing:border-box;
}

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section{
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}
hr {
	border-bottom: 1px solid #c3c3c3;	
}
p {
font-size: 16px;
}
.fab {
    font-size: 41px;
    padding: 16px;
}
/* This helps to make newer HTML5 elements behave like DIVs in older browers */
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section{
    display:block;
}

/* Line-height should always be unitless! */
body{
  line-height:1;
  background:white;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table{
  border-collapse:separate;
  border-spacing:0;
}
/* float:none prevents the span-x classes from breaking table-cell display */
caption, th, td{
  text-align:left;
  font-weight:normal;
  float:none !important;
}
table, th, td{
  vertical-align:middle;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after{ content:''; }
blockquote, q{ quotes:"" ""; }

/* Remove annoying border on linked images. */
a img{ border:none; }

/* Remember to define your own focus styles! */
:focus{outline:0;}

.ico{display:inline-block;padding:0;overflow:hidden;font-size:0;text-indent:-90000px;}
.clear{height:1px;margin-bottom:-1px;display:block;overflow:hidden;padding:0;clear:both;}

ul li{list-style:none;}

/* --------------------------------------------------------------
reset.css
* Resets default browser CSS.
-------------------------------------------------------------- */

.mobile{
	display:none;
}
#main-wrap{
	width:100%;
	font-family:Roboto;
	font-size:14px;
	color:#333;
}
#header-line{
	border-style:solid;
	border-bottom-width:1px;
 	border-bottom-color:#E5E5E5;
} 
#header .wrap{
	padding:10px 60px 0 60px;
	background:#044e99;
	margin:0;
}
#header .wrap .overflowhidden{
	float:left;
}
#logo{
	padding-top:5px;
	width:381px;
	float:left;
}
#search-wrap{
	float:right;
}
#search-wrap h1{
	text-align:center;
}
#search-bg{
	overflow:hidden;
}
#search-box{
	width:220px;
	height:44px;
	border:none;
	padding:0 0 0 10px;
	font:normal normal 14px Roboto, Helvetica, sans-serif;
	color:#666;
	background:url(../images/fondo-buscador.png) no-repeat;
}
#search-box-beneficios{
	width:230px;
	height:44px;
	border:none;
	padding:0 0 0 10px;
	font:normal normal 14px Roboto, Helvetica, sans-serif;
	color:#666666;
	background:url(../images/fondo-buscador.png) no-repeat;
}
#search-box-chequear{
	width:210px;
	height:44px;
	border:none;
	padding:0 0 0 10px;
	font:normal normal 14px Roboto, Helvetica, sans-serif;
	color:#666666;
	background:url(../images/fondo-buscador.png) no-repeat;
}
#search-box-select{
	width:334px;
	height:44px;
	border:none;
	padding:0 0 0 10px;
	font:normal normal 14px Roboto, Helvetica, sans-serif;
	color:#666666;
	background:url(../images/fondo-buscador-select.png) no-repeat;
}
#nav-menu{
	width:100%;
	overflow:hidden;
	color:#999999;
	background:#000;
}
#nav-menu ul{
	float:left;
	padding:20px 10px 10px 10px;
	font-size:17px;
	font-weight:500;
	overflow:hidden;
	font-family:Roboto, Roboto;
}
#nav-menu li{
	float:left;
	margin-right:13px;
	text-align:center;
	min-width:45px;
}
#content{
	overflow:hidden;
	width:86%;
	margin:auto;
	padding:0 10px;
}
#content-left{
	float:left;
	width:600px;
}
#content-right{
	float:right;
	width:345px;
	padding:20px;
	background:whitesmoke;
}
.content-column{
	float:left;
}
.content-column li{
	line-height:16px;
}
#contenido-principal{
	overflow:hidden;
	padding:17px 0;
}
#paginado{
	text-align:center;	
	width:300px;
	margin:0 auto 20px auto;
}
#paginado-grande{
	text-align:center;
	margin:50px 0 10px 0;
	overflow:hidden;
}
#paginado-grande .titulo2{
	margin-bottom:15px;
}
#paginado-grande .numeracion{
	margin-top:3px;
}
.flecha-paginado-izq{
	margin:-2px 5px 0 0;
	float:left;
}
.flecha-paginado-der{
	margin:-2px 0 0 5px;
	float:left;
}
#buscador-beneficios{
	width:946px;
	height:183px;
	margin:0 auto 25px auto;
	background:url(../images/fondo-buscador-beneficios.png);
}
#buscador-beneficios .wrap{
	width:894px;
	margin:auto;
	padding-top:13px;
}
#buscador-beneficios #search-wrap{
	margin:20px 0 0 0;
}
#buscador-beneficios .right{
	width:auto;
}
#buscador-beneficios .left{
	width:284px;
}
#buscador-beneficios img{
	width:auto;
}

/*NUEVO BEGINS*/
#boton-buscar{
	margin:auto;
	width:400px;
	text-align:center;
}
#menu{
	margin:20px;
	color:#999999;
}
#menu li{
	margin-right:20px;
	font:500 17px Roboto, Roboto;
}
#menu a{
	color:#999999;
	text-decoration:none;
}
#menu a:hover{
	color:#044e99;
}
.menu-titulo{
	clear:both;
	margin-right:20px;
	margin-bottom:10px;
	font:1400 25px Roboto, Roboto;	
}
/*NUEVO ENDS*/


/*PUBLICAR BEGINS*/
.campo,.campo2,.campo3,.campo4{
	overflow:hidden;
	margin:0 auto 15px auto;
}
/*CAMPO BEGINS*/
.campo .txt{
	padding:11px 20px 12px 10px;
	float:left;
	width:97%;
}
.campo .txtPack{
	padding:11px 20px 12px 10px;
	float:left;
	width:120px;
}
/*CAMPO ENDS*/

/*CAMPO BEGINS*/

.campo .box{
	width:97%;
}
/*CAMPO ENDS*/

/*CAMPO 2 BEGINS*/
.campo2 .txt{
	padding:11px 10px 12px 36px;
	float:left;
	width:115;
}
.campo2 .box{
	padding:0 15px 0 0;
	float:left;
}
/*CAMPO 2 ENDS*/

/*CAMPO 3 BEGINS*/
.campo3 .txt{
	padding:11px 14px 12px 10px;
	float:left;
	width:138px;
}
.campo3 .box{
	padding:0 15px 0 0;
	float:left;
}
/*CAMPO 3 ENDS*/

/*CAMPO 4 BEGINS*/
.campo4 .txt{
	padding:11px 10px 12px 36px;
	float:left;
	width:116px;
}
.campo4 .box{
	padding:0 15px 0 0;
	float:left;
}
/*CAMPO 4 ENDS*/

.campo .wrap{
	float:left;
}
.campo-estilo{
	width:100%;
	height:38px;
	padding:6px 5px 6px 2px;
	border:1px solid #CCCCCC;
}
.campo-estilo2{
	width:100%;
	height:36px;
	padding:0 5px;
	border:1px solid #CCCCCC;
}
.campo-estilo3{
	width:100%;
	height:36px;
	padding:0 5px;
	border:1px solid #CCCCCC;
}
.campo-estilo4{
	width:100%;
	height:36px;
	padding:0 5px;
	border:1px solid #CCCCCC;
}
.campo-estilo5{
	width:80px;
	height:36px;
	padding:0 5px;
	border:1px solid #CCCCCC;
}
.campo-desplegable{
	color:#044e99;
	font:500 16px Roboto, Helvetica, sans-serif;
}
.campo-estilo-precio{
	width:100%;
	height:34px;
	padding:0 5px;
	border:1px solid #CCCCCC;
}
.area-estilo{
	width:100%;
	height:185px;
	padding:5px;
	border:1px solid #CCCCCC;
	font-family:Roboto, Helvetica, sans-serif;
}
.area-estilo1{
	width:100%;
	height:150px;
	padding:5px;
	border:1px solid #CCCCCC;
	font-family:Roboto, Helvetica, sans-serif;
}
.area-estilo2{
	width:100%;
	height:100px;
	padding:5px;
	border:1px solid #CCCCCC;
	font-family:Roboto, Helvetica, sans-serif;
}
.descr{
	float:right;
	width:455px;
	margin-top:5px;
}
.descr p{
	font-size:11px;
	color:#999999;
}
.titulo{
	margin-bottom:20px;
}
.titulo h1{
	text-indent:20px;
}
.tel:nth-child(1){
	width:14%;
}
.tel:nth-child(2){
	width:83%;
}
/*PUBLICAR ENDS*/

/*IMAGENES-MULTIMEDIA BEGINS*/
.box-multimedia{
	width:890px;
	margin-bottom:20px;
	overflow:hidden;
}
#imagenes-multimedia{
	width:321px;
	height:250px;
	padding:20px;
	position:absolute;
	top:-900px;
	left:600px;
	margin-top:30px;
	border-radius:10px;
	background:#E5E5E5;
}
.bloque-wrap{
	width:940px;
	margin:auto;
	overflow:hidden;
}
/*IMAGENES-MULTIMEDIA ENDS*/

/*BLOQUES BEGINS*/
.bloque{
	margin:0 10px 20px 10px;
	overflow:hidden;
	padding:10px 20px;	
	border-bottom:1px solid #c3c3c3
}
.bloque-multimedia{
	position:relative;
	margin:0 auto 20px auto;
}
.bloque-columna{
	float:left;
	width:313px;
}
.bloque-columna .box{
	margin:1px;
	float:left;
}
.bloque-columna .txt{
	margin:3px 1px 1px 1px;
	float:left;
}
.columna{
	float:left;
	width:220px;
}
/*BLOQUES ENDS*/

/*MAPA BEGINS*/
#marcar-mapa .box{
	width:200px;
	height:28px;
	background:#008BD0;
	margin:20px 0 15px 40px;
	text-align:center;
}
#marcar-mapa a{
	display:block;
	padding:6px 0;
	color:#FFF;
}
#marcar-mapa a:hover{
	color:#FFF;
}
#mapa-wrap{
	margin-left:40px;
}
#marcar-mapa .box p{
	font-weight:700;
	color:#FFF;
}
#marcar-mapa .descr{
	float:right;
	width:620px;
	margin-bottom:20px;
}
/*MAPA ENDS*/

#terminos-condiciones .box{
	width:700px;
	margin:auto;
}
#cargar-aviso{
	width:300px;
	margin:20px auto;
}

/*FOOTER BEGINS*/
#footer{
	background:#CCC;
	overflow:hidden;
	margin-top: 20px;	
}
#footer .columna{
	float:left;
	width:28%;
	padding:40px 20px;
}
#footer .columna img{
	height:30px;
	margin-bottom:20px;
}
#footer .columna h1 a{
	font-size:32px;
	line-height:50px;
}
#footer .columna a{
	font-size:18px;
	line-height:28px;
}
#footer .copyright{
    width:303px;
    margin:auto;
    padding:4px 0;
}
#footer .copyright .overflowhidden{
    display:table;
    width:100%;
}
#footer .copyright img{
    display:table-cell;
    width:20px;
    /* float:right; */
}
#footer .copyright p{
    display:table-cell;
    vertical-align:middle;
    padding:0 2px;
    font-size:12px;
    color:#999;
}
#footer .txt{
	font-size:11px;
	margin-top:20px;
}
#footer .txt p{
	color:#333;
}

/*AVISOS DESTACADOS HOME BEGINS*/
#clasificados-home-cadena3{
	background:#ececec;
}
#clasificados-home-cadena3 #logo{
	padding-top:0;
}
#clasificados-home-cadena3 #header .wrap{
	padding:10px 20px 0 20px;
	background:#044e99;
}
#clasificados-home-cadena3 #content{
	margin:30px auto 0 auto;
	width:96%;
}
#clasificados-home-cadena3 .wrap{
	margin:10px 0 20px 0;
}
#clasificados-home-cadena3 #header .wrap{
	margin:0 0 20px 0;
}
#clasificados-home-cadena3 .item-clasificado{
	border:1px solid #dedede;
	position:relative;
	width:23%;
	margin:0 1% 15px 1%;
	float:left;
}
#clasificados-home-cadena3 .item-clasificado .img{
    height:180px;
	background-size:cover !important;
	background-position:center !important;
	border-top:3px solid #027cc9;
}
#clasificados-home-cadena3 .item-clasificado img{
    width:100%;
}
#clasificados-home-cadena3 .item-clasificado .txt{
	padding:15px;
	height:131px;
	background:#fff;
}
#clasificados-home-cadena3 .item-clasificado a{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	top:0;
	left:0;
}
#clasificados-home-cadena3 .precio{
	padding:10px 15px;
	background:#fff;
}
/*AVISOS DESTACADOS HOME ENDS*/

/*AVISOS DESTACADOS BEGINS*/
#avisos-destacados{
	padding:0 21.5px;
}
#avisos-destacados .box{
	width:218px;
	float:left;
}
#avisos-destacados .txt{
	padding:5px 0;
}
.item-clasificado .img{
    height:180px;
	background-size:cover !important;
	background-position:center !important;
	border-top:3px solid #027cc9;
}
.item-clasificado img{
    width:100%;
}
.item-clasificado .txt{
	padding:15px;
	height:110px;
	overflow:hidden;
}
.item-clasificado{
	width:23.7%;
	height:357px;
    float:left;
	border:1px solid #027cc9;
	margin:0 5px 15px 5px;
	position:relative;
}
.item-clasificado a{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	top:0;
	left:0;
}
#mas-buscados{
	float:left;
}
#content:nth-child(4) #mas-buscados{
	width:calc(100% - 310px);
}
#mas-buscados .item-clasificado{
	width:31.7%;
}
.precio{
	padding:10px 15px;
}
/*AVISOS DESTACADOS ENDS*/

/*CLASSES BEGINS*/
.wrap{
	overflow:hidden;
	margin:10px 0;
	width:100%;
}
.box{
	overflow:hidden;
}
.overflowhidden{
	overflow:hidden;
}
.left{
	float:left;
}
.right{
	float:right;
}
#menu-avisos{
	float:left;
	width:300px;
	margin-bottom:15px;	
}
#resultado-busqueda{
	float:right;
	width:570px;
}
#resultado-busqueda .bloque{
	margin:0;
}
.bloque-resultado{
	overflow:hidden;
	margin-top:20px;
	border-bottom:1px solid #CCCCCC;
    padding-bottom: 20px;	
}
.bloque-resultado .img{
	width:219px;
	float:left;
}
.bloque-resultado .txt{
	width:340px;
	float:right;
}
.bloque-resultado .txt p{
	font:normal 16px Roboto, Helvetica, sans-serif;
}
.datos-aviso{
	float:left;
	width:300px;
	height:75px;
	padding-top:12px;
}
.mas-detalles{
	color:#FF0000;
	font:500 16px Roboto, Helvetica, sans-serif;
	margin-right:10px;
}
.bloque-precio{
	padding:15px 10px;
	background:#044e99;
	margin-top:-20px;
	width:121px;
	float:right;
	text-align:center;
}
.bloque-precio p{
	color:#fff;
	font: 500 19px Roboto, Helvetica, sans-serif;	
}
#sort{
	overflow:hidden;
	color:#bbb;
	font:500 14px Roboto, Helvetica, sans-serif;
	float:right;
	padding:10px;
	width:79px;
	height:36px;
	margin:13px 40px 0 0;
	transitioon:border 0.3s;
}
#sort:hover{
	border:1px solid #bbb;
	background:#FFF;
	border-radius:3px;
	width:78px;
	height:36px;
	margin-top:12px;
}
#sort a{
	width:79px;
	height:36px;
	display:block;
	color:#bbb;
}
.center{
	text-align:center;
}
.boton{
    padding: 1em .4em;
    background: #ddd;
    border: 1px solid #ccc;
    text-align: center;
    width: 40%;
    margin: 10px 0;		
}
.consulta-aviso{
	height:590px;
	width:302px;
}
.consulta-aviso p{
	font-size:1em;
}
#filtro-avisos{
	background:#000;
	float:left;
	width:120px;
    text-align:left;
}
#filtro-avisos p{
	color:#fff;
	font-size:1.2em;
	padding:.8em;
}
.accordion .panel{
	width:unset;
	float:none;
}
.iconos-redes{
	width:288px;
	margin:auto;
}
.form-buscador .left{
	width:60%;
}
.banner{
	margin:20px auto;
	width:fit-content;
}
.banner-publicar{
	width:630px;
	margin:20px 0;
}
/*CLASSES ENDS*/

/*.padding20left{
	padding-left:20px;
}
.padding10left{
	padding-left:10px;
}	
.padding5left{
	padding-left:5px;
}	
.floatleft{
	float:left;
}*/

/*PADDING TOP BEGINS
.padding5top{
	padding-top:5px;
}
.padding6top{
	padding-top:6px;
}
.padding7top{
	padding-top:7px;
}
.padding8top{
	padding-top:8px;
}
.padding10top{
	padding-top:10px;
}
.padding15top{
	padding-top:15px;
}
.padding20top{
	padding-top:20px;
}
.padding30top{
	padding-top:30px;
}
.padding8top{
	padding-top:8px;
}
.padding22top{
	padding-top:22px;
}
.padding30top{
	padding-top:30px;
}
PADDING TOP ENDS*/


/*PADDING BOTTOM BEGINS
.padding4bottom{
	padding-bottom:4px;
}
.padding5bottom{
	padding-bottom:5px;
}
.padding6bottom{
	padding-top:6px;
}
.padding7bottom{
	padding-top:7px;
}
.padding10bottom{
	padding-bottom:10px;
}
.padding20bottom{
	padding-bottom:20px;
}
.padding30bottom{
	padding-bottom:30px;
}
.padding{
	padding:10px;
}
PADDING BEGINS*/

/*PADDING BOTTOM ENDS*/

/*PADDING ENDS*/


/*MARGIN TOP BEGINS
.margin10top{
	margin-top:10px;
}
.margin20top{
	margin-top:20px;
}
MARGIN TOP ENDS

MARGIN BOTTOM BEGINS
.margin3bottom{
	margin-bottom:3px;
}	
.margin10bottom{
	margin-bottom:10px;
}
.margin15bottom{
	margin-bottom:15px;
}
.margin25bottom{
	margin-bottom:25px !important;
}
MARGIN BOTTOM ENDS

.margin4topbottom{
	margin:4px 0;
}
.margin6topbottom{
	margin:6px 0;
}
.margin10leftright{
	margin:0 10px;
}
.margin20leftright{
	margin:0 20px;
}
.margin10topbottom{
	margin:10px 0;
}
.margin20topbottom{
	margin:20px 0;
}
.padding7{
	padding:7px 0 0 7px;
}
.margin10{
	margin:10px 0;
}
.margin10right{
	margin-right:10px;
}
.margin2right{
	margin-right:2px;
}
.margin3right{
	margin-right:3px;
}
.margin13right{
	margin-right:13px;
}
.margin15right{
	margin-right:15px;
}
.margin20right{
	margin-right:20px;
}
.margin23right{
	margin-right:23px;
}
.margin60right{
	margin-right:60px;
}
.margin23left{
	margin-left:23px;
}
*/
.selector{
	margin:5px auto 0 auto;
	width:45px;
	height:10px;
}
.border{
	background:#999999;
	margin:0 25px;
	width:1px;
	height:100px;
}
.search1up{
	width:253px;
	height:9px;
	margin:auto;
	padding-top: 20px;	
}
.up1col{
	width:302px;
	height:10px;
	margin:auto;
}
.up2col{
	width:100%;
	height:10px;
	margin:auto;
}
.up2col-azul{
	height:10px;
	margin:auto;
	background-color:#044D9A;
}
.up3col{
	width:950px;
	height:10px;
	margin:auto;
}
.dw1col{
	width:302px;
	height:10px;
	margin:auto;
}
.dw2col{
	width:603px;
	height:10px;
	margin:auto;
}
.dw3col{
	width:950px;
	height:10px;
	margin:auto;
}
.white{
	color:#FFF !important;
}
.orange{
	color:#FF6600 !important;
}
.yellow{
	color:#FFCC00 !important;
}
.lightblue{
	color:#044e99 !important;
}
.blue{
	color:#027CC9 !important;
}
.blue:hover{
	color:#044e99 !important;
}
.blue2{
	color:#027CC9 !important;
}
.blue2:hover{
	color:#027CC9 !important;
}
.gray{
	color:#B2B2B2;
}
.lightgray{
	color:#bbb;
}
.indent10{
	text-indent:10px;
}
.width49{
	width:49px !important;
}
.width{
	width:820px;
}
.moneda{
	width:47;
	padding:11px 5px 12px 10px;
	float:left;
}
.terminos{
	color:#FF0000;
	text-decoration:underline;
}
.titulo-grande{
	font:normal 500 45px Roboto, Roboto;
	color:#7F7F7F;
	margin:0 50px 13px 0;
}
.ads{
	width:1000px;
	margin-bottom:20px;
}
.resaltado{
	padding:3px;
	color:#FFF !important;
}
/*CLASSES ENDS*/

.titulos-general{
  font:normal normal 11px Roboto, Helvetica, sans-serif;
}

.titulos-general-grande{
   font:900 26px Roboto, Helvetica, sans-serif;
}

h1{
	font-size:30px;
	font-weight:700;
	line-height:35px;
	font-family:Roboto;
	color:#7F7F7F;
}
h2{
	font-size:20px;
	font-weight:700;
	line-height:24px;
	font-family:Roboto;
	color:#444;
}
h3{
	font:500 20px Roboto, Helvetica, sans-serif;
	color:#7F7F7F;
}
h4{
	font:500 20px Roboto, Roboto;
	color:#7F7F7F;
}
.titulo1{
	font-size:30px;
	font-weight:700;
	line-height:50px;
	font-family:Roboto;
	color:#7F7F7F;
}
.titulo2{
	font-size:20px;
	font-weight:700;
	line-height:24px;
	font-family:Roboto;
	color:#444;
}
.titulo3{
	font:500 20px Roboto, Helvetica, sans-serif;
	color:#7F7F7F;
}
.titulo4{
	font:500 20px Roboto, Roboto;
	color:#7F7F7F;
}
a{
	color:#666666;
	text-decoration:none;
}
#nav-menu a{
	color:#999999;
	text-decoration:none;
}
#nav-menu a:hover{
	color:#044e99;
	text-decoration:none;
}
a:hover{
	color:#044e99;
	text-decoration:none;
}
li{
	list-style:none;
}

#menu-avisos ul{
	width:250px;
}
#menu-avisos li{
	margin-left:30px;
	list-style:url(../images/list-menu.jpg);
	padding:3px;
}
#menu-avisos li:hover{
	list-style:url(../images/list-menu-hover.jpg);
}

/*BANNER LATERALES*/
#banner-left{
	position:fixed;
	top:40px;
	left:10px;
	width:130px;
	height:600px;
}
#banner-right{
	position:fixed;
	top:40px;
	right:40px;
	width:130px;
	height:600px;
}
@media (max-width:1359px){
	#banner-left, #banner-right{
		display:none;
	}
}
/*BANNER LATERALES*/