/* 1.4. LOADER
	---------------------------------------------------------------*/

	#loader {
		background: #2F223C;
		bottom: 0;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 50000;
	}
	#loader img {
		color: #f47721;
		left: 50%;
		margin: -35px 0 0 -35px;
		position: absolute;
		top: 35%;
	}
		#loader i {
			color: #F1A23A;
			left: 50%;
			margin: -24px 0 0 -24px;
			position: absolute;
			top: 50%;
		}

/*-- General ========================================================================================================  */

.stlGeneralBkg{
   background: url(../monaca_imagenes/bkg_general.jpg) no-repeat center center; 
  -webkit-background-size: 100%;
  -moz-background-size:100%;
  -o-background-size: 100%;
  background-size: 100%;
}


.stlContenidoImg1{
   background: url(../monaca_imagenes/contenido_img1.jpg) no-repeat center center; 
  -webkit-background-size: 100%;
  -moz-background-size:100%;
  -o-background-size: 100%;
  background-size: 100%;
}
.stlContenidoTxt{
	font-family: nexa_lightregular; 
	font-size: 1.0em; 
	color: #fff; 
	text-align: left;
	
}

.stlTopBkg{
	background: url(../monaca_imagenes/bkgTop1.png) repeat-x; 
}
.stlTop1{
	padding-top: 10px;
	color: #fff;
	text-align: center;
	font-family: nexa_lightregular;
	font-size: 1.2em;
	text-transform: uppercase;
}


.stlGeneralBkg2{
   background:blue; 

}


.stlMenuBkg{
   background: url(../monaca_imagenes/bkg_menu.png) no-repeat center center; 
  -webkit-background-size: 100%;
  -moz-background-size:100%;
  -o-background-size: 100%;
  background-size: 100%;
}

.stlMenuBkg2{
   background: url(../monaca_imagenes/menu_img1.jpg) no-repeat center center; 
  -webkit-background-size: 100%;
  -moz-background-size:100%;
  -o-background-size: 100%;
  background-size: 100%;
}

.stlMenuBkg2Video{
   background: url(../monaca_imagenes/menu_img1.jpg) no-repeat center center; 
  -webkit-background-size: 100%;
  -moz-background-size:100%;
  -o-background-size: 100%;
  background-size: 100%;
}

.stlMenuBkg3{
   background: url(../monaca_imagenes/menu_img2.png) no-repeat center center; 
  -webkit-background-size: 100%;
  -moz-background-size:100%;
  -o-background-size: 100%;
  background-size: 100%;
}

.circle {
    border-radius: 50%;
    display: inline-block;
    margin-right: 20px;
}

#idAvatar {
    background: #ac5099 none repeat scroll 0 0;
    height: 100px;
    width: 100px;
   
}
#idAvatarMenu {
    background: #ac5099 none repeat scroll 0 0;
    height: 70px;
    width: 70px;
}
.stlMenu1{
	font-family: nexa_boldregular; 
	font-size: 1.0em; 
	color: #fff; 
	text-transform: uppercase;
	padding: 10px 0px 0px 20px;
}
.stlMenu2{
	font-family: nexa_lightregular; 
	font-size: 1.0em; 
	color: #261b3a; 
	text-transform: uppercase;
	padding: 5px 0px 5px 20px;
}
.stlMenu3{
	font-family: nexa_boldregular; 
	font-size: 1.0em; 
	color: #fff; 
	text-transform: uppercase;/**/
	padding: 0px 0px 0px 20px;
}


/*-- Mapa ========================================================================================================  */

.stlMapa1{
	width: 100%;
	color: #ffffff;
	text-align: center;
	font-family: nexa_boldregular;
	font-size: 0.8em;
	text-transform: uppercase;
	
}


