@media screen and (max-width: 768px) {
	.simple-button-plugin{
		min-width: max-content;
	}
	
		.CR-element[element-type="SiteNavigation"], .SiteNavigation[element-type="SiteNavigation"]{
	width: 100%!important
	;
}
}

/*min es mas y max es menos*/
@media (max-width: 1024px){


	.min-height{
		display: none;
	}

	.container-section {

		position: relative !important;
		z-index: 1;

	}

	section.html-element, section.html-element-c {

		position:relative;
		height: 100% !important;
		min-height: 30px !important;
		width: 100%;
		white-space: normal !important;
		display: flex;
		flex-flow: column wrap !important;

	}

	.seccionBody {

		position: relative;
		width: 100%;
		height:auto;
		overflow: visible;
		height: auto;
		/*display: flex;*/
		/*height: 100% !important;*/
		/*min-height: inherit;*/


	}

	.html-element {

		display: inline-block;
		white-space: nowrap;
		position:relative;
		white-space: normal;
	}

	.seccion-element-rl-2 {

		/*
		display: inline-block;
		position: static !important;
		margin: 0px auto;
		max-width: 100%;
		*/
		left: 0px !important;
		top: 0px !important;
		position: static !important;
		max-width: 100% !important;
		min-width: auto !important;
		margin: 5px auto 5px !important;


	}

	.seccion-element-rl-2 .html-element{

		position:relative !important;
		padding-bottom: 0px !important

	}

	.table-layout > tbody > tr > td {

	padding: 0px 0px 0px 0px !important;
	border: 0px !important;
	width: auto !important;
	}

p { padding: 0px 35px !important;
   font-size: 17px

}

#cookie-bar p{ 
	padding: 2px !important;
	font-size: 12px}


}

@media (min-width: 1025px){

	section.html-element-c{

		display: table-cell !important;
		width: 100%;
		height: 100%;
		vertical-align: top;


	}

	section.html-element {

		display: table-cell !important;
		width: 100%;
		height: 100%;
		vertical-align: top;
		max-width: 1160px;
		overflow: visible;
		/*padding: 20px 0;*/

	}

	.seccionBody {

		position: relative;
		display: table !important;
		min-width: 100%;
		overflow: visible;
		height: auto;
	/*	min-height: 100%;*/

	}

	.html-element {

		white-space: nowrap;
		position:relative;

	}

	.seccion-element-rl-2 {

		position: relative;
		display: inline-block;
		vertical-align: inherit;


	}

	.table-layout > tbody > tr  {

	padding: 0px 25px 0px 25px !important;
	border: 0px !important;
	width: auto !important;
	}



}

#formulario i.fa {
	box-sizing: revert!important;
}

.seccion-element-rl {

	position:relative;
	display:block;
	width: auto;
	height: auto;
}

.seccion-element-rl-inline {

	position:relative;
	display:inline;

}

.seccion-element-abs {

	position:absolute;
	display:block;

}


.Draggable .html-element.SectionContent.edit_content_block.CKeditor {



}

.toolbar-optios-elements {

	/*position: fixed;*/
	display: inline-block;

	z-index: 99988;

}


.toolbar-optios-elements .wrapper{

	position: relative;
	margin-left: 10px;

}

.toolbar-optios-elements .wrapper .bloque .headerBloque {

	position: relative;
	line-height: 32px;
	height: 32px;
	background: #F3F4F5;
	padding: 0 10px;

}

.toolbar-optios-elements hr.separateHoriz {

	border: 0px;
	margin: 0px;
	height: 15px

}

.toolbar-optios-elements span.itensLabel {

	color: gray;
	font-size: 14px;

}

.toolbar-optios-elements .BloqueOfitens {


	display: inline-flex;

}

.toolbar-optios-elements .box-itens{

	display:table;
	margin-right: 10px;

}

.toolbar-optios-elements input.number{

	width:53px;

}



.toolbar-optios-elements .itens {

	display: table-cell;

}

