@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;
}


/* 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.
-------------------------------------------------------------- */
.desktop{
	display:none;
}
#wg-clasificados .mobile{
	height:2800px !important;	
}
#main-wrap{
	width:100%;
	box-shadow:0 0 10px 0 #666;
	font-family:Roboto;
	font-size:1.4em;
	color:#333;
}
#header{
	background:#044e99;
}
#header-line{
	border-style:solid;
	border-bottom-width:1px;
 	border-bottom-color:#E5E5E5;
} 
#header .wrap{
	padding:8px 10px 0 10px;	
	margin:0 auto 0 auto;
}
#logo{
	padding-top:5px;
	width:75%;
	float:left;
}
#logo img{
	width:auto;
	height:64px;
}
#search-wrap{
	margin:20px 0;
}
#search-wrap h1{
	text-align:center;
}
#search-bg{
	overflow:hidden;
}
#search-box{
	width:calc(100% - 44px);
	height:44px;
	border:none;
	padding:0 0 0 10px;
	font:normal normal 14px roboto, Helvetica, sans-serif;
	color:#666;
	border-radius:8px 0 0 8px;
	float:left;
}
#search-box-beneficios{
	width:230px;
	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-chequear{
	width:210px;
	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-select{
	width:334px;
	height:44px;
	border:none;
	padding:0 0 0 10px;
	font:normal normal 14px roboto, Helvetica, sans-serif;
	color:#666;
	background:url(../images/fondo-buscador-select.png) no-repeat;
}
#nav-menu{
	padding:0 10px 0 10px;	
	overflow:hidden;
	color:#999;
}
#nav-menu ul{
	float:left;
	padding-top:5px;
	font-size:17px;
	font-weight:700;
	overflow:hidden;
	font-family: "roboto", roboto;
}
#content{
	overflow:hidden;
	padding:10px 20px;
	margin:auto;
}
#content-left{

}
#content-right{
	background:whitesmoke;
	padding:10px;
}
.content-column{
	width:100%;
}
.content-column ul{
	text-align:center;
}
.content-column li a{
	line-height:24px;
	font-size:18px;
}
#contenido-principal{
	overflow:hidden;
	padding:17px 0;
}
#paginado{
	text-align:center;	
	width:300px;
	margin:0 auto 20px auto;
}
#paginado-grande{
	margin:20px auto 10px auto;
	overflow:hidden;
}
#paginado-grande img{
	width:unset;
}
#paginado-grande .titulo2{
	margin-bottom:10px;
}
.flecha-paginado-izq{
	margin:-2px 5px 0 0;
	float:left;
}
#paginado-grande .numeracion .left{
	float:left !important;
}
#paginado-grande .margin10leftright{
	margin:0 2px;
}
.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{
	text-align:center;
}
#menu{
	margin:20px;
	color:#999;
}
#menu li {
	margin-right:20px;
	font:700 17px roboto, roboto;
}
#menu a{
	color:#999;
	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{
	width:100%;
}
.campo .txt{
	padding:11px 20px 12px 10px;
}
.campo .txtPack{
	padding:11px 20px 12px 10px;
	float:left;
	width:120px;
}
.campo .box{
	text-align:center;
}
/*CAMPO ENDS*/

/*CAMPO 2 BEGINS*/
.campo2 .txt{
	padding:11px 10px 12px 36px;
	float:left;
	width:116px;
}
.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:90% !important;
	height:38px;
	padding:6px 5px 6px 2px;
	border:1px solid #ccc;
	margin:auto;
}
.campo-estilo2{
	width:90%;
	height:38px;
	padding:6px 5px 6px 2px;
	border:1px solid #ccc;
	margin:auto;
}
.campo-estilo3{
	width:90%;
	height:38px;
	padding:6px 5px 6px 2px;
	border:1px solid #ccc;
	margin:auto;
}
.campo-estilo4{
	width:90%;
	height:38px;
	padding:6px 5px 6px 2px;
	border:1px solid #ccc;
	margin:auto;;
}
.campo-estilo5{
	width:90%;
	height:38px;
	padding:6px 5px 6px 2px;
	border:1px solid #ccc;
	margin:auto;
}
.campo-desplegable{
	color:#044e99;
	font:700 16px roboto, Helvetica, sans-serif;
}
.campo-estilo-precio{
	width:93px;
	height:34px;
	padding:0 5px;
	border:1px solid #ccc;
}
.area-estilo{
	width:90%;
	height:185px;
	padding:5px;
	border:1px solid #ccc;
	font-family:roboto, Helvetica, sans-serif;
}
.area-estilo1{
	width:160px;
	height:150px;
	padding:5px;
	border:1px solid #ccc;
	font-family:roboto, Helvetica, sans-serif;
}
.area-estilo2{
	width:410px;
	height:100px;
	padding:5px;
	border:1px solid #ccc;
	font-family:roboto, Helvetica, sans-serif;
}
.descr{
	width:90%;
	margin:5px auto 0 auto;
}
.descr p{
	font-size:11px;
	color:#999;
}
.tel:first-child{
	width:28%;
}
.tel:last-child{
	width:58%;
}
.fecha:nth-child(1){
	width:16%;
}
.fecha:nth-child(2){
	width:16%;
}
.fecha:nth-child(3){
	width:36%;
}
.titulo{
	margin-bottom:20px;
}
.email input{
	width:60px;
	text-align:left !important;
	margin-bottom:10px;
}
.email .box{
	text-align:left;
}
.email .box p{
	margin-top:10px;
}
/*PUBLICAR ENDS*/

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

