body{
/*	background-image: url(../img/background.jpg) !important;
*/    background-size: contain;
	background-repeat: round;
	background: #edf0f2;
}
.ui-rotatable-handle {
    height: 25px;
    width: 25px;
    cursor: pointer;
    background-image: url(rotate.png);
    background-size: 100%;
    left: -10px;
    top: -10px;
	position: absolute;
}

.btn{border-radius:4px;}

#nombreAlbum
{
	width:236px !important;
}
#recuadroSesion
{
	display:none !important;
}
#header_meta
{
	width:100% !important;
}
.botonPopup
{
	width:140px !important;
	border-radius:3px !important;
	-o-border-radius:3px !important;
	text-decoration:none !important;
	font-size:20px !important;
	-ms-border-radius:3px !important;
	-moz-border-radius:3px !important;
	-webkit-border-radius:3px !important;
	background-color:#e83643 !important;
	color:rgba(255,255,255,1) !important;
}
.breadcrumb
{
	display:none !important;
}
#layerslide-11 div{}


#main .title_container,header .container .breadcrumb
{
	display:none !important;
}
.large-12 #divElAlbum #elCarrusel
{
}
.large-12 #divLaPortada,.large-12 #divLaContraportada
{

}

.header_bg
{
	border-bottom: 3px solid #d7d4d4 !important;
}
.simboloDesplegar,.simboloSubDesplegar,.simboloDesplegarMisFondos
{
	float:right;
	padding-right:42px;
}
#toolbar #contenidoDeCromos
{
	min-width:200px;
	width:auto !important;
	margin-left:293px !important;
}

.av_minimal_header #header_meta{max-width: 100%;}
#header_main
{
	padding-left:0px !important;
	padding-right:0px !important;
	margin-left:0px !important;
	margin-right:0px !important;
	padding-bottom:0px !important;
    max-width: 100%;
	width:99%;
}
#main{overflow-y:hidden;}
#main #toolbar,#main #toolbar #contenidoDeBoton,#main #toolbar #contenidoDeCromos{background-color:#666;}
#divLaPortada,#elCarrusel,#divLaContraportada{}
#botonDeAutocompletar
{
	background-color:#999;
	color:#FFF;
	margin-top:7px !important;
	border-radius:25px;
	-moz-border-radius:25px;
	-o-border-radius:25px;
	-ms-border-radius:25px;
	-webkit-border-radius:25px;
	padding:7px 10px;
	text-decoration:none;
	font-weight:bold;
	display:inline-block;
}

#layerslide-12 #btnNuevaPagina,#layerslide-12 #btnEliminarPagina
{
	float:none !important;
	position:absolute !important;
}

#layerslide-12 #btnNuevaPagina
{
	right:20px !important;
}
#layerslide-12 #btnEliminarPagina
{
	left:0px !important;
}

#finalAlbum,#botonAddCromo
{
	border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	text-transform:uppercase !important;
	background-color:#ff4f48 !important;
	color:#FFF !important;
	box-shadow:0px 0px 2px #DDD;
	-moz-box-shadow:0px 0px 2px #DDD;
	-o-box-shadow:0px 0px 2px #DDD;
	-ms-box-shadow:0px 0px 2px #DDD;
	-webkit-box-shadow:0px 0px 2px #DDD;
	border:none !important;
	padding:10px;
}

#finalAlbum
{
	margin-top:5px !important;
}
#botonAddCromo
{
	margin-left:10px;
	background-color:#008c38;
	color:#DDD;
	width: 93%;
}

#layerslide-12 .fondoNoArrastrable div
{
	color:#666 !important;
	transition: all .55s !important;
	-moz-transition: all .55s !important;
	-webkit-transition: all .55s !important;
	-o-transition: all .55s !important;
	-ms-transition: all .55s !important;
}

#layerslide-12 .fondoNoArrastrable:hover div
{
	color:#FFF !important;
}

