/****************GENERAL*****************/

html,body{
	width: 100%; 
	height: auto !important; 
	margin: 0; 
	padding: 0; 
	font-family: tahoma;
}
a{
	text-decoration: none;
}
.grid-container {
  max-width: 1300px !important;
}

.clear{
	clear:both;
}
.navbar{
	/*min-width: 405px !important;
	max-width: 1350px !important;*/
}
.navbar-brand {
    background-image: url("../images/avelogo.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 50px;
    max-width: 300px;
    min-width: 230px;
    width: 200%;
    margin-top: 0 !important;
}
.navbar-toggle {
    margin-right: 45px !important;
}
.nav {
    height: 50px;
    padding-top: 0px;
}
.navbar-form {
    margin-right: 0;
    padding-top: 1px !important;
}
.nav > li > a {
    padding-left: 8px;
    padding-right: 8px;
}
.navbar-nav > li > a {
    padding-bottom: 15px;
    padding-top: 15px;
}
.btn-danger {
    background-image: linear-gradient(to bottom, #d9534f 0px, #c12e2a 100%);
    background-repeat: repeat-x;
    border-color: #b92c28;
    margin-top: 9px;
    padding: 5px 13px;
}
.navbar-form.navbar-right:last-child {
    margin-right: 0;
}
@media (max-width: 760px) {
.navbar-brand {
    background-image: url("../images/avelogo.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 100px;
    width: 44%;
    min-width: 230px;
}
.nav {
    height: 50px;
    padding-top: 25px;
}
.navbar-form {
    padding-top: 33px !important;
}
}

header>h1{
	font-size: 14pt;
}
.contenido{
	 margin-top: 5%;
}
.nivo-box{
	z-index: -9999 !important;
}
.canvasloaderdiv{
	height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
background: -moz-linear-gradient(top,  rgba(226,226,226,0) 0%, rgba(192,192,192,0.65) 15%, rgba(2,2,2,0) 99%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,0)), color-stop(15%,rgba(192,192,192,0.65)), color-stop(99%,rgba(2,2,2,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(226,226,226,0) 0%,rgba(192,192,192,0.65) 15%,rgba(2,2,2,0) 99%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(226,226,226,0) 0%,rgba(192,192,192,0.65) 15%,rgba(2,2,2,0) 99%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(226,226,226,0) 0%,rgba(192,192,192,0.65) 15%,rgba(2,2,2,0) 99%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(226,226,226,0) 0%,rgba(192,192,192,0.65) 15%,rgba(2,2,2,0) 99%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e2e2e2', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
 

/****************GENERAL*****************/


/****************anuncios-theme***********/


.anuncios-theme{
	background-color:#0095D1; 
	color: white;
}
.anuncios-theme:hover{
	background-color:#3276B1; 
	color: white;
}
.det_anuncios{
	padding-left: 1% !important;
	border-style: solid;
	border-radius:2%;
	min-width: 162px !important;
}
.det_anuncios:hover{
	border: 1px solid #3276B1;
	cursor: pointer;
}
.enc_bonito{
	background-color: #0095D1;
	color: white;
}

/****************anuncios-theme***********/



/****************Esquinero***************/
.esquina-sup-derecha{
	height: 5%;
	background-color: #FFFFFF;
	border-left: .6px;
	border-left-style: solid;
	border-left-color: #DDDDDD;

	border-bottom: .6px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	border-bottom-left-radius: 7px;
}
.snmargen{
	margin: 0;
	padding: 0;
}
#maxWord{
	height: 20%;
}
.colorcito{
	color: #5D5555;
}

/******************Fin Esquinero*********/
.lista_categoria{
	margin-bottom: 1%;
}

/******************MENU******************/
.menu_carousel{
    height: 85px !important;
    margin-top: -30px;
    padding: 0 20px;
    width: 100%;
}
.busqueda{
	/*margin-top: -22px;*/
	width: 100%;
	height: auto;
	position: relative;
	z-order:1;
}
#txtbuscar{
	
	border-style: solid;
	border-color: #00D3EF;

}

#btn_encontrar{
	border-style: solid;
	border-color: #0095D1;
	background-color: #0095D1;
	color: white;

}
#btn_encontrar:hover{
	background-color: #3276B1;
	border-color: #3276B1;
	color: white;
}

#btnmnu_anuncia{
	background-color: #B11719;
	border-color: #B11719;
	color: white;
}
#btnmnu_anuncia:hover{
	background-color: #BF1722;
	border-color: #BF1722;
	color: white;
}
.dropdown-style{
	min-width: 250px !important;
    padding: 5px !important;
    position: absolute !important;
    top: 125% !important;
}