/*BLOQUES BEGINS*/
.bloque{
	margin:auto;
	padding:20px 0;
	overflow:hidden;
	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{
	text-align:center;
}
/*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;
}
#marcar-mapa .box p{
	font-weight:700;
	color:#fff;
}
#marcar-mapa .descr{
	margin-bottom:20px;
}
/*MAPA ENDS*/


#cargar-aviso{
	text-align:center;
	margin:20px auto;
}
#uploadfotos{
	width:100%;
	height:150px;
}

/*FOOTER BEGINS*/
#footer{
	background:#ccc;
	overflow:hidden;
	padding-top:10px;
}
#footer p{
	color:#666;
}
#footer .columna li a{
	font-size:.8em;
	line-height:1.4em;
}
#footer .columna{
	margin-bottom:1em;
}
#footer .wrap{
	padding-top:30px;
}
#footer-bottom{
	background:#000;
}
#footer-bottom .overflowhidden{
	width:300px;
	margin:auto;
}
#footer-bottom img{
	width:20px;
	float:left;
	padding:5px;
}
#footer .copyright{
    width:95%;
    margin:10px 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 BEGINS*/
#avisos-destacados{
	padding:0 21.5px;
}
#avisos-destacados .box{
	width:218px;
	float:left;
}
#avisos-destacados .txt{
	padding:5px 0;
}
#wg-clasificados .desktop{
	height:800px !important;	
}
#clasificados-home-cadena3{
	background:#ececec;
}
#clasificados-home-cadena3 .item-clasificado{
	width:98%;
	height:auto;
	position:relative;
	margin:0 auto 30px auto;
	float:none;
}
#clasificados-home-cadena3 .item-clasificado a{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	top:0;
	left:0;
}
#clasificados-home-cadena3 .item-clasificado .txt{
	background:#fff;
}
.item-clasificado{
    border:1px solid #027cc9;
	border-top:3px solid #027cc9;
    margin-bottom:15px;
	width:90%;
	height:auto;
	position:relative;
	margin:0 auto 30px auto;
	float:none;
	background:#fff;
}
.item-clasificado .txt{
	padding:10px;
	height:130px;
	overflow:hidden;
}
.item-clasificado .img{
	background-position:center !important;
	background-size:cover !important;
	height:180px;
	width:50%;
}
.item-clasificado .floatright{
	width:50%;
}
.precio{
	padding:10px;
	background:#fff;
}
#clasificados-home-cadena3 .precio p{
	font-size:22px;
}
/*AVISOS DESTACADOS ENDS*/

/*CLASSES BEGINS*/
.wrap{
	overflow:hidden;
	margin:10px 0 0 0;
}
.box{
	overflow:hidden;
}
.left{
	float:left;
}
.right{
	float:right;
}
.boton{
	padding:1em .4em;
	background:#ddd;
	border:1px solid #ccc;
	text-align:center;
	width:30%;
	margin:10px 0;
}
#menu-avisos{
	margin:10px;	
}
.bloque-resultado{
	overflow:hidden;
	margin-top:20px;
	border-bottom:1px solid #ccc;
}
.bloque-resultado .txt{
	padding:.4em .2em;
}
/*.bloque-resultado .txt p{
	font:normal 12px roboto, Helvetica, sans-serif;
}*/
.datos-aviso{
	width:100%;
	padding-top:12px;
}
.mas-detalles{
	color:#FF0000;
	font:700 16px roboto, Helvetica, sans-serif;
	margin-right:10px;
}
.bloque-precio{
	padding:10px;
	background:#044e99;
	margin-top:15px;
	text-align:center;
}
.bloque-precio p{
	color:#fff;
}
#sort{
	overflow:hidden;
	color:#bbb;
	font:700 14px roboto, Helvetica, sans-serif;
	padding:10px;
	width:79px;
	margin:13px 40px 0 0;
}
#sort:hover{
	border:1px solid #bbb;
	background:#fff;
	border-radius:3px;
	width:78px;
	height:15px;
	margin-top:12px;
}
#sort a{
	width:79px;
	height:16px;
	display:block;
	color:#bbb;
}
.center{
	text-align:center;
}
.consulta-aviso{
	width:100%;
	height:610px;
}
.g-recaptcha{
	width:302px;
	margin:auto;
}
.iconos-redes{
	width:88%;
	margin:auto;
}
.iconos-redes i{
	font-size:1.8em;
	margin:.2em;
}
#filtro-avisos{
	background:#000;
	float:left;
	width:45%;
    text-align:left;
}
#filtro-avisos p{
	color:#fff;
	font-size:1.2em;
	padding:.8em;
}
.banner{
	margin:20px auto;
	width:fit-content;
}
.banner-publicar{
	margin:20px 0;
}
/*CLASSES ENDS*/

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