#layerslide-12 .fondoNoArrastrable div,#botonAddCromo:hover,#finalAlbum:hover,.ls-popup .ls-slide .botonPopup:hover
{
	opacity:0.7;
	-moz-opacity:0.7;
	-o-opacity:0.7;
	-webkit-opacity:0.7;
	-ms-opacity:0.7;
	transition: opacity .55s;
	-moz-transition: opacity .55s;
	-webkit-transition: opacity .55s;
	-o-transition: opacity .55s;
	-ms-transition: opacity .55s;
}


#layerslide-12 .fondoNoArrastrable:hover div
{
	opacity:1;
	-moz-opacity:1;
	-o-opacity:1;
	-webkit-opacity:1;
	-ms-opacity:1;
}

.innerPreview
{
	position:relative;
	width:56.56px;
	height:80px;
	margin:0px;
	float:none;
	display:inline-block;
}
.html_header_top.html_header_sticky #top #wrap_all #main
{
	padding-top:80px;
}
#contenedorCarrusel
{
	padding-top:0px !important;
	margin-top:0px !important;
}
.sacarIconosFuera
{
}
.posicionarIconos .iconosRight,.posicionarIconos .iconosLeft,.posicionarIconos input,.posicionarIconos select
{
	top:-25px;
}
.divGaleria
{
	background-color:#CCC; 
	margin-top:15px;
	white-space: normal;
	padding-left:25px;
	text-align:left;
	font-weight:400;
	color:#333;
	font-family:'Nunito Sans'; 
	padding-top:5px;
	padding-bottom:5px;
	font-size:14px;
	font-family:Nunito, sans-serif;
}
.linkCategorias:hover div,#botonDeAutocompletar:hover
{
	opacity:0.5;
	-moz-opacity:0.5;
	-o-opacity:0.5;
	-ms-opacity:0.5;
	-webkit-opacity:0.5;
}
.innerPreview:hover
{
	cursor:pointer;
}
header,header .header_bg
{
	background-color:#FFF !important;
	overflow:visible !important;
}
html
{
	background:none !important;
	background-color:none !important;
}

#wrap_all,#wrap_all #main
{
	padding-right:0px !important;
	padding-left:0px !important;
	margin-right:0px !important;
	margin-left:0px !important;
	width:100% !important;
	height:100% !important;
	background:none !important;
	/* background-color:none !important; */
	background-color:#fafafa !important;
	overflow:hidden !important;
	max-width: 100%;
}

#top
{
	height:100% !important;
	overflow:hidden !important;
	padding:0px !important;
	margin:0px !important;
}
#header
{
	min-height:60px !important;
}
.image-overlay
{
	display:none !important;
}
.owl-stage .item
{
	position:relative
}


.contenedorTituloAlbum .tituloCategoria
{
	color:#e83643 !important;
}
.owl-prev img,.owl-prev a img,.owl-next img,.owl-next a img,#contenidoDeBoton .iconosFuera img
{
	max-width:none !important;
}
select
{
	max-width:none !important;
	/*width:60px;*/
}

.fondoNoArrastrable
{
	background:rgba(0,0,0,0) !important;
	transition:all 1s;
	-moz-transition:background 1s;
	-o-transition:background 1s;
	-ms-transition:background 1s;
	-webkit-transition:background 1s;
}
.fondoNoArrastrable:hover
{
	background:rgba(0,0,0,0.5) !important;
}

.fondoNoArrastrable div div
{
	opacity:0;
	-moz-opacity:0;
	-webkit-opacity:0;
	-o-opacity:0;
	-ms-opacity:0;
	transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-webkit-transition:all 1s;
}
.fondoNoArrastrable:hover div div
{
	opacity:1;
	-moz-opacity:1;
	-webkit-opacity:1;
	-o-opacity:1;
	-ms-opacity:1;
}