.dropdown-style .arrow{
	position: relative;
    right: -185px;
    top: -16px;
    width: 30px;
}

#navbar-selection{
	
}

}
/******************MENU******************/

/****************CATEGORIAS****************/
#categorias{

background: -moz-linear-gradient(top, rgba(235,235,235,0.6) 0%, rgba(196,196,196,0.31) 49%, rgba(197,197,197,0.3) 50%, rgba(235,235,235,0.6) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,235,235,0.6)), color-stop(49%,rgba(196,196,196,0.31)), color-stop(50%,rgba(197,197,197,0.3)), color-stop(100%,rgba(235,235,235,0.6))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(235,235,235,0.6) 0%,rgba(196,196,196,0.31) 49%,rgba(197,197,197,0.3) 50%,rgba(235,235,235,0.6) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(235,235,235,0.6) 0%,rgba(196,196,196,0.31) 49%,rgba(197,197,197,0.3) 50%,rgba(235,235,235,0.6) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(235,235,235,0.6) 0%,rgba(196,196,196,0.31) 49%,rgba(197,197,197,0.3) 50%,rgba(235,235,235,0.6) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(235,235,235,0.6) 0%,rgba(196,196,196,0.31) 49%,rgba(197,197,197,0.3) 50%,rgba(235,235,235,0.6) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ebebeb', endColorstr='#99ebebeb',GradientType=0 ); /* IE6-9 */
    position: relative;
    border-radius: 10px;
    z-index: 99;

}
#categorias div{
	max-width: 5%;
	min-width: 34px !important;
	float: left;
}
.cat_icon{
	/*width: 150%;*/
	min-width: 40px !important;
	max-width: 49px !important;
	opacity: 0.3;
	
}
.cat_icon:hover{
	opacity: 1;
}
/****************CATEGORIAS****************/

/****************PUBLICIDAD****************/

.pubsec-index1{
	border: 1px solid;
	/*height: 250px !important;*/
	min-width: 300px !important;
}
#pubsec-index1-a{
	height: 500px !important;
}
#pubsec-index1-b{
	height: 250px !important;
}
.pubsec-index2{
	border: 1px solid;
	height: 250px !important;
	min-width: 300px !important;
}
.pubsec-index3{
	border: 1px solid;
	height: 70px !important;
	min-width: 250px !important;
}
.pubsec-cp1{
	border: 1px solid;
	height: 70px !important;
	min-width: 250px !important;
}


/****************PUBLICIDAD****************/

.frmanuncios{
	height: auto !important;
	border-style: solid;
	border-color: #009DB5;
	min-width: 394px !important;
}
.frmanuncios>h2{
	margin-left: 3%;
}
#descripcionanuncio{

}
#despub{
	border-style: solid;
}
.imagenesauncio{
	min-width: 175px !important;
}
.textbox{
	border-style: solid;

}
.combobox{
	border-style: solid;
	margin-left: 1.5%;
}
#montobox{
	border-style: solid;
	margin-left: 1.5%;
}
#fechanuncio{
float: right;
/*	border-style: solid;
	margin-left: 1%;
	margin-right: 5%;	
	font-style: bold;*/
}
#lblfechanuncio{
	float: right;
}
.frmbotones{
	border-style: solid;
	border-color: #009DB5;
	background-color: #009DB5;
	font-size: 10pt;
	color: white;
}
.frmbotones:hover{
	background-color: #00D3EF;
	border-color: #00D3EF;
	color: black;
}
#tituloanuncio{
	height: 10%;
	font-size: 90%;
}
#rcara{
	font-size: 70%;
	margin-left: 5%;
}
#numcaracter{
	font-size: 75%;
	margin-top: -6%;
	margin-left: 53%;
}
.imagenesauncio{
	border-style: solid;
	height: 48%;
	border-color: #D4D0C8;
}

.miniaturaimg{
	float: left;
	margin-top: -6%;
	border-style: solid;
	margin-right: 2%;
	margin-left: 2.4%;
}
#chpre{
	font-size: 80%;
}
.check01{
	margin-left: -.5%;
}
.mae_anuncios{
	height: 600px;
	max-height: 600px !important;
	overflow: hidden;
	position: relative;
	padding-top: 2px;
}
.lbl_anuncio{
	margin-left: .6%;
	font-size: 70%;
}
.lbl_precioanun{
	font-size: 70%;
}

#minicalendario{
    background-image: url("../images/calendar.png");
    float: left;
    height: 32px;
    margin-top: 45px;
    position: absolute;
    width: 32px;
}
#autentica{
	margin-top: 3%;
	height: 50%;
}