/*-- Login ========================================================================================================  */
.stlLoginBkg{
   background: url(../monaca_imagenes/bkg1.jpg) no-repeat center center; 
  -webkit-background-size: 100%;
  -moz-background-size:100%;
  -o-background-size: 100%;
  background-size: 100%;
}
.stlLogin1{
	width: 100%;
	color: #fff;
	text-align: center;
	font-family: nexa_lightregular;
	font-size: 1.5em;
}
.stlLogin2{
	width: 80%;
	margin: auto;
}
.stlLogin3{
	width: 80%;
	margin: auto;
	background: #ffffff;
}
.stlLogin4{
	width: 85%;
	margin: auto;
	background: #efecf1;
	padding: 0px 10px 0px 10px;
	
}
.stlLogin5{
	width: 100%;
	text-align: center;
}
.stlLogin5 img{
	width: 40%;
}
.stlLogin6{
	width: 100%;
	color: #f1a23a;
	text-align: center;
	font-family: nexa_boldregular;
	font-size: 1.0em;
	text-transform: uppercase;
	text-decoration: underline;
}
.stlLogin7{
	width: 100%;
	color: #f1a23a;
	text-align: center;
	font-family: nexa_boldregular;
	font-size: 1.5em;
	text-transform: uppercase;
	text-decoration: underline;
}

.buttonFb {
  display: class="support css-value">inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 40px;
  position: relative;
  cursor: pointer;
  padding: 0 88px 0 73px;
  border: none;
  /*font: normal 20px/1.9 "Open Sans", Helvetica, sans-serif;*/
  font: normal 20px/1.9 "Open Sans", Helvetica, sans-serif;
  color: rgba(255,255,255,0.9);
  text-transform: capitalize;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(100,138,214,1);
  -webkit-box-shadow: 0 5px 0 0 rgba(88,116,173,1) ;
  box-shadow: 0 5px 0 0 rgba(88,116,173,1) ;
  text-shadow: 0 1px 1px rgba(87,151,180,0.36) ;
  -webkit-transition: top 50ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: top 50ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: top 50ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: top 50ms cubic-bezier(0.42, 0, 0.58, 1);
}

.buttonFb:hover {
  background: rgba(91,125,193,1);
  -webkit-box-shadow: 0 5px 0 0 rgba(80,105,155,1) ;
  box-shadow: 0 5px 0 0 rgba(80,105,155,1) ;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.buttonFb:active {
  top: 2px;
  -webkit-box-shadow: 0 3px 0 0 rgba(80,105,155,1) ;
  box-shadow: 0 3px 0 0 rgba(80,105,155,1) ;
}

.buttonFb::before {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 50px;
  height: 40px;
  position: absolute;
  content: "";
  cursor: pointer;
  top: 0;
  left: 0;
  border: 0 solid #018dc4;
  border-right: 1px solid rgba(255,255,255,0.2);
  font: normal medium/normal Arial, Helvetica, sans-serif;
  color: rgba(0,0,0,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: url("http://enjoycss.com/bg-img/custom/21875-v2clm0.png"), rgba(0,0,0,0.05);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-origin: content-box;
  background-origin: content-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: 30px auto;
  background-size: 30px auto;
  text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
















ons-carousel-item {
  display: table;
  text-align: center;
}

.item-label {
  display: table-cell;
  vertical-align: middle;
  color: white;
  line-height: 1;
  font-size: 48px;
  font-weight: bold;
}

.cover-label {
  text-align: center;
  position: absolute;
  left: 0px;
  width: 100%;
  bottom: 10px;
  color: white;
}


/*-- categoria ========================================================================================================  */
.stlCategoria{
	background: url(../monaca_imagenes/categoria_rec.png) repeat;
}
.stlCatagoriaItem{
	height: 50px;
}
.stlCatagoriaItemC1{
	float: left;
	width: 35px;
	height: 35px;
	background: none;
}
.stlCatagoriaItemC1a{
	/*padding-top: 5px;*/
	float: left;
}
.stlCatagoriaItemC2{
	float: left;
	background: none;
	width: 190px;

}
.stlCatagoriaItemC2_2{
	float: left;
	background: none;
	width: 190px;

}
.stlCatagoriaItemC2a{
	padding-top: 5px;
	font-family: nexa_boldregular; 
	font-size: 0.8em;
	color: #261b3a;
	line-height: 12px;
}
.stlCatagoriaItemC2b{
	font-family: nexa_boldregular; 
	font-size: 0.7em;
	color: #f1a23a;
	line-height: 20px;
}

.stlCatagoriaItemC2c {
    border-radius: 50%;
    display: inline-block;
	font-family: nexa_boldregular; 
	font-size: 0.7em;
	float: left; 
	 
	width: 25px; 
	height: 25px; 
	line-height: 25px; 
	text-align: center; 
	margin: 15px 2px 0px;
}

.stlCatagoriaItemC3{
	float: left;
}

.stlCatagoriaItemC4{
	float: left;
	background: none;
	width: 170px;

}