/*======================================== CSS Miguel =======================================================================*/
.tituloCategoria {			
	font-size:12px !important;	
	font-family: 'Roboto';		
}
/*------ MAURO ------*/
/*@media (max-device-width: 1440px) {
	
	canvas,.fondoNoArrastrable,.sacarIconosFuera img,.sacarIconosFuera,.item .posicionarIconos
	{
		width:364px !important;
		height:515px !important;
	}
	
}*/
/*---- FIN MAURO ----*/
@media (max-device-width: 1366px) {
	/*------ MAURO ------*/
	/*canvas,.fondoNoArrastrable,.sacarIconosFuera img,.sacarIconosFuera,.item .posicionarIconos
	{
		width:345px !important;
		height:488px !important;
	}*/
	/*---- FIN MAURO ----*/
	.tituloCategoria,.divGaleria {
		font-size: 23px;
	}
	
	.contenedor-ls-popu {
		width:242px;
		height: 83%;
	}
	
	#layerslide-11, #layerslide-12 {
		width: 447.47px;
	}
	
	#contenidoFondo14 a, #contenidoFondo12 a, #contenidoFondo15 a, #contenidoFondo16 a, #contenidoFondo1 a, #contenidoFondo17 a, #contenidoFondo18 a, #contenidoFondo19 a, #contenidoFondo2 a, #contenidoFondo3 a, #contenidoFondo20 a {
		width: 180px !important;
		max-width: 180px !important;
	}
	
	.linkSubcategorias .tituloCategoria {
		font-size: 25px !important;
	}
	
	#ls-popu-layerslide-12 {
		width: 447.47px !important;
	}
	
	#nombreAlbum {
		width: 90% !important;
		margin-top: 10px !important;
		font-size: 27px !important;
	}
	
	#finalAlbum {
		font-size: 25px !important;
	}
	
	.contenedor-sidebar-izq {
		height: 50px !important;
	}
	
	#previsualizacion {
		height: 52px !important;
		font-size: 25px !important;
	}
	
	.innerPreview {
		width: 82px;
		height: 120px;
	}
	
	#layerslide-12 div:nth-child(2)  {
		font-size: 20px !important;
	}
	
	.ls-popu > div:nth-child(3) {
		font-size: 30px !important;
	}
	
	#btnEliminarPagina {
		margin-left: 80px !important;
	}
	
	#btnEliminarPagina img{
		width: 50px !important;
		height: 50px !important;
	}
	
	#btnNuevaPagina {
		margin-right: 80px !important;
	}
	
	#btnNuevaPagina img {
		width: 50px !important;
		height: 50px !important;
	}
	
	.divGaleria a img {
		width: 50px !important;
		height: 50px !important;
	}
	
	#toolbar {
		min-height: 78px !important;
		height: 78px !important;
	}
	
	#contenidoDeBoton {
		padding-top: 28px !important;
	}
	
	#linkToFullScreen {
		width: 50px !important;
		height: 50px !important;
		margin-left: 45px !important;
	}
			
}




/****************************************************/
/*													*/
/*				    EDICION CSS						*/
/*													*/
/****************************************************/

body.editor{}
body.editor header ,body.editor header #header_main {height: 55px; width: 100%;}
body.editor header #header_meta{min-height: 0px; height: 0px;}
body.editor header .logo{}
body.editor header .logo a img{height: 45px; margin:0px;}
body.editor header .main_menu{display: none;}
 

/*tutorial*/
#ModalTutorial{padding-top: 1px;}
.modal .modal-dialog.modal-lg{width: 80%;}
.modal .modal-dialog.modal-lg .modal-content{width: 100%;}
.modal .modal-dialog.modal-lg .modal-header{padding: 3px 15px;}
.modal .modal-dialog.modal-lg .modal-header .modal-title{margin: 6px 0px;}
.modal .modal-dialog.modal-lg .modal-header .close{margin-top: -31px;}
#carouselTutorial .carousel-indicators{bottom: 0px;}
#carouselTutorial .carousel-indicators li {width: 20px; height: 20px;}
#carouselTutorial .carousel-indicators .active{background: #f00; }