.div_autentica{
	min-width: 220px !important;
	max-width: 355px !important;
}
.areas{
	margin-top: .8%;
	border-style: solid;
	border-color: #009EB3;
	width: 45%;
	height: 94.5%;
	margin-left: 1%;
	float: left;
	min-width: 256px !important;
}
.tippub{
	color: white;
	background-color: #0095D1;
	height: 10%;
}
.panel_heading_tema{
	color: white;
	background-color: #0095D1;
}
.tippub_class{
	color: white;
	background-color: #0095D1;
	height: 10%;
}
#titulo_secciones_medio{
	margin-top: -2%;
}
#btn_acceder{
	margin-top: 2%;
	border-style: solid;
	margin-bottom: 2%;
}

#hd_clasiprensa{
	background-color: #0095D1;
	color:white;
	
}
#frmlogin{
	background-color: #F8F8F8;	
}
#pr_frmlogin{
	background-color: #F8F8F8;	
}
.loginpass{
	margin-top: 3%;
	border-style: solid;
}
.lb_loginpass{
	
}
.lb_loginpass1{
	
}
#recupera_passwd{
	width: 40%;
	margin-left: 30%;
	border-style: solid;
	border-color: #00D3EF;
}
.btn_bonito{
	border-style: solid;
	background-color: #009DB5;
	border-color: #009DB5;
	font-size: 10pt;
	color: white;
}
.btn_bonito:hover{
	border-color: #00D3EF;
	background-color: #00D3EF;
	color: black;
}
.parrafo{
	border-color: #00D3EF;
	background-color: #00D3EF;
	padding-left: 2%;
}
.minimargen{
	margin-left: 2%;
}
.minimargen_an{
	
}
#panel_admanuncio{

}
#menu_admanuncio{                      
	background:#F8F8F8; 
}
#menu_admanuncio>ul{
	list-style: none;
}
#menu_admanuncio>ul>li{
	padding-top: 5%;

}
#menu_admanuncio>ul>li:hover{
	background-color: #FFFFFF;
	cursor: pointer;
}
#id_anunciante{
	background:#0095D1; 
	color:white; 	
}
#cont_admanuncio{
	height: auto !important;
}
#cont_publicidad{
	background-color: #F8F8F8;
	border-style: solid;
	height: auto !important;
}
#list_an{
	/*border-left: 0.5px solid #00D3EF;*/
}
#titulo_list_an{
	background-color: #0095D1;
	color:white;
	padding-bottom: .6%;
}

#titulo_new_an{
	background-color: #0095D1;
	color:white;
	padding-bottom: .6%;
}

#list_an_detalle{
	border-bottom: 1px solid #F8F8F8;
	height: 15%;
}
#list_an_detalle:hover{
	background-color: #F8F8F8;
}

#list_pr{
	/*border-left: 0.5px solid #00D3EF;*/
}
#titulo_list_pr{
	background-color: #0095D1;
	color:white;
	padding-bottom: .6%;
}

#titulo_new_pr{
	background-color: #0095D1;
	color:white;
	padding-bottom: .6%;
}

#list_pr_detalle{
	border-bottom: 1px solid #F8F8F8;
	height: 15%;
}
#list_pr_detalle:hover{
	background-color: #F8F8F8;
}

#id_anun{
	float: right;
}
#paginado_lstan{
	width: 100%;
	height: 5%;
	background-color: #0095D1;
}
#loading{
	position: relative;
	margin-left: 37%;
	margin-top: -40%;
	width: 15%;
	height: 25%;
	background-image: url("../images/loading_icon.gif");
	background-size: cover;
	z-index: 0;
	display: none;
	
}
#det_dat_an{
	margin-top: -2%;
}
#cont_data_anun{
	height: 65%;
}
#contenido_edit_an{
	
}
#desc_anun_det{
	text-align: justify;
	word-wrap: break-word;
}
#publi_anuncio, #publi_clasificado{
	border-top: 1px solid #D7D7D7;
	margin-top: 5%;
}
#publi_anuncio ul, #publi_anuncio li, #publi_clasificado ul, #publi_clasificado li  {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.enlaces_p{
	border-bottom: 0.5px solid #D7D7D7;
	height: 15%;
}
.enlaces_p>img{
	float: left;
}
.patrocinador_desc{
	font-size: 70%;
	text-align: justify;
}
.patrocinador_contacto{
	font-size: 75%;
	float: left;
	text-align: justify;
}