.toolbar-optios-elements .itens input {


	border: solid 1px #DDDEE0;
	border-radius: 3px;
	box-shadow: inset 2px 2px 1px #e8e8e8;
	padding: 5px 3px;

}

.toolbar-elements{

	white-space: nowrap;
	position: absolute;
	z-index: 99999;
	background-color: #fff;


}

.toolbar-elements .wrapperBloque{

}


.toolbar-optios-elements .wrapper .bloque .wrapperBloque .inline-button button {
    cursor: pointer;
    border: 0 !important;
    width: 32px;
    height: 32px;
    background-color: #ccc;
    margin: auto 10px;
}



.toolbar-optios-elements .wrapper .bloque .headerBloque .titulo {

	font-size: 13px;
	font-weight: 600;
	color: #595a5c;

}



.toolbar-optios-elements .wrapper .bloque .wrapperBloque {



}

.toolbar-optios-elements .panel-header .titulo{

	font-size: 18px;
	font-weight: 600;
	color: #fff;
	line-height: 54px;
	margin-left: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc(100% - 60px);

}

.toolbar-optios-elements .wrapper .bloque .wrapperBloque .inline-button {

	text-align: center;


}

.inline-button, .wrapperBloque{

	display:inline-block;

}

.toolbar-elements .wrapperBloque .inline-button button{

	cursor: pointer;
	border: 0 !important;
	width: 32px;
	height: 32px;
	background-color: #ccc;
	margin: auto 1px;

}

.toolbar-optios-elements .wrapper .bloque .wrapperBloque .inline-button button {

	cursor: pointer;
	border: 0 !important;
	width: 32px;
	height: 32px;
	background-color: #ccc;
	margin: auto 10px;

}

.toolbar-optios-elements .wrapper .bloque .wrapperBloque .inline-button button:hover, .toolbar-elements .wrapperBloque .inline-button button:hover{

	opacity: 0.6 !important;

}


.toolbar-optios-elements .panel-header .close:hover {

	opacity: 0.6 !important;

}

.toolbar-optios-elements .panel-header .close{

	cursor: pointer;
	border: 0 !important;

	background-image: url("../../../core/libs/jquery/ui/css/images/cerrar-ico.png") !important;
	background-color: transparent;
	background-size: 100%;

	position: absolute;
	right: 4%;
	top: 50%;

	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);

	width: 28px;
	height: 28px;
	padding: 0px !important;


}

.toolbar-optios-elements .panel-header {

	cursor: move;
	background-color: #0096FF;
	height: 54px !important;
	min-height: 54px;
	position: relative;
	width: 100% !important;
	padding: 0px !important;
	border-radius: 10px 10px 0px 0px;
	display: block;

}



.cke_dialog {

	z-index: 900000 !important

}

.html-element p {

	margin: 0px !important;
	word-wrap: break-word;

}

.table-layout img{
	max-width: 100%;
}

.ckeTolbar {

	/*right: 263px !important;*/
	z-index: 99999 !important;

}
.html-element.CodePlus.Editor {

/* 	white-space: normal !important; */
	width: 100%;
	height: 100%;
	min-width: 30px;
	display: table-cell;

}

.html-element.SectionContent.CKeditor {

	white-space: normal !important;
	width: 100%;
	height: 100%;
	min-width: 30px;
	display: table-cell;

}

.mCSB_inside > .mCSB_container{

	/*margin-right: 15px !important;*/
	display: table;
	width: 100%;
	height: 100%;

}



.seccion-element-rl-2[element-type="SectionContent"] .mCSB_container{

	/*display: table-cell;*/

}

.position-absolute {

	position:absolute;

}

.centerNewElement {

	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

}

#designer-pane{}

.bottoms-section{

	position: absolute;
	height:32px;
	z-index: 99900;

	right: 15px;
	top: 6px;
}

.bottom-seccion.del {

}