#carouselTutorial .carousel-control .icon-next, 
#carouselTutorial .carousel-control .icon-prev{color:#f00; font-size: 90px; margin-top: -55px;}

.html_header_top.html_header_sticky body#top.editor #wrap_all  #main{padding-top: 0px;}

/*left bar*/
.contenedor-ls-popu{width: 17%; height: 100%; background: white; position:relative;float:left; z-index: 2;}
.bottom_buttons{ width: 100%; height: 300px; background: #fff; position: absolute; bottom: 0px; top:20px;}
.lateral-izquierdo .divGaleria.fondos_af_titulo{font-family: 'Roboto'; font-size: 14px; background-color: transparent; color:#92929D; padding: 0px 0px 5px 25px;}
.lateral-izquierdo .divGaleria{margin-top: 10px;}
.lateral-izquierdo .divGaleria.cromos_mis_titulo
													{
														margin-top: 2px; 
														
														color:black;}


.lateral-izquierdo .info_album {padding: 15px 40px 0px;position: absolute; bottom: 0px; width: 100%; border-top: 1px solid #333; background:#fcfcfc;}
.lateral-izquierdo .info_album .row{margin-bottom: 10px;}
.lateral-izquierdo .info_album .label1{color: #333; font-size: 14px; padding: 0px; text-align: left; font-weight: 300px!important;}
.lateral-izquierdo .info_album .value{line-height:1;}

.lateral-izquierdo .botones{
	margin-top: 20px; 
	/*position: absolute; */
	 top:70px;
	width: 96%;}

/* Main content - editor*/
#seccionCanvas {padding: 0px 0px; min-width: 50%; width: 908px; height: 697px; margin:15px 19%; overflow: hidden;}

#seccionCanvas #img-portada{height: 597px; width: auto;}
#seccionCanvas #img-portada:hover{opacity: 0.4;}
#seccionCanvas .img-trasera{ width: 293px; height: 190px; position: absolute; z-index: -1; left: 490px; top: 132px; }

#seccionCanvas .titulo_album_text{width: 340px; min-height: 100px; position: absolute; left: 725px; top: 200px;  font-size: 30px; font-weight: 500; line-height: 0.9; display: grid; align-items: center; text-align: center;}


#seccionCanvas .img-pagina{height: 597px;}

.font_IndieFlower{font-family: 'Indie Flower' !important;}
.font_AmaticSC{font-family: 'Amatic SC' !important;}
.font_FrancoisOne{font-family: 'Francois One' !important;}
.font_FontdinerSwanky{font-family: 'Fontdiner Swanky' !important;}
.font_Kalam{font-family: 'Kalam' !important;}
.font_Roboto{font-family: 'Roboto' !important;}
.font_Atma{font-family: 'Atma' !important;}
.font_Averia{font-family: 'Averia' !important;}
.font_Bungee{font-family: 'Bungee' !important;}
.font_Cabin{font-family: 'Cabin' !important;}
.font_Fascinate{font-family: 'Fascinate' !important;}
.font_Modak{font-family: 'Modak' !important;}
.font_Mystery{font-family: 'Mystery' !important;}
.font_Ribeye{font-family: 'Ribeye' !important;}

#contenedorCarrusel{overflow: hidden;}


.posicionarIconos{max-height: 597px;}

/*Fondos Usuario*/
.fondos_mis_titulo{}
.fondos_af_contenido,
.fondos_mis_contenido{overflow-y:auto;max-height:500px;margin-left:28px;padding-top:2px;}

/*Cromos Usuario*/
.contenidoMisCromos{overflow: hidden;padding-top: 10px;}
.cromos_mis_contenido{ max-height: 465px; /*overflow-y: scroll; padding: 10px; */}
.cromos_mis_contenido ul{margin:0px; overflow-y: auto; max-height: 300px;}
.cromos_mis_contenido ul>li{margin-bottom:5px; width: 43%; margin: 2px 7px; display: inline-block; vertical-align: top;}

/*#elCarrusel .overlay_cromo{-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3); border:3px solid #fff; }

#elCarrusel .overlay_cromo .drag_cromo{width:100%; height:100%; top: 0; left: 0; right: 0; bottom: 0; margin: auto auto; position: absolute;}
*/

#elCarrusel .overlay_cromo{
	/*width:141px!important;
  	//height:184px!important;*/
	position: absolute;
	
}

.insert{
	background: #fff;
	opacity: 0.5;
}
#elCarrusel .overlay_cromo .rotateable{
/*	width:160px;
  height:109px;*/
  /*width:141px!important;
  height:184px!important;*/
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto auto;
  position: absolute;
  background: #333;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3);
	border: 3px solid #fff;
}

#elCarrusel .overlay_cromo .rotateable .rotate{
	position: absolute;
	top:-10px;
	left: -10px;
}

#elCarrusel .overlay_cromo .drag_cromo {
  width:100%;
  height:100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto auto;
  position: absolute;
  border-radius: 50%;
}