.justificar{
	text-align: justify;
	word-wrap: break-word;
}
.superindice{
	vertical-align:super
} 
#frmloginpass_au{
	height: 58%;
}
.ime{
	height: 11%;
	margin-right: 1%;
}
#botonera_ime{
	float: right;
	opacity: 0.2;
	margin-bottom: 1%;
	background-color: #F8F8F8;
}
#botonera_ime:hover{
	opacity: 0.5;
}
#botonera_imepr{
	float: right;
	opacity: 0.2;
	margin-bottom: 1%;
	background-color: #F8F8F8;
}
#botonera_imepr:hover{
	opacity: 0.5;
}
.sm_ime:hover{
	cursor: pointer;

}
.btn_upload{
	display: inline-block;
}
.puntero_manito:hover{
	cursor: pointer;
}
#wrap {
    height: auto !important;
    margin: 0 auto 10%;
    min-height: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15% !important;
}
#push, #footer {
    height: 60px;
}
#footer {
    background-color: #f5f5f5;
}
@media (max-width: 767px) {
#footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
}
}
.container {
    max-width: 680px;
    width: auto;
}
.container .credit {
    margin: 20px 0;
}
#iniciarse{
	margin-top: 4%;
}
.galeria_fotos{
    border: 2px solid;
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 10px;
    margin-top: 10px;
    overflow: auto;
    height: 150px;
}
.galeria_fotos_pr{
    border: 2px solid;
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 10px;
    margin-top: 10px;
    overflow: auto;
    height: 80px;
}
.queue {
    /*
    
    height: 150px;*/
    background-color: #FFF;
    border: 1px solid #000;
    border-radius: 5px;
    margin-bottom: 5px;
    overflow: auto;
    padding: 3px;
    width: 300px;
    margin-top: 10px;
}
.img-frame{
    border: 2px solid;
    border-radius: 10px;
    padding-top: 10px;

}
.img-frame img{
	padding-right: 20px;
}
.img-thumbnail{
	height: 85px !important;
}
#fullpic{
	margin-top: -20px;
	/*height: 280px; */
}

/*#fullpic img {
	display: block;
    width: auto;
    height: 100%;
}*/
#det_galeria{
	margin-top: -8%;
}
#minipics{
	padding: 5px;
}
#mini_img{
	height: 15%;
	cursor: pointer;
	
}

/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
}


.cycle-slideshow { 
	auto; padding: 0; 
	position: relative;
	overflow: hidden;

 }

/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow img { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block;
    height: 100%;
}

/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}

/*Registro del Patrocinador*/
#planes{
	height: 80%;
}
#singin_pa{
	height: 10%;
}

/*************** INFINITE SCROLL ********************/

.loading-bar {
	padding: 10px 20px;
	text-align: center;
	box-shadow: inset 0px -45px 30px -40px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
	margin: 20px 0;
	font-size: 2em;
	border: 1px solid #ddd;
	margin-right: 1px;
	font-weight: bold;
	cursor: pointer;
}

.loading-bar:hover {
	box-shadow: inset 0px 45px 30px -40px rgba(0, 0, 0, 0.05);
}

/*************** INFINITE SCROLL ********************/

#talkbubble{
		width:120px; 
		height:80px; 
		background:red; 
		position:relative; 
		-moz-border-radius:10px; 
		-webkit-border-radius:10px; 
		border-radius: 10px;} 
}
#talkbubble:before {
	content:""; 
	position:absolute; 
	right:100%; 
	top:26px; 
	width:0; 
	height:0; 
	border-top:13px solid transparent;
	border-right:26px solid red; 
	border-bottom:13px solid transparent;
}

/************************FORM CONTRATO*****************************/


/************************FORM CONTRATO*****************************/


/****************INICIO EASY WIZARD .... PARA EL REGISTRO DEL PATROCINADOR**********/

.progress {
    background-color: #f7f7f7;
    background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
    background-repeat: repeat-x;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}
.progress.active .bar {
    animation: 2s linear 0s normal none infinite progress-bar-stripes;
}

.progress .bar {
    background-color: #0e90d2;
    background-image: linear-gradient(to bottom, #149bdf, #0480be);
    background-repeat: repeat-x;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    box-sizing: border-box;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    transition: width 0.6s ease 0s;
    width: 0;
}
.progress-striped .bar {
    background-color: #149bdf;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

.easyWizardSteps {list-style:none;width:100%;overflow:hidden;margin:0;padding:0;border-bottom:1px solid #ccc;margin-bottom:20px}
.easyWizardSteps li {font-size:18px;display:inline-block;padding:10px;color:#B0B1B3;margin-right:20px;}
.easyWizardSteps li span {font-size:24px}
.easyWizardSteps li.current {color:#000}

.easyWizardButtons {overflow:hidden;padding:10px;}
.easyWizardButtons button, .easyWizardButtons .submit {cursor:pointer}
.easyWizardButtons .prev {float:left}
.easyWizardButtons .next, .easyWizardButtons .submit {float:right}

/**********************FIN EASY WIzard******************/
