﻿/* VARIOS
----------------------------------------------------------*/
.oculto {
	display: none;
}

/* FORMULARIOS
----------------------------------------------------------*/
textarea {
	width: 97%;
	resize: none;
}

div.error, span.error {
	color: #cc0000;
	line-height: normal;
	font-size: 11px;
	font-weight: normal;
}

.input-group.error .file-caption, input[type=text].error, input[type=password].error, textarea.error, select.error {
	border-color: #aa0000;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(221, 75, 57, 0.6);
	color: #333333;
	outline: 0 none;
}

	.input-group-addon-error, .dropdown-toggle-error, .panel-default-error, .fileInputError .file-caption, input[type=text].error, input[type=text].error:focus, input[type=password].error, input[type=password].error:focus, textarea.error, textarea.error:focus, select.error, select.error:focus, .TxDescripcion_DesignBox.error {
		border-color: #a94442;
	}

input[type=text]:not(.error):focus, input[type=password]:not(.error):focus, textarea:not(.error):focus, select:not(.error):focus {
	border-color: #56B4EF;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	opacity: 0.8;
	outline: 0 none;
}

input[type=text].error:focus, input[type=password].error:focus, textarea.error:focus, select.error:focus {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(221, 75, 57, 0.6);
	opacity: 0.8;
	outline: 0 none;
}

.bootstrap-tagsinput input[type=text]:not(.error):focus {
	box-shadow: none;
}

input[type="file"]:focus, input[type="checkbox"]:focus, select:focus {
	box-shadow: none;
	outline: 1px dotted #666666;
}

.form-group .form-control.error {
	border-color: #a94442;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(221, 75, 57, 0.6);
}

.input-group.error .file-caption,
input[type=text].error,
input[type=password].error,
textarea.error,
select.error,
.dropdown-toggle.error,
.dropdown-toggle-error {
	border-color: #aa0000;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(221, 75, 57, 0.6);
	color: #333333;
	outline: 0 none;
}

div.error, span.error {
	color: #cc0000;
	line-height: normal;
	font-size: 11px;
	font-weight: normal;
}

.input-group-addon-error {
	color: #a94442;
	background-color: #f2dede;
}

.panel-default-error .panel-heading {
	color: #a94442 !important;
	background-color: #f2dede !important;
}

	.panel-default-error .panel-heading > * {
		color: #a94442 !important;
	}

/* -- Menu filtros -- */
.openMenuFiltros {
	font-size: 14px;
	cursor: pointer;
}

.menuDD {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

	.menuDD > li a {
		clear: both;
		color: #333;
		display: block;
		font-weight: normal;
		line-height: 1.42857;
		padding: 12px 20px;
		white-space: nowrap;
	}

		.menuDD > li a:hover {
			background-color: #f5f5f5;
			color: #262626;
			text-decoration: none;
		}


/* LOADER
----------------------------------------------------------*/
#fondoLoader {
	z-index: 10000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #333333;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
}

#overlay {
	z-index: 10001;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

* html #overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}

#loader {
	z-index: 10002;
	position: fixed;
	left: 46%;
	top: 40%;
	margin-left: -60px;
	background-color: White;
	border: 3px solid #EEEEEE;
	padding: 2.2em 2.5em 1.2em 2.3em;
}

* html #loader {
	position: absolute;
	margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
}

.loaderText {
	position: relative;
	left: -1px;
	bottom: 0.4em;
	width: 155px;
	font-family: "roboto_slabbold";
	font-size: medium;
	color: #d6d6d6;
	margin: 0 0 0 0.2em;
}


/* ARREGLOS
----------------------------------------------------------*/
#lnkAmpliarSoporte i {
	color: #000000;
}

.textoControlAviso i {
	margin-right: 5px;
}

audio {
	width: 100%;
}


.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	display: none;
}

@media (min-width: 0px) {
	#main-slider .carousel .item {
		height: 100px !important;
	}
}

@media (min-width: 200px) {
	#main-slider .carousel .item {
		height: 140px !important;
	}

	#main-slider .carousel .slide-margin {
		margin-top: 0px;
	}

	#main-slider .carousel h1 {
		font-size: 10px;
	}

	#main-slider .carousel h2 {
		font-size: 8px;
	}
}

@media (min-width: 360px) {
	#main-slider .carousel .item {
		height: 200px !important;
	}

	#main-slider .carousel .slide-margin {
		margin-top: 30px;
	}

	#main-slider .carousel h1 {
		font-size: 15px;
	}

	#main-slider .carousel h2 {
		font-size: 10px;
	}
}

@media (min-width: 460px) {
	#main-slider .carousel .item {
		height: 245px !important;
	}

	#main-slider .carousel .slide-margin {
		margin-top: 60px;
	}

	#main-slider .carousel h1 {
		font-size: 17px;
	}

	#main-slider .carousel h2 {
		font-size: 12px;
	}
}

@media (min-width: 550px) {
	#main-slider .carousel .item {
		height: 315px !important;
	}

	#main-slider .carousel .slide-margin {
		margin-top: 90px;
	}
}

@media (min-width: 720px) {
	#main-slider .carousel .item {
		height: 385px !important;
	}

	#main-slider .carousel .slide-margin {
		margin-top: 120px;
	}

	#main-slider .carousel h1 {
		font-size: 20px;
	}

	#main-slider .carousel h2 {
		font-size: 15px;
	}
}

@media (min-width: 840px) {
	#main-slider .carousel .item {
		height: 440px !important;
	}

	#main-slider .carousel .slide-margin {
		margin-top: 120px;
	}

	#main-slider .carousel h1 {
		font-size: 20px;
	}

	#main-slider .carousel h2 {
		font-size: 15px;
	}
}

@media (min-width: 960px) {
	#main-slider .carousel .item {
		height: 540px !important;
	}

	#main-slider .carousel .slide-margin {
		margin-top: 140px;
	}

	#main-slider .carousel h1 {
		font-size: 25px;
	}

	#main-slider .carousel h2 {
		font-size: 16px;
	}
}

@media (min-width: 1200px) {
	#main-slider .carousel .item {
		height: 640px !important;
	}

	#main-slider .carousel h1 {
		font-size: 32px;
	}

	#main-slider .carousel h2 {
		font-size: 18px;
	}
}

@media (min-width: 1366px) {
	#main-slider .carousel .item {
		height: 730px !important;
	}

	#main-slider .carousel h1 {
		font-size: 36px;
	}

	#main-slider .carousel h2 {
		font-size: 20px;
	}
}

@media (min-width: 1750px) {
	#main-slider .carousel .item {
		height: 780px !important;
	}

	#main-slider .carousel h1 {
		font-size: 36px;
	}

	#main-slider .carousel h2 {
		font-size: 20px;
	}
}

.iperiusremote {
	color: #712884 !important
}

	.iperiusremote:hover {
		color: #A1067E !important
	}

.pImagenTexto {
	color: #4E4E4E;
	font: 18px Nexa-Light !important;
	padding: 20px;
}

span.scrollup {
	cursor: pointer;
}