.ui-draggable-dragging{
	width:95px;
}



/*.contenidoCanvas .overlay_cromo*/

.contenidoMisCromos .ui-icon-trash{}


/*Lateral derecho*/
#lateral_derecho{float: right; position: absolute; height: auto; width: 20%; right: 0px; top: 0%; overflow: visible;}
#lateral_derecho .form_portada{margin-right: 6%; margin-right: 6%; margin-top: 5%; background: #fff; padding: 15px; border-radius: 4px; border: none; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));font-family: 'Roboto';}
.sp-replacer{padding: 6px; margin-top: -6px; margin-left: 7px; border: 1px solid #ccc;}


.form_portada input[type='file']{margin:0 auto;}
#top .fuente_titulo_album{}
.form_portada #color_titulo_album{}
.stripe-button-el{display: none;}


.progress-bar {color:#333;}

/*lateral derecho menu*/
.form_portada .titulo_album{width: 100%;}


#lateral_derecho .editor_paginas{height: 400px;}
#lateral_derecho .bottom_buttons{background: none;}
  .editor_paginas ul li, #lateral_derecho ul li{
  	background:#e63744; 
  	padding: 10px; 
  	text-align: center; 
  	margin: 15px 0px; 
  	color: #fff; 
  	font-weight: 100; 
    list-style-type: none;
  	font-family: 'Caveat Brush', cursive; 
  	font-size: 16px; 
  	cursor: pointer;} 
#lateral_derecho>.bottom_buttons{top:380px;} 

/* seccionCanvas*/

/*album module nav menu*/

 .nav_menu ul li {
  float: left;
}
 
#seccionCanvas  
  .seccionCanvas ul li, #seccionCanvas ul li {
   
  	padding: 10px; 
  	text-align: center;
  	cursor: pointer;
  	color: #6f6f6f;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
  } 


#seccionCanvas  
  .seccionCanvas ul li:hover, #seccionCanvas ul li:hover {
  display: block;
  color: #f2f2ed;
  background: #ff4f48;  text-align: center;
  padding-right: 14px ;
  text-decoration: none;
}

.nav_menu ul li a:hover {
  background-color: #111;
}
 

#seccionCanvas .nav_menu{
	height: 80px;
	background: none;
}

.nav_menu{
	height: 80px;
	background: #ffffff;}


 .nav_menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  
}



.nav_menu ul li a {
  display: block;
  color: black;
  text-align: center;
  padding-right: 14px ;
  text-decoration: none;
}

.nav_menu ul li a:hover {
  background-color: #111;
}



/* FOOTER - paginas*/

