html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
p,
div,
form,
fieldset,
label,
button,
input,
select,
textarea,
img {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

a,
a:hover {
	color: #07b2cc;
	text-decoration: none;
	outline: none;
}

ul li {
	list-style: none;
}

strong {
	font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1;
	text-rendering: optimizelegibility;
	margin: 0;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	outline: 0;
}

.clear {
	clear: both;
}

/* ********************************* */
/* Para resetear bootstrap */
* {
	box-sizing: unset !important;
	-moz-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
}

*::after,
*::before {
	box-sizing: unset !important;
	-moz-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
}

/* *************************************************** */
@font-face {
	font-family: 'Helvetica Light';
	src: url('../fonts/HelveticaNeueLTStd-Lt.eot');
	src: url('../fonts/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueLTStd-Lt.woff') format('woff'),
		url('../fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype'),
		url('../fonts/HelveticaNeueLTStd-Lt.svg#HelveticaNeue') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* *************************************************** icons */
@font-face {
	font-family: 'icons';
	src: url('../fonts/icons.eot');
	src: url('../fonts/icons.eot#iefix') format('embedded-opentype'),
		url('../fonts/icons.woff') format('woff'),
		url('../fonts/icons.ttf') format('truetype'),
		url('../fonts/icons.svg#icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*http://fontello.com/#search=bac*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "icons";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-alert:before {
	content: '\e800';
}

.icon-up:before {
	content: '\e801';
}

.icon-down:before {
	content: '\e802';
}

.icon-right:before {
	content: '\e803';
}

.icon-left:before {
	content: '\e804';
}

.icon-add:before {
	content: '\e805';
}

.icon-search:before {
	content: '\e806';
}

.icon-cancel:before {
	content: '\e807';
}

.icon-config:before {
	content: '\e808';
}

.icon-home:before {
	content: '\e809';
}

.icon-user:before {
	content: '\e80a';
}

.icon-back:before {
	content: '\e80b';
}

.icon-delete:before {
	content: '\e80c';
}

.icon-download:before {
	content: '\e80d';
}

.icon-new:before {
	content: '\e80e';
}

.icon-edit:before {
	content: '\e810';
}

.icon-flow:before {
	content: '\e811';
}

.icon-preview:before {
	content: '\f082';
}

.icon-menu:before {
	content: '\f0c9';
}

/* *************************************************** */
html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	background: #ebe6e7;
	font-family: 'Helvetica Light', Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #707070;
}

.container {
	margin: 0 auto;
	padding: 0;
	width: 1170px;
}

/* *************************************************** section */
section .container {
	margin: 30px auto;
	padding: 0;
	background: #FFF;
}

section .container .int {
	padding: 30px 0;
	width: 95%;
	margin: 0 auto;
}

/* *************************************************** header.main */
header.main {
	background: #07b2cc;
	height: 65px;
}

header.main .container {
	padding: 0;
}

header.main h1 {
	width: 600px;
	float: left;
	margin: 7px 0 0 7px;
}

header.main h1 img {
	float: left;
}

header.main h1 span {
	display: block;
	float: left;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: normal;
	color: #527a8f;
	padding-top: 19px;
	padding-left: 10px;
}

header.main ul {
	width: 500px;
	float: right;
	text-align: right;
	margin-top: 17px;
}

header.main ul li {
	display: block;
	float: right;
	color: #FFF;
}

header.main ul li a {
	display: block;
}

header.main ul li.user {
	margin-top: 5px;
}

header.main ul li.user i {
	font-size: 1.5em;
	margin-right: 2px;
}

header.main ul li.user span {
	font-size: 1.143em;
}

header.main ul li.logout {
	margin: 8px 20px 0 15px;
}

header.main ul li.logout i {
	font-size: 1.143em;
	color: #FFF;
	border: 1px solid #FFF;
	padding: 4px 0 0;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

header.main ul li.open {
	height: 35px;
	overflow-y: hidden;
	padding-left: 15px;
	border-left: 1px solid #3677a3;
}

header.main ul li.open i {
	font-size: 2.25em;
	cursor: pointer;
}

header.main ul li.bell {
	padding-top: 7px;
	padding-right: 7px;
}

header.main ul li.bell a {
	display: block;
	width: 22px;
	height: auto;
}

header.main ul li.bell a img {
	width: 100%;
	height: auto;
}


/* *************************************************** .main-navi (menú desplegable) */
.main-navi {
	width: 100%;
	height: 100%;
	background: #07b2cc;
	z-index: 9999;
	left: 0px;
	top: 0px;
	position: fixed;
	display: none;
}

.main-navi p {
	display: block;
	margin-top: 25px;
	margin-right: 10px;
	float: right;
	cursor: pointer;
}

.main-navi p i {
	font-size: 1.143em;
	color: #FFF;
}

.main-navi ul {
	padding-top: 100px;
}

.main-navi ul li {
	display: block;
	height: 35px;
	margin-bottom: 12px;
}

.main-navi ul li a img {
	float: left;
	width: 35px;
}

.main-navi ul li a span {
	float: left;
	width: 80%;
	margin: 2px 0 0 12px;
	font-size: 2em;
	letter-spacing: 0.2em;
	color: #FFF;
	text-transform: uppercase;
}

.main-navi ul li.landing {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/* [mod] modificación 20-12-21 */
.main-navi .container {
	height: 100%;
	height: 100%;
	max-height: 90%;
	position: relative;
	padding-top: 50px;
}

.main-navi .container .close {
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer;
}

.main-navi .container .close i {
	font-size: 1.6em;
	color: #FFF;
}

.main-navi .container ul {
	padding-top: 0;
	height: 100%;
	overflow-y: auto;
	position: relative;
}


/* *************************************************** .nav */
.nav .container {
	position: relative;
}

.nav {
	height: 75px;
	background: #FFF;
}

.nav ul {
	height: 45px;
	padding-top: 30px;
}

.nav ul li {
	width: auto;
	float: left;
	margin-right: 3px;
	background: #07b2cc;
	cursor: pointer;
	border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}

.nav ul li a {
	display: block;
	height: 15px;
	padding: 15px 20px;
	color: #FFF;
}

.nav ul li a.tax { 
	display: block; 
	height: 15px; 
	padding: 15px 8px; 
	color: #FFF; 
}

.nav ul li.active {
	background: #e8e5e5;
}

.nav ul li.active a {
	color: #07b2cc;
}

.nav p.new-search,
.nav p.download-pdf {
	position: absolute;
	z-index: 10;
	top: 15px;
	right: 0;
}

.nav p.new-search a,
.nav p.download-pdf a {
	display: block;
	background: #ebba2c;
	padding: 8px 12px;
	text-transform: none;
	font-style: normal;
	color: #FFF;
	cursor: pointer;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.nav p.new-search a i,
.nav p.download-pdf a i {
	float: left;
	font-size: 1.5em;
	margin-right: 5px;
}

.nav p.new-search a span,
.nav p.download-pdf a span {
	display: inline-block;
	float: none;
	padding-top: 7px;
}

/* *************************************************** .menu, .submenu */
.menu {
	padding-top: 40px;
}

.menu .container {
	position: relative;
	background: #fff;
	border-top: 2px solid #07b2cc;
	padding: 30px 40px 20px;
	width: 1090px;
	height: 1%;
	overflow: hidden;
}

.menu h3 {
	color: #07b2cc;
	text-align: left;
	width: 100%;
	margin-bottom: 15px;
	font-size: 1.429em;
	line-height: 1.2em;
	font-weight: normal;
}

.menu h3 strong {
	color: #527a8f;
}

.menu ul li {
	float: left;
	padding: 0 30px 15px 0;
	background: url(/assets/img/menu-tic.png) no-repeat right top;
}

.menu ul li.no-tic {
	margin-left: -20px;
}

.menu ul li:last-child {
	background: none;
}

.menu ul li a {
	display: block;
	padding: 8px 8px;
	height: 18px;
	color: #FFF;
	text-transform: uppercase;
	border: 1px solid #07b2cc;
	background: #07b2cc;
}

.menu ul li a img {
	float: left;
	width: 17px;
	height: 17px;
	margin-right: 5px;
}

.menu ul li a span {
	display: block;
	float: left;
	padding-top: 3px;
}

.menu ul li.active a {
	cursor: default;
	color: #07b2cc;
	background: #FFF;
}

.menu ul li.active a img {
	display: none;
}

.menu ul.campaign-sent {
	position: absolute;
	z-index: 10;
	top: 20px;
	right: 40px;
	width: auto;
	height: 50px;
	text-align: right;
}

.menu ul.campaign-sent li {
	display: inline-block;
	background: none;
	margin-left: 10px;
	padding-right: 0;
}

.menu ul.campaign-sent li a {
	display: block;
	height: 30px;
	background: #ebba2c;
	color: #FFF;
	border: 0;
	padding: 8px 12px;
	text-transform: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.menu ul.campaign-sent a i {
	float: left;
	font-size: 1.5em;
	margin-right: 5px;
	padding-top: 2px;
}

.menu ul.campaign-sent a span {
	display: inline-block;
	float: none;
	padding-top: 7px;
}

ul.submenu {
	position: relative;
	padding: 25px 1.5% 5px;
	height: 40px;
	border-bottom: 1px dotted #07b2cc;
}

ul.submenu li {
	float: left;
	border-right: 1px solid #a0a0a0;
}

ul.submenu li:last-child,
ul.submenu li.last {
	border-right: 0;
}

ul.submenu li a {
	display: block;
	text-transform: uppercase;
	color: #a0a0a0;
	padding: 7px 15px 2px;
}

ul.submenu li.active a {
	color: #07b2cc;
	cursor: default;
}

ul.submenu li.bt-new a {
	display: block;
	position: absolute;
	z-index: 10;
	right: 2.5%;
	top: 12px;
	padding: 8px 12px !important;
	font-size: 1em !important;
	color: #fff !important;
	text-transform: none;
	background: #ebba2c;
	cursor: pointer;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

ul.submenu li.bt-new a i {
	float: left;
	font-size: 1.5em;
	margin-right: 5px;
}

ul.submenu li.bt-new a span {
	display: inline-block !important;
	float: none !important;
	padding-top: 7px !important;
	margin: 0 !important;
}

ul.submenu.submenu-downloads {
	padding: 5px 1.5% 50px;
}

ul.submenu.submenu-downloads li {
	border-right: 0;
	text-align: center;
}

ul.submenu.submenu-downloads li:last-child {
	border-right: 0;
}

ul.submenu.submenu-downloads li a {
	display: block;
	text-transform: none;
	color: #a0a0a0;
	padding: 7px 15px 2px;
	font-size: 1em;
}

ul.submenu.submenu-downloads li a span {
	display: block;
	margin-top: 5px;
}

/* *************************************************** general */
h2,
h3 {
	position: relative;
	font-weight: normal;
	color: #07b2cc;
	font-size: 1.429em;
	background: #FFF;
}

h2 {
	text-transform: uppercase;
	padding: 10px 2.5%;
	width: 95%;
	height: 40px;
	border-top: 2px solid #07b2cc;
	border-bottom: 1px dotted #07b2cc;
}

h2 img {
	float: left;
	width: 33px;
	height: 33px;
	background: #c7e7f1;
	margin-right: 8px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

h2 span {
	float: left;
	display: block;
	padding-top: 10px;
}

h2.sub {
	padding: 10px 0 0 !important;
	width: 100% !important;
	height: 30px !important;
	margin: 30px 0 !important;
	border-bottom: 0 !important;
}

h2 a,
h2 a:hover {
	position: absolute;
	display: block;
	right: 2.5%;
	top: 12px;
	z-index: 10;
	background: #ebba2c;
	padding: 8px 12px;
	font-size: 0.700em;
	text-transform: none;
	font-style: normal;
	color: #FFF;
	cursor: pointer;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

h2 a i {
	float: left;
	font-size: 1.5em;
	margin-right: 5px;
}

h2 a span {
	display: inline-block;
	float: none;
	padding-top: 7px;
}

h2 a:focus span {
	color: #FFF;
}

h2 a.detail,
h2 a.detail:hover {
	background: transparent url(/assets/img/detail-more.png) no-repeat right 0;
	color: #07b2cc;
	height: 20px;
	padding: 5px 28px 0 0;
	font-style: italic;
	top: 15px;
}

h2 a.preview {
	right: 17%;
}

h3 {
	font-size: 1.429em;
	margin-bottom: 20px;
}

h4 {
	font-size: 1em;
	color: #07b2cc;
	font-weight: normal;
	margin: 20px 0 8px;
	padding: 4px 0 0 23px;
	height: 13px;
	background: url(/assets/img/preferences.png) no-repeat 0 0;
	background-size: 17px 17px;
}

.sep {
	clear: both;
	height: 1px;
	border-top: 1px solid #07b2cc;
	width: 95%;
	margin: 25px auto;
}

.back {
	text-align: right;
	margin: 30px 0;
}

.back .bt-back,
.back .bt-back:hover {
	background: #ebba2c;
	display: inline;
	padding-left: 2.5%;
	padding-right: 2.5%;
}

.openDetails,
.openDetails:hover {
	float: right;
	background: transparent url(/assets/img/detail-more.png) no-repeat right 0;
	color: #07b2cc;
	height: 20px;
	padding: 5px 28px 0 0;
	font-style: italic;
	font-size: 1em;
	font-weight: normal;
	cursor: pointer;
}

.closeDetails,
.closeDetails:hover {
	float: right;
	background: transparent url(/assets/img/detail-less.png) no-repeat right 0;
	color: #07b2cc;
	height: 20px;
	padding: 5px 28px 0 0;
	font-style: italic;
	font-size: 1em;
	font-weight: normal;
	cursor: pointer;
	filter: alpha(opacity=100);
	opacity: 1;
}

.danger {
	color: #db0b0b;
}

.success {
	color: #008100;
}

.actual-search {
	position: absolute;
	z-index: 10;
	width: 500px;
	height: 45px;
	top: 30px;
	left: 0;
}

.actual-search strong {
	color: #07b2cc;
	font-style: italic;
	font-weight: normal;
}

.btHide {
	display: none;
}

/* *************************************************** form */
form fieldset {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

form fieldset legend {
	display: block;
	border: 0;
	font-size: 1em;
	color: #07b2cc;
	margin: 0 0 7px;
	text-transform: uppercase;
}

form fieldset legend span {
	text-transform: none;
}

form fieldset label {
	display: block;
	text-transform: uppercase;
	margin-bottom: 7px;
	font-weight: normal;
}

form fieldset.lower label {
	text-transform: none;
}

form fieldset label strong {
	color: #373737;
}

form fieldset label span {
	color: #07b2cc;
	font-weight: bold;
	text-transform: none;
}

form fieldset label span.mandatory {
	padding: 0 3px;
}

form fieldset label em {
	font-style: normal;
	text-transform: none;
}

form fieldset input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #707070;
	background-color: #FFF;
	padding: 8px 1.5%;
	width: 97%;
	height: auto;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

form fieldset input::-webkit-input-placeholder {
	color: #AAA;
	opacity: 1 !important;
}

form fieldset input::-moz-placeholder {
	color: #AAA;
	opacity: 1 !important;
}

form fieldset select,
select.sel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #707070;
	padding: 0 1.5%;
	height: 35px;
	width: 97%;
	border: 1px solid #d8d8d8;
	background: #FFF url(/assets/img/main-select.png) no-repeat right center;
	background-size: 25px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

select.sel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #707070;
	padding: 0 1.5%;
	height: 35px;
	width: 200px;
	border: 1px solid #d8d8d8;
	background: #FFF url(/assets/img/main-select.png) no-repeat right center;
	background-size: 25px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

input.sel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #707070;
	background-color: #FFF;
	padding: 8px 1.5%;
	width: 200px;
	height: auto;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

input-placeholder.sel {
	color: #AAA;
	opacity: 1 !important;
}

input::-moz-placeholder.sel {
	color: #AAA;
	opacity: 1 !important;
}

form fieldset textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #707070;
	background-color: #FFF;
	padding: 8px 1.5%;
	width: 97%;
	height: 100px;
	border: 1px solid #d8d8d8;
	resize: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

form fieldset input[type="submit"],
form fieldset input[type="submit"]:hover,
form fieldset input[type="button"],
form fieldset input[type="button"]:hover,
form fieldset button,
form fieldset button:hover {
	display: block;
	width: 100% !important;
	float: none;
	text-align: center;
	padding: 7px 0;
	font-family: 'Helvetica Light', Helvetica, Arial, sans-serif;
	font-size: 1.125em;
	color: #FFF;
	text-transform: uppercase;
	background: #07b2cc;
	border: none;
	cursor: pointer;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

form fieldset button.bt-clear,
form fieldset input[type="button"].bt-clear {
	background: #c7e7f1;
	color: #07b2cc;
}

form fieldset input[type="file"] {
	padding: 0;
	border: 0;
}

form fieldset input[type="reset"] {
	display: block;
	float: none;
	text-align: center;
	padding: 7px 0;
	font-size: 1.125em;
	color: #707070;
	text-transform: uppercase;
	background: #CCC;
	cursor: pointer;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

form fieldset input::-moz-placeholder {
	opacity: 1;
	filter: alpha(opacity=100);
}

form fieldset input:-moz-placeholder {
	opacity: 1;
	filter: alpha(opacity=100);
}

form fieldset input::-webkit-placeholder {
	opacity: 1;
	filter: alpha(opacity=100);
}

form fieldset.checkboxes label {
	display: block !important;
	float: left !important;
	width: 20px !important;
	height: 20px !important;
	padding: 0 !important;
	margin-right: 10px !important;
	background-repeat: no-repeat;
	background-position: 0 0;
}

form fieldset.checkboxes input[type=checkbox]:checked+label {
	background-position: 0 -20px;
}

form fieldset.checkboxes input[type=checkbox] {
	display: none;
}

form fieldset.radiobuttons legend {
	display: block;
	text-transform: uppercase;
	margin: 0 0 7px;
	padding: 0;
	font-weight: normal;
	color: #707070;
}

form fieldset.radiobuttons ul {
	height: 20px;
}

form fieldset.radiobuttons ul li {
	float: left;
	margin-right: 50px;
}

form fieldset.radiobuttons ul li label {
	float: left;
	width: auto;
	padding: 1px 0 0;
	margin: 0 10px 0 0;
}

form fieldset.radiobuttons ul li input {
	float: left;
	width: auto;
	padding: 0;
	margin: 0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

form fieldset.radiobuttons ul li input[type=radio] {
	appearance: radio;
	-moz-appearance: radio;
	-webkit-appearance: radio;
}

form fieldset.radiobuttons ul li input[type=checkbox] {
	appearance: checkbox;
	-moz-appearance: checkbox;
	-webkit-appearance: checkbox;
}

form fieldset.info {
	position: relative;
}

form fieldset.info .info {
	position: absolute;
	z-index: 10;
	font-size: 0.925em;
	line-height: 1.25em;
	text-align: right;
	padding-right: 40px;
	padding-top: 2px;
	min-height: 35px;
	background: url(/assets/img/info.png) no-repeat right top;
}

form fieldset .result {
	color: #527a8f;
	font-style: italic;
	margin-top: 10px;
}

form fieldset select[multiple] {
	height: 200px;
	padding-top: 8px;
	padding-bottom: 8px;
	background: none;
}

form fieldset select[multiple] option {
	display: block;
	margin-bottom: 5px;
}

form fieldset.checkboxes p {
	padding-top: 3px;
}

form fieldset.dateCustom .date {
	width: 100%;
}

form fieldset.dateCustom .date input {
	padding: 8px 3%;
	width: 94%;
}

form fieldset.dateCustom .date .input-group-addon {
	float: left;
	position: absolute;
	z-index: 10;
	left: 0px;
	top: 5px;
	background: none;
	border: 0;
}

form fieldset.preferences {
	margin: 0;
}

form fieldset.preferences p {
	display: block;
	text-transform: uppercase;
	margin-bottom: 7px;
	font-weight: normal;
}

form fieldset.preferences p strong {
	color: #373737;
}

form fieldset.preferences p span {
	color: #07b2cc;
	font-weight: bold;
	text-transform: none;
}

form fieldset.preferences p em {
	font-style: normal;
	text-transform: none;
}

form fieldset.preferences ul {
	background: #ececec;
	height: 1%;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 20px 30px 10px;
}

form fieldset.preferences ul li {
	width: 20%;
	float: left;
}

form fieldset.preferences ul li input {
	float: left;
	width: 15px;
	height: 15px;
	margin-right: 8px;
	appearance: checkbox;
	-moz-appearance: checkbox;
	-webkit-appearance: checkbox;
}

form fieldset.preferences ul li label {
	float: left;
	text-transform: none;
	padding-top: 5px;
}

/* mod [13-9-22] */
form fieldset.preferences.trademark ul {
	padding: 20px 20px!important;
}
form fieldset.preferences.trademark ul:first-child{
	margin-bottom: 20px!important;
}
form fieldset.preferences.trademark ul li {
	width: 100%!important;
	float: none!important;
}
form fieldset.preferences.trademark ul li legend {
	margin-bottom: 0;
}


form fieldset.brands input {
	margin-bottom: 10px;
}

form fieldset.brands button,
form fieldset.brands button:hover {
	float: left;
	margin: 3px 8px 3px 0;
	padding: 10px 20px 10px 10px;
	font-weight: normal;
	width: auto !important;
}

form fieldset.custom-input-file {
	overflow: hidden;
	position: relative;
	cursor: pointer;
	min-height: 70px;
	width: 100%;
	margin-bottom: 0 !important;
}

form fieldset.custom-input-file .input-file {
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 10000px;
	border: 10000px solid transparent;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	right: -1000px;
	top: -1000px;
	cursor: pointer;
}

form fieldset.custom-input-file p {
	display: block;
	width: 150px;
	margin-right: 15px;
	text-align: center;
	padding: 8px 0 5px;
	color: #FFF;
	text-transform: uppercase;
	background: #07b2cc;
	cursor: pointer;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

form fieldset.custom-input-file .archive {
	float: left;
	margin-top: 8px;
	margin-bottom: 10px;
	font-style: italic;
}

form fieldset.widget-file {
	margin-bottom: 5px;
}

form fieldset.widget-file input[type="file"] {
	display: none;
}

form fieldset.widget-file label {
	width: 150px;
	margin: 0 0 2px;
	text-align: center;
	padding: 8px 0 5px;
	color: #FFF;
	text-transform: uppercase;
	background: #07b2cc;
	cursor: pointer;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

form fieldset.widget-file .archive {
	float: left;
	margin-top: 8px;
	margin-bottom: 10px;
	font-style: italic;
}

form fieldset.library input[type="button"] {
	background: #07b2cc !important;
}

form fieldset.uploads label {
	float: none;
	width: 100%;
	height: auto;
	background: none;
	color: #07b2cc;
	text-transform: uppercase;
	text-align: left;
	line-height: 1.2em;
}

form fieldset.uploads p {
	width: 100%;
}

form fieldset.uploads p img {
	width: 100%;
	height: auto;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

form fieldset.uploadImage label {
	display: block;
	margin-bottom: 7px;
	font-weight: normal;
}

form fieldset.uploadImage label span {
	display: block;
	font-style: italic;
	color: #9c9c9c;
	font-weight: normal;
	text-transform: none;
}

form fieldset.uploadImage a,
form fieldset.uploadImage a:hover {
	cursor: pointer;
	font-weight: bold;
	margin-bottom: 10px;
	background-image: url(/assets/img/upload.png);
	background-repeat: no-repeat;
	background-position: 42% 50%;
	background-size: 28px 28px;
}

form fieldset.uploadImage input[type="button"] {
	margin-bottom: 10px;
}

form fieldset.uploadImage p {
	text-align: center;
	padding: 20px 0;
	border: 1px dotted #707070;
	margin: 0;
	line-height: 0;
}

form fieldset.uploadImage p img {
	width: 250px;
	height: auto;
	margin: 0;
	background: #ebe6e7;
}

form fieldset.uploadImage p.nota {
	color: #8a6d3b;
	font-style: italic;
	padding: 0;
	border: 0;
	margin: 0 0 20px;
}

form .custom-combobox input.ui-widget-content {
	height: 25px;
	border: 1px solid #d8d8d8;
	background: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

form.form-interior {
	background: #ececec;
	padding: 10px 0;
}

form.form-interior fieldset {
	width: 95%;
	margin: 20px auto;
}

form.form-interior fieldset button,
form.form-interior fieldset a {
	width: 230px !important;
	float: right;
}

form.form-volver {
	height: 50px;
	margin-top: 50px;
}

form.form-volver fieldset button {
	width: 330px !important;
	float: right;
}

form.form-volver fieldset button.bt-volver {
	float: left;
}

/* *************************************************** botones */
.bt,
.bt:hover {
	display: block;
	width: 100%;
	text-align: center;
	padding: 10px 0;
	font-size: 1em;
	color: #FFF;
	text-transform: uppercase;
	background: #07b2cc;
	cursor: pointer;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.bt-invert,
.bt-invert:hover {
	background: #AAA !important;
}

.bt img {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 6px;
}

.bt span {
	display: inline-block;
}

.bt.bt-right {
	width: 22% !important;
	float: right !important;
}

.bt.bt-left {
	width: 20% !important;
	float: left !important;
}

.bt-add,
.bt-add:hover {
	display: inline-block;
	height: 28px;
	padding: 12px 0 0 45px;
	color: #ffba3f;
	font-size: 1.250em;
	font-style: italic;
	cursor: pointer;
	background: url(/assets/img/add.png) no-repeat 0 0;
}

.bt-cancel,
.bt-cancel:hover {
	background: #707070 !important;
}

.bt-save,
.bt-save:hover {
	background: #c3c3c3 !important;
	margin: 0 1.5%;
}

.bt-sep {
	margin-right: 10px;
}

.bt-unabled,
.bt-unabled:hover {
	background: #c7e7f1 !important;
	color: #07b2cc !important;
}

/* test+moreinfo */
.bts-testmoreinfo {
	margin: 70px auto 50px;
	width: 65%;
}

.bts-testmoreinfo ul {
	margin: 0 auto;
}

.bts-testmoreinfo ul li {
	float: left;
}

.bts-testmoreinfo ul li:first-child {
	width: 35%;
	margin-right: 2%;
}

.bts-testmoreinfo ul li:last-child {
	width: 63%;
}

.bts-testmoreinfo .moreinfo {
	border: 1px solid #07b2cc;
	background: #FFF;
	height: auto;
	padding: 9px 2%;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.bts-testmoreinfo .moreinfo em {
	color: #AAA;
}

.bts-testmoreinfo .moreinfo strong {
	color: #07b2cc;
}

.bts-testmoreinfo .moreinfo span {
	color: #07b2cc;
	padding: 0 3px 0 5px;
}

.bts-testmoreinfo .moreinfo span.sep {
	display: block;
	clear: both;
	width: 90%;
	height: 1px;
	margin: 10px 0 0;
	border-bottom: 1px dotted #07b2cc;
}

/* save+reset */
.bts-savereset {
	margin: 25px 0 10px;
	height: 50px;
}

.bts-savereset ul li {
	width: 50%;
	float: left;
}

.bts-savereset ul li .bt {
	width: 220px;
}

.bts-savereset ul li:last-child .bt {
	float: right;
}

/* apply+cancel */
.bts-applycancel {
	border-top: 1px dotted #07b2cc;
	padding: 15px 0 0;
	margin-bottom: 10px;
	height: 50px;
}

.bts-applycancel .bt {
	width: 220px;
	margin-left: 10px;
	float: right;
}


.btns,
.btns:hover {
	display: block;
	width: 210px;
	text-align: center;
	padding: 10px 0;
	font-size: 1em;
	color: #FFF;
	text-transform: uppercase;
	background: #07b2cc;
	cursor: pointer;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


/* *************************************************** table.table-details */
table.table-details {
	width: 95%;
	margin: 0 auto
}

table.table-details thead th {
	font-weight: normal;
	font-style: italic;
	text-align: left;
	padding: 25px 20px 10px;
}

table.table-details tbody tr td {
	background: #c7e7f1;
	border-bottom: 2px solid #FFF;
	padding: 6px 20px;
}

table.table-details tbody tr:nth-child(even) td {
	background: #d1f1fb;
}

table.table-details tbody tr td:first-child {
	border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

table.table-details tbody tr td:last-child {
	border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

table.table-details tbody tr td.mas-info {
	width: 80px;
}

table.table-details tbody tr td.mas-info a img {
	float: right;
}

table.table-details tbody tr td.mas-info a span {
	float: right;
	display: block;
	padding-right: 8px;
	padding-top: 4px;
}

/* *************************************************** table.table-sales */
table.data-sales {
	margin-bottom: 20px;
}

table.data-sales tbody {
	padding: 50px 0;
}

table.data-sales tr:nth-child(even) td {
	background-color: #f0f0f0;
}

table.data-sales tr th,
table.data-sales tr td {
	display: table-cell;
	text-align: center;
}

table.data-sales tr th {
	text-transform: uppercase;
}

table.data-sales tr th {
	padding: 15px 0;
	color: #07b2cc;
	font-weight: normal;
}

table.data-sales tr th.sep {
	border-top: 1px solid #999;
	padding: 0 0 20px;
}

table.data-sales tr td {
	padding: 10px 5px;
	border-right: 1px dashed #d8d8d8;
}

table.data-sales tr td:last-child {
	border-right: none;
}

table.data-sales tr td.sep {
	border-bottom: 1px solid #999;
	padding: 15px 0 0;
	border-right: 0;
	background: none;
}

table.data-sales tr td input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: center;
	color: #707070;
	background: #FFF;
	padding: 0;
	width: 80%;
	margin: 0 auto;
	height: auto;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

table.data-sales tr td input.disabled {
	border: 0;
	padding: 0;
	background: none;
}

/* *************************************************** pagination */
.pagination {
	width: 100%;
	margin: 20px auto 0;
	text-align: center;
}

.pagination ul {
	margin: 0;
}

.pagination ul li {
	display: inline;
	margin: 0 5px;
	text-align: center;
}

.pagination ul li a,
.pagination ul li span {
	float: none;
	padding: 0;
	border: 0;
}

.pagination ul li span {
	font-weight: bold;
}

.pagination ul li a,
.pagination ul li a:hover {
	color: #07b2cc;
	background: none;
	cursor: pointer;
}

.pagination ul li.previous a,
.pagination ul li.next a {
	font-size: 0.857em;
	font-weight: bold;
}

.pagination ul li.active a,
.pagination ul li.active a:hover {
	font-weight: bold;
	background: none;
	color: #07b2cc;
}

/* *************************************************** progress bar */
.progress {
	width: 97%;
	padding: 5px 1.5%;
	margin: 10px auto;
	background-color: #f5f5f5;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.progress .progress-bar {
	background-color: #c7e7f1;
	color: #07b2cc;
	float: none;
	white-space: nowrap;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

/* *************************************************** ajax-loader */
.ajax-loader {
	min-height: 250px;
	background: #FFF url(/assets/img/ajax-loader.gif) no-repeat 50% 50% !important;
}

/* *************************************************** wait */
#wait {
	position: fixed;
	z-index: 1000;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 32px;
	padding: 2px;
	background: #FFF url(/assets/img/loading.gif) no-repeat 50% 50%;
}

/* *************************************************** lightbox */
.lightbox {
	display: none;
	position: fixed;
	z-index: 900;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.7);
}

.lightbox .container {
	position: fixed;
	width: 850px;
	left: 50%;
	margin-left: -450px;
	height: 600px;
	top: 50%;
	margin-top: -300px;
	background: #FFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.lightbox .sep {
	width: 100%;
	height: 1px;
	background: #f0f0f0;
	margin: 25px 0;
	border: 0;
}

#mensaje-alert .container {
	width: 600px;
	margin-left: -300px;
	height: 300px;
	margin-top: -150px;
}

#lightboxZoom .container {
	width: 800px;
	margin-left: -400px;
	height: auto;
	margin-top: 0;
	top: 95px;
}

#lightboxZoom #capadetalle img {
	width: 100%;
	height: auto;
}

.lightbox p.tit {
	font-size: 1.357em;
	font-weight: normal;
	margin: 0;
	height: 45px;
	position: relative;
	border-bottom: 1px dotted #07b2cc;
}

.lightbox p.tit span {
	display: block;
	float: left;
	width: 70%;
	color: #07b2cc;
	font-style: italic;
	padding: 15px 25px 0;
}

.lightbox p.tit img {
	display: block;
	float: right;
	width: 33px;
	height: 33px;
	margin-top: 5px;
	cursor: pointer;
}

.lightbox p.intro {
	font-size: 1.5em;
	color: #07b2cc;
	font-style: italic;
	margin-top: 30px;
}

.lightbox form {
	margin-top: 20px;
}

.lightbox form fieldset {
	margin: 10px 0;
}

.lightbox form fieldset ul li {
	float: left;
	width: 48%;
}

.lightbox form fieldset ul li:last-child {
	float: right;
}

.lightbox #capadetalle {
	height: 500px;
	padding: 25px 30px;
	overflow: auto;
}

.lightbox #capadetalle-alert {
	height: auto;
	padding: 25px 30px;
}

.lightbox .bt {
	width: 200px;
}

.lightbox p.cerrar {
	height: 20px;
}

.lightbox p.cerrar .bt {
	background: #707070;
	width: auto;
	padding: 2px 5px 0;
	font-size: 0.875em;
	float: right;
}

.lightbox ul.aceptar-rechazar,
.lightbox ul.aceptar-rechazar {
	margin: 30px auto 40px;
	width: 400px;
	height: 30px;
}

.lightbox ul.aceptar-rechazar li,
.lightbox ul.aceptar-rechazar li {
	display: block;
	float: left;
	width: 46%;
	margin: 0 1%;
}

.lightbox ul.aceptar-rechazar li a,
.lightbox ul.aceptar-rechazar li a {
	background: #07b2cc;
	color: #fff;
	display: block;
	font-size: 1.125em;
	padding: 7px 0;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* *************************************************** alert / continue */
.alert {
	display: none;
	padding: 15px;
	margin: 0;
	height: 25px;
	background: #ececec;
	border-bottom: 1px solid transparent;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

.alert .bt {
	background: #707070;
	color: #FFF;
	width: auto;
	padding: 2px 3px;
	font-size: 0.875em;
	float: right;
}

.alert button {
	background: #707070;
	color: #FFF;
	width: auto;
	float: right;
	padding: 7px 10px;
	font-size: 0.875em;
	line-height: 1em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.alert span {
	display: block;
	float: left;
	width: 75%;
}

.alert span strong {
	display: block;
	float: left;
	font-weight: normal;
	margin-right: 10px;
	padding-top: 4px;
}

.alert span button,
.alert span button:hover {
	float: left;
	text-transform: uppercase;
	margin: 0 3px;
	border: 0;
	background: #707070;
}

.alert.alert-success {
	background: #dff0d8;
	border-color: #d6e9c6;
	color: #3c763d;
}

.alert.alert-info {
	background: #d9edf7;
	border-color: #bce8f1;
	color: #31708f;
}

.alert.alert-warning {
	background: #fcf8e3;
	border-color: #faebcc;
	color: #8a6d3b;
}

.alert.alert-danger {
	background: #f2dede;
	border-color: #ebccd1;
	color: #a94442;
}

.continue {
	text-align: center;
	padding: 80px 0 0;
	width: 95%;
	margin: 0 auto;
}

.continue button {
	margin: 20px auto;
}

/* *************************************************** .ui-autocomplete */
ul.ui-autocomplete {
	margin-top: -10px;
	width: 40%;
	padding: 8px 1.5%;
	height: auto;
	background: #FFF;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

ul.ui-autocomplete li {
	margin: 2px 0;
}

ul.ui-autocomplete li a {
	color: #707070;
	cursor: pointer;
}

.ui-helper-hidden-accessible {
	position: absolute;
	text-align: right;
	width: 100%;
	margin-top: -70px;
}

/* *************************************************** btnOpen, btnClose */
#btnOpen,
#btnClose {
	margin-bottom: 20px;
	margin: 0 auto 15px;
}

#btnOpen a,
#btnClose a {
	display: block;
	height: 20px;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left 50%;
}

#btnOpen a {
	background-image: url(/assets/img/detail-more.png);
}

#btnClose a {
	background-image: url(/assets/img/detail-less.png);
}

#btnOpen a span,
#btnClose a span {
	display: block;
	padding-top: 4px;
}

/* graficas google */
section .graphics {
	padding: 30px 2.5%;
	width: 95%;
	background: #FFF;
}

section .graphics h2 {
	color: #005a66;
	text-align: center;
	font-size: 1.214em;
	font-weight: bold;
	border: 0 !important;
	padding: 0;
	margin: 0 0 10px;
	height: auto;
}

section .graphics h3 {
	margin: 0 auto;
	color: #07b2cc;
	font-size: 1.214em;
	font-style: normal;
	text-transform: uppercase;
	border-top: 0;
	border-bottom: 2px solid #d2d5d9;
	height: auto;
	padding: 0 0 10px;
	text-align: center;
}

section .graphics h3 strong {
	color: #005a66;
}

section .graphics .graphics100 {
	width: 100%;
	margin: 0 auto;
	height: auto;
}

section .graphics .graphics100 .graphics20,
section .graphics .graphics100 .graphics30,
section .graphics .graphics100 .graphics33,
section .graphics .graphics100 .graphics40,
section .graphics .graphics100 .graphics50,
section .graphics .graphics100 .graphics60,
section .graphics .graphics100 .graphics70 {
	float: left;
}

section .graphics .graphics100 div div div,
section .graphics .graphics100 .graphics20 div div div,
section .graphics .graphics100 .graphics30 div div div,
section .graphics .graphics100 .graphics33 div div div,
section .graphics .graphics100 .graphics40 div div div,
section .graphics .graphics100 .graphics50 div div div,
section .graphics .graphics100 .graphics60 div div div,
section .graphics .graphics100 .graphics70 div div div {
	margin: 0 auto;
}

section .graphics .graphics100 .graphics-last {
	float: right !important;
	margin-right: 0 !important;
}

section .graphics .graphics100 .graphics20 {
	width: 18%;
	margin-right: 3%;
}

section .graphics .graphics100 .graphics30 {
	width: 28%;
}

section .graphics .graphics100 .graphics33 {
	width: 32%;
	margin-right: 2%;
}

section .graphics .graphics100 .graphics40 {
	width: 38%;
}

section .graphics .graphics100 .graphics50 {
	width: 48%;
}

section .graphics .graphics100 .graphics60 {
	width: 58%;
}

section .graphics .graphics100 .graphics70 {
	width: 68%;
}

section .graphics .graphics100.graphics-linechart {
	height: 330px;
}

section .graphics .graphics100.graphics-barchart {
	height: 430px;
}

section .graphics .graphics100 .graphics50.graphics-piechart {
	height: 420px;
}

section .graphics .graphics100 .graphics50.graphics-barchart {
	height: 380px;
}

section .graphics .graphics100 .graphics50.graphics-columnchart {
	height: 360px;
}

section .graphics .graphics100 .graphics33.graphics-piechart {
	height: 250px;
}

section .graphics .graphics100 .graphics40.graphics-canvas {
	height: 420px;
}

section .graphics .graphics100 .graphics60.graphics-bubblechart {
	height: 370px;
}

section .graphics .graphics100 .graphics70.graphics-linechart {
	height: 330px;
}

/* *************************************************** uploadFile */
section.uploadFile .container {
	border-top: 2px solid #07b2cc;
}

section.uploadFile h3 {
	height: 20px;
	padding-top: 15px;
	text-align: center;
	font-size: 1.125em;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
	background-image: url(/assets/img/upload-invert.png);
	background-repeat: no-repeat;
	background-position: 41% 50%;
	background-size: 35px 35px;
}

section.uploadFile form fieldset ul.btn-file {
	width: 60%;
	height: 40px;
	margin: 50px auto 20px;
	position: relative;
	overflow: hidden;
	padding: 0;
	border: 0;
}

section.uploadFile form fieldset ul.btn-file li {
	width: 200px;
	height: 40px;
}

section.uploadFile form fieldset ul.btn-file li:first-child {
	float: left;
}

section.uploadFile form fieldset ul.btn-file li:last-child {
	float: right;
}

section.uploadFile form fieldset ul.btn-file li input[type="file"] {
	position: relative;
	top: auto;
	right: auto;
	min-width: auto;
	min-height: auto;
	font-size: 12px;
	text-align: center;
	filter: alpha(opacity=1);
	opacity: 100;
	outline: none;
	background: #f00;
	cursor: inherit;
	display: block;
	text-indent: -99999px;
	cursor: pointer;
	width: 100%;
	height: 100%;
	background: url(/assets/img/browse.png) no-repeat 0 0;
}

section.uploadFile form fieldset ul.btn {
	width: 100%;
	margin-top: 20px;
	padding: 0;
}

section.uploadFile form fieldset ul.btn li:first-child {
	float: left;
	width: 30%;
}

section.uploadFile form fieldset ul.btn li:last-child {
	float: right;
	width: 68%;
}

section.uploadFile form fieldset #img-upload {
	width: 100%;
	margin-bottom: 2%;
}

section.uploadFile form fieldset #btnSave {
	text-align: center;
	padding: 20px 0;
	border: 1px dotted #707070;
	margin: 0;
	line-height: 0;
}

section.uploadFile form fieldset #btnSave img {
	width: 250px;
	height: auto;
	margin: 0 auto;
	background: #ebe6e7;
}

/* *************************************************** 404 */
section.error404 {
	text-align: center;
	padding-top: 100px;
	position: relative;
	background: #FFF;
}

section.error404 .container {
	width: 80%;
}

section.error404 h2 {
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 20px;
	background: none;
}

/* *************************************************** 500 */
section.error500 {
	text-align: center;
	padding-top: 50px;
	position: relative;
	background: #FFF;
}

section.error500 h2 {
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 20px;
	background: none;
}

/* *************************************************** bt-insificiente */
.bt-insificiente {
	margin: 20px 0 10px;
	font-size: 1.125em;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	padding: 20px 0;
	background: #ea4d4d url(/assets/img/insuficient.png) no-repeat 10px 50%;
	background-size: 50px 50px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* *************************************************** bt-disabled */
.bt-disabled {
	background: #d8d8d8 !important;
	cursor: default !important;
}

/* *************************************************** error-resolucion */
.error-resolucion {
	display: none;
	padding: 150px 0 50px;
}

.error-resolucion p {
	text-align: center;
}

/* *************************************************** #pdf (Create pdf)*/
body.preview-pdf {
	background: #FFF;
}

#pdf {
	font-family: 'Helvetica Light', Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #707070;
	line-height: 1.15em;
}

#pdf .pdf-main h2 {
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 10px 2.5%;
	width: 95%;
	height: 30px;
	margin-bottom: 20px;
	border-top: 2px solid #07b2cc;
	border-bottom: 1px dotted #07b2cc;
	background: none;
}

#pdf .pdf-main h2 img {
	float: left;
	width: 33px;
	height: 33px;
	background: #c7e7f1;
	margin-right: 8px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#pdf .pdf-main h2 span {
	float: left;
	display: block;
	padding-top: 10px;
}

#pdf .pdf-main strong {
	font-weight: normal;
}

/* *************************************************** input-group-addon */
.input-group-addon {
	cursor: pointer !important;
}

/* *************************************************** bootstrap datetimepicker-widget */
.bootstrap-datetimepicker-widget {
	padding: 10px !important;
	width: 220px !important;
	height: auto !important;
}

.bootstrap-datetimepicker-widget table {
	width: 100% !important;
	margin: 0 !important;
}

.bootstrap-datetimepicker-widget table tr th,
.bootstrap-datetimepicker-widget table tr th:hover {
	box-shadow: none !important;
	border: 0 !important;
	background: #FFF !important;
	color: #707070 !important;
	font-size: 12px !important;
	font-weight: bold !important;
	padding: 5px 8px !important;
	border-radius: 0 !important;
	text-transform: none !important;
}

.bootstrap-datetimepicker-widget table tr th.disabled,
.bootstrap-datetimepicker-widget table tr th.disabled:hover {
	background: none !important;
	color: #777777 !important;
	cursor: not-allowed !important;
}

.bootstrap-datetimepicker-widget table tr:first-child th {
	cursor: pointer !important;
}

.bootstrap-datetimepicker-widget table tr {
	border: 0 !important;
}

.bootstrap-datetimepicker-widget table tr td,
.bootstrap-datetimepicker-widget table tr td:hover {
	border: 0 !important;
	background: none !important;
	color: #707070 !important;
	font-size: 12px !important;
	padding: 7px 8px 5px !important;
	border: 0 !important;
	border-radius: 0 !important;
	text-align: center !important;
	cursor: pointer !important;
	background: #FFF !important;
	box-shadow: none !important;
}

.bootstrap-datetimepicker-widget table tr td:hover {
	color: #07b2cc !important;
}

.bootstrap-datetimepicker-widget table tr td.active,
.bootstrap-datetimepicker-widget table tr td.active:hover {
	background: #07b2cc !important;
	color: #FFF !important;
	cursor: default !important;
}

.date-hour .bootstrap-datetimepicker-widget {
	height: auto !important;
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
	display: block !important;
	font-weight: bold !important;
	font-size: 14px !important;
	margin: 0 35px !important;
}

.bootstrap-datetimepicker-widget .picker-switch {
	text-align: center !important;
}

.bootstrap-datetimepicker-widget .datepicker-months table.table-condensed tr td span,
.bootstrap-datetimepicker-widget .datepicker-months table.table-condensed tr td span:hover,
.bootstrap-datetimepicker-widget .datepicker-years table.table-condensed tr td span,
.bootstrap-datetimepicker-widget .datepicker-years table.table-condensed tr td span:hover {
	display: inline-block !important;
	width: 50% !important;
	float: left !important;
	padding: 5px 0 !important;
	color: #707070 !important;
	text-transform: uppercase !important;
}

/* ******************** jquery-ui slider range + infolight */
.range-infolight {
	position: relative;
}

.infolight {
	position: absolute;
	z-index: 10;
}

.infolight .ic {
	float: left;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.infolight .data {
	display: none;
	position: relative;
	float: right;
	height: auto;
	padding: 10px;
	background: #07b2cc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.infolight .data p.tic {
	position: absolute;
	z-index: 10;
	left: -10px;
	width: 15px;
	height: 25px;
}

.infolight .data p.cerrar {
	text-align: right;
}

.infolight .data p.cerrar img {
	cursor: pointer;
}

.range .ui-slider-horizontal {
	width: 100%;
	height: 8px;
	background: #acaaab;
	border: 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.range .ui-slider-horizontal .ui-slider-range.ui-widget-header {
	background: #07b2cc;
}

.range .ui-slider-horizontal a.ui-slider-handle {
	width: 40px;
	height: 40px;
	top: -15px;
	margin-left: -20px;
	border: 0;
	background: url(/assets/img/slider-handle.png) 0 0 no-repeat;
}

.range ul {
	height: 20px;
	margin: 25px 0 0;
}

.range ul li {
	width: 11%;
	float: left;
	text-align: left;
	color: #07b2cc;
	font-weight: bold;
}

span.btn-cancel,
span.btn-cancel:hover {
	margin: 10px 0 0;
	width: 200px;
	background: #AAA !important;
}


/* ************************* jquery-ui datepicker */
.ui-datepicker {
	padding: 5px 0;
	border: 1px solid #d2d5d9;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.ui-datepicker .ui-datepicker-header {
	background: #FFF;
	color: #707070;
	border: 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
	background: url(/assets/img/datepicker-prev.png) no-repeat 50% 50% !important;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
	background: url(/assets/img/datepicker-next.png) no-repeat 50% 50% !important;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
	font-family: 'Helvetica Light', Helvetica, Arial, sans-serif;
	color: #707070;
	font-size: 12px;
	font-weight: bold;
	line-height: 2.25em;
}

.ui-datepicker th {
	font-family: 'Helvetica Light', Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
	text-decoration: none;
	border: 0;
	color: #707070;
	background: #FFF;
}

.ui-datepicker td {
	width: 14%;
}

.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	font-family: 'Helvetica Light', Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	padding: 8px 0 5px;
	text-decoration: none;
	border: 0;
	background: #FFF;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.ui-datepicker td.ui-datepicker-today a {
	background: #c7e7f1 !important;
}

.ui-datepicker td a.ui-state-default {
	background: #FFF;
	color: #777;
	border: 1px solid #FFF;
}

/* ***************** calendarSimple */
.calendarSimple .ui-datepicker td a.ui-state-default.ui-state-active {
	background: #07b2cc !important;
	color: #FFF;
	border: 1px solid #07b2cc !important;
}

/* ***************** calendarMultiple */
.calendarMultiple .ui-datepicker td.ui-state-highlight {
	border: 0 !important;
	background: transparent !important;
}

.calendarMultiple .ui-datepicker td.ui-state-highlight a {
	background: #07b2cc !important;
	color: #FFF !important;
	border: 1px solid #07b2cc !important;
}

/* ***************** */
.calendar-dates .ui-datepicker td.closed a {
	font-weight: bold !important;
	color: #d20821 !important;
}

.calendar-dates .ui-datepicker td.event a {
	font-weight: bold !important;
	border: 2px solid #86bb50 !important;
}

.calendar-dates .ui-datepicker td.campaign a {
	font-weight: bold !important;
	border: 2px solid #e29310 !important;
}

.calendar-dates .ui-datepicker td.event-campaign a {
	font-weight: bold !important;
	border: 0 !important;
	border-top: 2px solid #86bb50 !important;
	border-left: 2px solid #86bb50 !important;
	border-right: 2px solid #e29310 !important;
	border-bottom: 2px solid #e29310 !important;
}

/* ************** */
/* mod [10-11-22] */
/* ************** */
.imgerrortext {
	background: #fff;
}
.imgerrortext h2 {
	padding-top: 3rem;
}
.imgerrortext p {
	padding: 10px 2.5%;
	width: 95%;
}
.imgerrortext .contentbtn {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	padding-top: 3rem;
	padding-bottom: 3rem;
	padding-right: 3rem;
}
.imgerrortext .contentbtn .bt {
	width: 20%;
}
/* radio group colores */
fieldset.radiobtn {
	margin-top: 15px;
	margin-bottom: 30px;
}
fieldset.radiobtn legend {
	display: block;
	text-transform: uppercase;
	margin-bottom: 7px;
	font-weight: normal;
	color: #707070;
}
fieldset.radiobtn .radiobtncontent {
	background: #ececec;
	padding: 2rem 3rem;
	display: flex;
	align-content: space-around;
	justify-content: space-between;
}
fieldset.radiobtn label {
	cursor: pointer;
	padding-right: 25px;
	text-transform:inherit;
}
fieldset.radiobtn input[type="radio"] {
	width: auto;
	margin-right: 7px;
	appearance: radio;
	-moz-appearance: radio;
	-webkit-appearance: radio;
}


/* mod 4-9-23 */
.taxonomies.mod * {
	box-sizing: border-box!important;
}

.taxonomies.mod .container h2 {
	padding: 0.5em 1.5em;
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	margin-bottom: 1em;
	align-items: center;
	justify-content: space-between;
	align-content: center;
	flex-wrap: wrap;
}

.taxonomies.mod .container h2 span{
	float: inherit;
	display: inline-block;
	padding-top: 3px;
	font-size: 14px;
}

.taxonomies.mod .container h2 a {
	display: flex;
	width: auto;
	flex-direction: row;
	align-content: center;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
	position: relative;
	right: 0;
	top: 0;
}

.taxonomies.mod .container .int {
	padding: 2.5em 3.5em;
	width: 100%;
}

.taxonomies.mod .container .int .imag {
	display: inline-block;
	width: 49.8%;
	vertical-align: top;
	margin-bottom: 2em;
}

.taxonomies.mod .container .int .imag.tot {
	width: 100%;
}

.taxonomies.mod .container .int .imag p.tituloimgmarca {
	margin-bottom: 1em;
	color: #07b2cc;
	text-align: center;
}

.taxonomies.mod .container .int .coledit {
	text-align: center;
}

.taxonomies.mod .container .int .coledit .imagenmarca {
	background: #F1F1F1 url(/assets/img/no-img.png) no-repeat center center;
	width: 240px;
	height: 240px;
	padding: 0px !important;
	overflow: hidden;
	margin: 0 auto;
}

.taxonomies.mod .container .int .coledit .imagenmarca span {
	background: #F1F1F1;
	width: 240px;
	height: 240px;
	display: block;
}

.taxonomies.mod .container .int .coledit .imagenmarca img {
	width: 100%;
	height: auto;
	background: #F1F1F1;
}

.taxonomies.mod .container .int .coledit fieldset > span {
	text-align: left;
	padding: 1em 0 .4em 0;
	display: block;
}

.taxonomies.mod .container .int .coledit fieldset legend.other {
	display: block;
	width: 100%;
	padding: 3em 0 0 0;
	text-align: left;
}

.taxonomies.mod .container .int .coledit .uploadImages {
	border: none;
	width: 100%;
	float: none;
	padding: 0;
	margin: 0 auto;
}

.taxonomies.mod .container .int .coledit .uploadImages p {
	border: 0px !important;
	padding: 1em 0;
	color: #07b2cc;
}

.taxonomies.mod .container .int .coledit .uploadImages .bt {
	width: 240px !important;
	margin: 8px auto;
}

.taxonomies.mod .container .int .coledit .uploadImages img {
	width: 100%;
	height: auto;
}

.taxonomies.mod .container .int .coledit .bt#btnAct {
	max-width: 280px;
}

.taxonomies.stores .coledit * {
	box-sizing: border-box!important;
}

.taxonomies.mod .combo {
	margin: 2.5em 0 3.5em;
}

.taxonomies.mod .combo label {
	display: block;
	margin-bottom: 0.5em;
}

.taxonomies.mod .combo .multi-select-container {
	width: 100%;
	max-width: 40%;
}

.taxonomies.mod .combo .multi-select-button {
	padding: 0.7em 0.7em;
	border: 1px solid #d8d8d8;
}

.taxonomies.mod .combo .multi-select-button {
	width: 100%;
	max-width: 100%;
	box-shadow: none;
}

.taxonomies.mod .combo .multi-select-button::after {
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 15px;
}




/* stores Edit */
.taxonomies.stores.mod .int {
	height: auto;
	display: flex;
}

.taxonomies.stores.mod .colizq {
	width: 35%;
	padding-right: 3em;
}

.taxonomies.stores.mod .colder {
	width: 65%;
}

.taxonomies.stores.mod .colimg,
.taxonomies.stores.mod .coledit {
	float: none;
}

.taxonomies.stores.mod .colimg p {
	width: 100%;
	height: 333px;
}

.taxonomies.stores.mod .coledit {
	padding-right: 0;
}

.taxonomies.stores.mod .container .int .colizq .colimg {
	width: 100%;
}

.taxonomies.stores.mod .container .int .colizq .coledit {
	width: 100%;
	text-align: center;
}

.taxonomies.stores.mod .container .int .colder .coledit {
	width: 85%;
	margin-bottom: 1.5em;
}

.taxonomies.stores.mod .container .int .coledit {
	text-align: left;
}

.taxonomies.stores.mod .container .int .colder .coledit label {
	display: block;
	margin-bottom: 1em;
}

.taxonomies.stores.mod .container .int .colder .coledit .multi-select-container,
.taxonomies.stores.mod .container .int .colder .coledit .multi-select-button {
	width: 100%;
	max-width: 100%;
	box-shadow: none;
}

.taxonomies.stores.mod .container .int .colder .coledit .multi-select-button {
	padding: 0.7em 0.7em;
	border: 1px solid #d8d8d8;
}

.taxonomies.stores.mod .container .int .colder .coledit .multi-select-button::after {
	position: absolute;
	right: 15px;
	top: 13px;
	font-size: 15px;
}

.taxonomies.stores.mod .container .int .colder .coledit fieldset input,
.taxonomies.stores.mod .container .int .colder .coledit fieldset select {
	width: 100%;
}

.taxonomies.stores.mod .container .int .colder .coledit fieldset.form-send {
	display: flex;
	justify-content: flex-end;
	margin-top: 2em;
}







/* MOD [14-9-23] */
.contentcombosedit {
	box-sizing: border-box!important;
	padding: 2em 1em;
}

.contentcombosedit * {
	box-sizing: border-box !important;
}

.contentcombosedit .row div[class*="col-md-2"] {
	width: 20%;
}

.contentcombosedit .multi-select-container,
.contentcombosedit .multi-select-button {
	width: 100%;
}

.contentcombosedit .multi-select-container {
	margin-bottom: 1em;
}

.contentcombosedit .multi-select-button {
	max-width: 100%;
	padding: 0.5em 1.2em 0.5em 0.7em;
	box-shadow: none;
}

.contentcombosedit .multi-select-button:after {
	position: absolute;
	right: 10px;
	top: 15px;
}

.contentcombosedit .csel label {
	display: block;
	text-transform: uppercase;
	margin-bottom: 7px;
	font-weight: normal;
}


/* MOD [14-9-23] */
/* hack para select voucher */
form fieldset#fieldStores input,
form fieldset#fieldStoresMixed1 input,
form fieldset#fieldStoresMixed2 input {
	appearance: auto; 
	-moz-appearance: auto;
	-webkit-appearance: auto; 
}



/* MOD [16-8-24] */
/* date field + css */
.taxonomies.mod .coledit .datefield * {
	box-sizing: border-box;
}

.taxonomies.mod .coledit .datefield .input-group {
	margin-bottom: .5em;
	width: 10em;
}

.taxonomies.mod .coledit .datefield .input-group .titlespan {
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	display: block;
	margin: 3px 0;	
}

.taxonomies.mod .coledit .datefield .input-group .datefiled-input {
	border: solid 1px #D8D8D8;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
}

.taxonomies.mod .coledit .datefield .input-group .datefiled-input > input {
	padding: .5em;
	width: 9em;
}

.taxonomies.mod .coledit .datefield .input-group .datefiled-input > .input-group-addon {
	border: none;
	background-color: transparent;
	width: 3em;
}




/* ********************************************************* */
@media screen and (max-width: 1170px) {

	.container {
		width: 95%;
	}

	/* *********** header.main */
	header.main {
		height: 55px;
	}

	header.main .container {
		margin: 0 auto;
	}

	header.main h1 {
		width: 50%;
		margin-left: 0;
	}

	header.main h1 span {
		padding-top: 15px;
		font-size: 16px;
	}

	header.main h1 img {
		width: 155px;
		height: auto;
	}

	header.main ul {
		width: 45%;
		margin-top: 13px;
	}

	header.main ul li.open {
		padding-top: 2px;
		height: 30px;
	}

	header.main ul li.open i {
		font-size: 2em;
	}

	/* ******************* .main-navi (menú desplegable) */
	.main-navi ul {
		padding-top: 80px;
	}

	.main-navi ul li {
		height: 30px;
	}

	.main-navi ul li a img {
		width: 30px;
		height: 30px;
	}

	.main-navi ul li a span {
		font-size: 1.75em;
	}

	/* ******************* .nav */
	.nav ul li a {
		padding: 15px 15px;
	}

	/* ****************** .menu, .submenu */
	.menu {
		padding-top: 20px;
	}

	.menu .container {
		padding: 20px 2.5%;
		width: 90%;
	}

	.menu ul li {
		padding-right: 10px;
		background: none;
	}

	.menu ul li a {
		padding: 8px 5px;
	}

	.menu ul li.no-tic {
		margin-left: 0;
	}

	.menu ul.campaign-sent {
		right: 2.5%;
	}

	/* *********************** general */
	h2 a.preview {
		right: 18%;
	}

	/* ************************ form */
	form fieldset button img {
		width: 15px;
		height: 15px;
	}

	form fieldset button span {
		padding-top: 0;
	}

	form fieldset .date input {
		width: 100%;
		border-top-right-radius: 0;
		-moz-border-top-right-radius: 0;
		-webkit-border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		-moz-border-bottom-right-radius: 0;
		-webkit-border-bottom-right-radius: 0;
	}

	form fieldset.uploadImage a,
	form fieldset.uploadImage a:hover {
		background-position: 40% 50%;
	}

	/* ****************************** uploadFile */
	section.uploadFile h3 {
		background-position: 40% 50%;
	}

	/* ******************************** lightbox */
	.lightbox .container {
		width: 700px !important;
		margin-left: -350px !important;
	}

	#lightboxZoom .container {
		width: 600px;
		margin-left: -300px;
		top: 85px;
	}

	/* ******************************** bts */
	.bts-testmoreinfo {
		margin: 50px auto 30px;
		width: 75%;
	}

	.bts-testmoreinfo .moreinfo {
		height: 18px;
	}
}

@media screen and (max-width: 768px) {
	body {
		font-size: 12px;
	}

	/* **************************** .nav */
	.nav {
		height: 75px !important;
	}

	.nav ul li {
		margin-right: 3px;
	}

	.nav ul li a {
		padding: 15px 10px;
	}

	.actual-search {
		top: 10px;
	}

	.menu ul li a img {
		display: none;
	}

	ul.submenu li a {
		padding: 3px 10px;
	}

	/* **************************** general */
	h2 a.preview {
		right: 24%;
	}

	form fieldset.uploadImage a,
	form fieldset.uploadImage a:hover {
		background-position: 39% 50%;
		background-size: 25px 25px;
	}

	/* ***************************** uploadFile */
	section.uploadFile h3 {
		background-position: 38% 50%;
		background-size: 28px 28px;
	}

	section.uploadFile form fieldset ul.btn-file {
		width: 80%;
	}

	section.uploadFile form fieldset ul.btn-file li input[type="button"],
	section.uploadFile form fieldset ul.btn-file li input[type="button"]:hover {
		padding: 9px 0;
	}


		.contentcombosedit {
			padding: 1em;
		}
	
		.contentcombosedit .row div[class*="col-md-2"] {
			width: 100% !important;
		}

}


@media screen and (max-width: 560px) {

	.taxonomies.stores.mod .int {
		flex-direction: column;
	}
	
	.taxonomies.stores.mod .colizq {
		width: 100%;
		padding-right: 0;
		margin-bottom: 2em;
	}

	.taxonomies.stores.mod .colder {
		width: 100%;
	}

	.taxonomies.stores.mod .container .int .colder .coledit {
		width: 100%;
	}

	.taxonomies.stores.mod .container .int .coledit .bt#btnAct {
		max-width: 100%;
		width: 100% !important;
	}

	.taxonomies.mod .container .int {
		padding: 1.5em;
	}

	.taxonomies.mod .container .int .imag {
		width: 100%;
	}

	.taxonomies.mod .container .int .coledit .bt#btnAct {
		max-width: 100%;
	}

	.taxonomies.mod .combo .multi-select-container {
		max-width: 100%;
	}



}


.thebell { width: 25px: height:25px; display: block; position: absolute; margin-top: -50px; margin-left: 45px;  }