.bottom-seccion {

	position:relative;
	display: block !important;
	width: 32px;
	height: 32px;
	background-color: #0096FF;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	border: 1px solid white
}

.bottom-seccion-color {

	position:relative;
	display: block !important;
	width: 32px;
	height: 32px;
	background-color: #0096FF;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	border: 1px solid white
}


.ui-dialog.ui-widget.ui-widget-content{  border: 2px solid #efefef !important;
-webkit-box-shadow: 16px 16px 91px -20px rgba(0,0,0,0.1);
-moz-box-shadow: 16px 16px 91px -20px rgba(0,0,0,0.1);
box-shadow: 16px 16px 91px -20px rgba(0,0,0,0.1);

}

.bottom-seccion-color:hover{
	background-color: #078aee;
}  

.bottom-seccion:hover{
	background-color: #078aee;
}  


.del-overlay{

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #4C9ED9;
	background-color: rgba(76, 158, 217, 0.31);
	opacity: 0.9;
	filter: alpha(opacity=0.9);
	z-index: 99987;
}

.CenterAbsoluteFixed{

	top: 50% !important;
	left: 50% !important;
	-webkit-transform: translate(-50%,-50%) !important;
	-moz-transform: translate(-50%,-50%) !important;
	-ms-transform: translate(-50%,-50%) !important;
	-o-transform: translate(-50%,-50%) !important;
	transform: translate(-50%,-50%) !important;

}

.tbl-colorpicker{

	table-layout: fixed;
	right: 0px;

}

.container-section {

	/*display: table-cell !important;*/
	vertical-align: top;
	/*position: relative !important;
	/*position: relative;*/ 
	/*left: 11% !important;
	top: 50% !important;*/

}




.table-layout{

	table-layout: fixed;
/*
	border-spacing: 0;
	border-collapse: collapse;
*/

}

.unselectable {

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;

}

section.html-element:after {


}


main#body-content{

	width: 100%;
	height: 100%;
	/*display: table;*/

	/*
		max-width: 1160px;
		display:block;
		margin: 0 auto;
	*/
}


.drop-active > .container-section {



}

.drop-active {


	outline: 4px ridge yellow;
	outline-offset: -2px;

}

.cke_widget_wrapper:hover > .cke_widget_element {

	outline: none !important;

}


.view-center-drop {

	position: absolute;
	z-index: 99900;
	width: 30px;
	height: 30px;
	background-color: #0096FF;
	color: #fff;
	cursor: pointer;
	font-size: 19px !important;
	line-height: 30px !important;
	text-align: center;
	border-radius: 0px 0px 0px 7px;


}

.view-center-drop:hover{

	background-color: #00AED2;

}

.container-section.hide{

	visibility:hidden;

}
/*
.quicktablePlus{

	background-color: #fff9;
	box-shadow: 3px 3px 8px rgba(51,51,51,0.57);

}
.quicktablePlus.fixed {

	position:absolute;
	display: block !important;

}
*/


.quicktablePlus.hide {

	display: none;

}



img[popup="true"] {

	cursor: pointer;
}





#captcha_Refresh_Image {

	max-width: 20px !important;
	max-height: 20px  !important;
	width: auto !important;
	height: auto !important;

}

.scClearBoth{clear: both}


.img-hover-text-container{
	position: relative!important;
  	display: inline-block;
  	position: relative;
  	overflow: hidden;
  	z-index: 1;
}

.img-hover-text-container .img-hover-text{
  	background: #0096ffeb;
  	position: absolute;
  	height: 99.5%;
 	width: 100%;
  	color: #ffff;
  	text-align: center;
  	vertical-align: middle;
  	justify-content: center;
  	align-items: center;
  	display: flex;
  	font-size: 20px;
  	font-weight: 700;
 	pointer-events: none;
  	z-index: 2;
  	transition: all 0.5s ease-in-out;
  	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
}

.img-hover-text-container:hover .img-hover-text{
  	opacity: 0;
}

.border-cell{
	border: 1px solid #c4c4c4;
}