#app_footer{border-radius:15px;padding: 0px; height: 100px; background: white; overflow-x: auto; position: absolute;bottom: 20px; right: 28px; width: 80%; z-index: 1; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));}
#app_footer.down{bottom: -25px;}
#app_footer .paginador{padding: 8px; overflow: auto; white-space: nowrap}
#app_footer .paginador .paginador-par{display: inline-block; border: 2px solid #fff; }
#app_footer .paginador .thumbPagina{ background-size: cover; display: inline-block; width: auto; height: auto; margin: 0px 0px;}
#app_footer .paginador .thumbPagina.portada{border:2px solid #333;}
#app_footer .paginador .thumbPagina.left{}
#app_footer .paginador .thumbPagina.portada img{width: 80px; }
 
#app_footer .paginador .thumbPagina .num_pag{float: left; position: absolute; top: 37px; color: #fff; width: 100%; text-align: center; background: rgba(100, 100, 100, 0.3);}


/*#app_footer .paginador .thumbPagina.portada img:hover{width: 110px;}*/

#app_footer .paginador .thumbPagina img{width: 40px;-webkit-transition: width 0.2; transition: width 0.2s; vertical-align: top;}
/*#app_footer .paginador .thumbPagina img:hover{width:100px; }*/
#infoCromos{position:absolute;left:50%;top:20px;width:250px;text-align:center;margin-left:-125px;}


.owl-theme .owl-nav{margin: 0px;}

.rotate{
	display:none;
}

@media only screen and (max-width: 1350px) {
	.tituloCategoria, .divGaleria{font-size: 15px;}
	#seccionCanvas .titulo_album_text{left: 440px;}
	.sacarIconosFuera{margin-top: 0px;}
	#seccionCanvas{padding: 5px 10px; margin: 15px 16%;}
	.contenedor-ls-popu{width: 200px;}
	#app_footer{}
	#app_footer.down{bottom:-10px;}
	.lateral-izquierdo .info_album .value{font-size: 14px;}
	.cromos_mis_contenido ul>li{width: 42%;}

	body {
    	-moz-transform: scale(0.94, 0.94); /* Moz-browsers */
    	zoom: 0.94; /* Other non-webkit browsers */
    	zoom: 94%; /* Webkit browsers */
	}

	form {
	    margin-left: 0px;
	}
}
@media only screen  and (min-width : 1450px) {
	html {
		-moz-transform: scale(1.15, 1.15); /* Moz-browsers */
		zoom: 1.15; /* Other non-webkit browsers */
		zoom: 115%; /* Webkit browsers */	
	}
}

@media only screen  and (max-width : 1224px) {
	html {
    	-moz-transform: scale(0.8, 0.8); /* Moz-browsers */
    	zoom: 0.8; /* Other non-webkit browsers */
    	zoom: 80%; /* Webkit browsers */
	}
}

@font-face {
	font-family: 'Atma';
	src: url(../../pdf/fonts/Atma/Atma-Regular.ttf);
}

@font-face {
	font-family: 'Averia';
	src: url(../../pdf/fonts/Averia_Sans_Libre/AveriaSansLibre-Regular.ttf);
}
@font-face {
	font-family: 'Bungee';
	src: url(../../pdf/fonts/Bungee_Inline/BungeeInline-Regular.ttf);
}
@font-face {
	font-family: 'Cabin';
	src: url(../../pdf/fonts/Cabin_Sketch/CabinSketch-Regular.ttf);
}
@font-face {
	font-family: 'Fascinate';
	src: url(../../pdf/fonts/Fascinate/Fascinate-Regular.ttf);
}
@font-face {
	font-family: 'Modak';
	src: url(../../pdf/fonts/Modak/Modak-Regular.ttf);
}
@font-face {
	font-family: 'Mystery';
	src: url(../../pdf/fonts/Mystery_Quest/MysteryQuest-Regular.ttf);
}
@font-face {
	font-family: 'Ribeye';
	src: url(../../pdf/fonts/Ribeye_Marrow/RibeyeMarrow-Regular.ttf);
}