/*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 BEGINS*/

.padding{
	padding:10px;
}

/*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;
	background:url(../images/menu-abajo-selector.png) no-repeat;
}
.border{
	background:#999;
	margin:0 25px;
	width:1px;
	height:100px;
}
.search1up{
	width:100%;
	height:9px;
	margin:auto;
	background:url(../images/separador-fondo-buscador.png) no-repeat center;
}
.up1col{
	width:100%;
	margin:10px auto;
}
.up2col{
	width:100%;
	margin:10px auto;
}
.up2col-azul{
	height:10px;
	margin:auto;
	background:url(../images/separador-menu.png) no-repeat center;
	background-color:#044D9A;
}
.up3col{
	width:100%;
	margin:10px auto;
}
.dw1col{
	width:100%;
	margin:10px auto;
}
.dw2col{
	width:100%;
	margin:10px auto;
}
.dw3col{
	width:100%;
	margin:10px 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{
	padding:11px 5px 12px 10px;
	width:70%;
}
.terminos{
	color:#FF0000;
	text-decoration:underline;
}
.titulo-grande{
	font-weight:700;
	color:#7F7F7F;
}
.ads{
	margin-bottom:20px;
}
.resaltado{
	background:#027CC9;
	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:36px;
	font-weight:700;
	line-height:50px;
	font-family:roboto;
	color:#7F7F7F;
}
h2{
	font-size:18px;
    font-weight:700;
    line-height:20px;
    font-family:roboto;
}
h3{
	font-size:1em;
    font-weight:700;
    font-family:roboto;
	line-height:30px;
	color:#7F7F7F;
}
.titulo1{
    font-size:1.6em;
    font-weight:700;
	line-height:50px;
    font-family:roboto;
    color:#7F7F7F;
}
.titulo2{
	font-size:1em;
    font-weight:700;
    line-height:24px;
    font-family:roboto;
}
.titulo3{
	font-size:1em;
    font-weight:700;
    font-family:roboto;
	line-height:30px;
	color:#7F7F7F;
}
p{
	font-size:1.2em;
	line-height:1.2em;
}
a{
	color:#666;
	text-decoration:none;
}
a:hover{
	color:#044e99;
	text-decoration:none;
}
#nav-menu a{
	color:#999;
	text-decoration:none;
}
#nav-menu a:hover{
	color:#044e99;
	text-decoration:none;
}
hr{
	height:1px;
	background-color:#ddd;
	margin:20px 0 30px 0;
}
#menu-avisos ul{
	width:250px;
}
#menu-avisos li{
	margin-left:30px;
	list-style:url(../images/list-menu.jpg);
}
#menu-avisos li:hover{
	list-style:url(../images/list-menu-hover.jpg);
}
img{
	width:100%;
}
.overflowhidden{
	overflow:hidden;
}
.left,.right{
	float:unset;
}

/*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*/

/*SIDENAV MENU*/
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    background-color: #044e99;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    text-decoration: none;
    font-size:1em;
    color: #818181;
    display: inline-block;
    transition: 0.3s;
	color:#ddd;
	padding:10px 10px 14px 10px;
}

.sidenav li i {
	font-size: 25px;
    color: #ddd;
	display: inline-block;
}

.sidenav li {
	border-bottom:1px solid #ddd;
	padding:10px;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top:-4px;
	right:0;
    font-size: 46px;
}
.sidenav .closebtn a {
    padding:0;
	margin:0;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
.menu-lateral{
	font-size:30px;
	cursor:pointer;
	float:right;
	color:#fff;
	padding:20px 10px;
}
/*SIDENAV MENU*/

/*CAROUSEL*/
.stepcarousel img{
	width:10% !important;
}
/*CAROUSEL*/