@charset "utf-8";
/* CSS Document */
/* fixes */
* {
	margin  : 0;
	padding : 0;
}
body {
	font-family : 'Ubuntu', sans-serif !important;
	font-size   : 16px !important;
}
.container-fluid {
	margin-left   : 0px !important;
	margin-right  : 0px !important;
	padding-left  : 0px !important;
	padding-right : 0px !important;
}
.navbar-brand img {
	margin-left : 20px;
	margin-top  : 25px;
	width       : 300px;
}
img {
	border : none
}
article, aside, figure, footer, header, hgroup, nav, section {
	display : block;
}
textarea {
	resize : none;
}
a {
	text-decoration : none;
}
a:hover {
	text-decoration : none;
}
.linkBlanco:hover {
	text-decoration : underline;
	color           : #FFF;
}
/* classes comunes */
.clear {
	width : 100%;
	clear : both;
}
.center {
	display : block;
	margin  : 0 auto;
}
.left {
	float : left;
}
.right {
	float : right;
}
.none {
	display : none;
}
.noPML {
	padding-left : 0px !important;
	margin-left  : 0px !important;
}
.noPMR {
	padding-right : 0px !important;
	margin-right  : 0px !important;
}
.linkOC {
	color          : #000;
	font-size      : 12px;
	display        : block;
	padding-bottom : 5px;
}
.e30 {
	width            : 100%;
	height           : 30px;
	background-color : transparent;
	display          : block;
}
/* firma kábala */
#logoKabala {
	display  : block;
	width    : 50px;
	height   : 13px;
	position : absolute;
	bottom   : 10px;
	left     : 10px;
}
/*
Al seleccionar un campo de ingreso de texto, o un select, en browser realiza un zoom. (iphone)
http://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone 
*/
@media screen and (-webkit-min-device-pixel-ratio : 0) {
	select,
	textarea,
	input {
		font-size : 16px !important;
	}
}
/* responsive youtube iframe container */
.videoWrapper {
	position       : relative;
	padding-bottom : 56.25%; /* 16:9 */
	padding-top    : 25px;
	height         : 0;
}
.videoWrapper iframe {
	position : absolute;
	top      : 0;
	left     : 0;
	width    : 100%;
	height   : 100%;
}
/* tipografía y colores */
.textoNegro {
	color : #000;
}
.backgroundNegro {
	background-color : #000;
}
.textoAzul {
	color : #0060A4;
}
.backgroundAzul {
	background-color : #0060A4;
}
.textoAmarillo {
	color : #EAA000;
}
.backgroundAmarillo {
	background-color : #EAA000;
}
.textoCeleste {
	color : #D0EBFE;
}
.backgroundCeleste {
	background-color : #D0EBFE;
}
.textoGris {
	color : #CDCDCD;
}
.backgroundGris {
	background-color : #CDCDCD;
}
.textoAzulOscuro {
	color : #005079;
}
.backgroundAzulOscuro {
	background-color : #005079;
}
.textoBlanco {
	color : #FFF;
}
.backgroundBlanco {
	background-color : #FFF;
}
.tituloChico {
	font-size   : 18px;
	font-weight : bolder;
}
.tituloGrande {
	font-size   : 24px;
	font-weight : bolder;
}
.light {
	font-weight : 300;
}
.normal {
	font-weight : 500;
}
.bold {
	font-weight : 700;
}
.btnAzul {
	text-decoration  : none;
	background-color : #005079;
	color            : rgb(255, 255, 255);
	padding          : 18px;
	font-weight      : 700;
}
.btnAzul:hover, .btnAzul:active, .btnAzul:focus {
	color           : #FFF;
	text-decoration : none;
}
.t12 {
	font-size : 12px;
}
.t14 {
	font-size : 14px;
}
.t16 {
	font-size : 16px;
}
.t18 {
	font-size : 18px;
}
.t20 {
	font-size : 20px;
}
.t24 {
	font-size : 24px;
}
/* banda azul usuario */
#log {
	padding        : 10px;
	vertical-align : middle;
}
.infoLog {
	float : left;
}
.linksLog {
	float : right;
}
.goCarrito.textoBlanco {
	font-size    : 14px;
	margin-right : 30px;
}
.goSalir.textoBlanco {
	margin-right : 15px;
}
.goCatalogo {
	font-size      : 14px;
	margin-right   : 20px;
	vertical-align : baseline;
}
.goCatalogo.textoBlanco:hover {
	color : #FFF;
}
.goCarrito.textoBlanco:hover {
	color : #FFF;
}
.goSalir.textoBlanco:hover {
	color : #FFF;
}
/* header */
.info {
	font-size      : 18px;
	font-weight    : 700;
	padding-bottom : 5px;
	padding-right  : 30px;
	padding-top    : 5px;
	text-align     : right;
}
nav {
	background-color : rgb(255, 255, 255) !important;
}
.navbar-header {
	position : relative;
	top      : -60px;
}
.navbar {
	border        : medium none;
	margin-bottom : 0;
	min-height    : 65px;
	position      : relative;
}
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
	margin-left : -43px;
}
.navbar-default .navbar-nav > li > a {
	color         : rgb(0, 80, 121);
	font-size     : 18px;
	font-weight   : 500;
	padding-left  : 35px;
	padding-right : 35px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a:focus {
	color : rgb(0, 80, 121);
}
/* ingreso cliente */
.modal-dialog {
	margin : 30px auto;
	width  : 300px !important;
}
#btnIC {
	margin-left : 15px;
}
.modal-footer {
	border-top     : medium none;
	padding-bottom : 30px;
	padding-top    : 0;
}
/* footer */
footer {
	display        : block;
	width          : 100%;
	padding-bottom : 15px;
}
/* marcas */
.marcas {
	display : block;
}
.marcas li {
	display  : inline-block;
	position : relative;
	margin   : 15px;
}
.contenedorLogo {
	display        : inline-block;
	max-width      : 500px;
	position       : relative;
	vertical-align : top;
	width          : 100%;
	padding        : 25px;
}
.contenedorLogo > img {
	padding-bottom : 15px;
	display        : inline-block;
	position       : relative;
}
/* contacto */
#btn_enviar_contacto {
	border  : none;
	display : block;
}
/* listado de productos */
.tituloListado {
	background-color : rgb(205, 205, 205);
	border-radius    : 5px;
	color            : rgb(255, 255, 255);
	display          : block;
	font-size        : 20px;
	font-weight      : 500;
	letter-spacing   : 10px;
	text-align       : center;
	text-transform   : uppercase;
	width            : 100%;
}
#listado li {
	border-radius  : 5px;
	display        : inline-block;
	height         : 70px;
	margin         : 7px 5px;
	vertical-align : middle;
	width          : 270px;
}
#listado a {
	border-radius : 5px;
	color         : rgb(255, 255, 255);
	display       : block;
	font-size     : 18px;
	font-weight   : 500;
	height        : 70px;
	padding       : 10px;
	width         : 270px;
}
/* listado dos */
#listadoPrimerNivel li {
	border-radius  : 5px;
	display        : inline-block;
	height         : 70px;
	margin         : 7px 5px;
	vertical-align : middle;
	width          : 270px;
}
#listadoPrimerNivel a {
	border-radius : 5px;
	color         : rgb(255, 255, 255);
	display       : block;
	font-size     : 18px;
	font-weight   : 500;
	height        : 70px;
	padding       : 10px;
	width         : 270px;
}
#listadoPrimerDos li {
	border-radius  : 5px;
	display        : inline-block;
	height         : 70px;
	margin         : 7px 5px;
	vertical-align : middle;
	width          : 270px;
}
#listadoPrimerDos a {
	border-radius : 5px;
	color         : rgb(255, 255, 255);
	display       : block;
	font-size     : 18px;
	font-weight   : 500;
	height        : 70px;
	padding       : 10px;
	width         : 270px;
}
/* listado tres */
.vistaProducto > div {
	display        : inline-block;
	max-width      : 278px;
	position       : relative;
	vertical-align : top;
	width          : 100%;
}
.vistaProducto img {
	border        : 1px solid rgb(205, 205, 205);
	border-radius : 5px;
	margin        : 7px;
	display       : inline-block;
}
/* listado cuatro */
.textoNegro.bold {
	font-size   : 20px;
	line-height : 30px;
}
tbody {
	font-size : 14px;
}
.masCarrito {
	background-color : rgb(205, 205, 205);
	font-size        : 20px;
	padding          : 8px 8px;
}
.menosCarrito {
	background-color : rgb(205, 205, 205);
	font-size        : 20px;
	padding          : 8px 10px;
}
.cantidadProductos {
	background-color : rgb(235, 235, 235);
	display          : inline-block;
	font-size        : 20px;
	font-weight      : normal;
	padding          : 5px 10px;
	width            : 40px;
}
#marcaProducto {
	padding-top : 15px;
}
/* carrito de compras */
#formularioPedido {
	margin-top : 25px;
}
#mensajeOkCarrito {
	background-color : rgba(0, 96, 164, 0.15);
	border-radius    : 5px;
	padding          : 10px;
	text-align       : center;
}
/* hover */
/* Float */
.hvr-float {
	display                            : inline-block;
	vertical-align                     : middle;
	-webkit-transform                  : perspective(1px) translateZ(0);
	transform                          : perspective(1px) translateZ(0);
	box-shadow                         : 0 0 1px transparent;
	-webkit-transition-duration        : 0.3s;
	transition-duration                : 0.3s;
	-webkit-transition-property        : transform;
	transition-property                : transform;
	-webkit-transition-timing-function : ease-out;
	transition-timing-function         : ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
	-webkit-transform : translateY(-8px);
	transform         : translateY(-8px);
}
/* Underline From Center */
.hvr-underline-from-center {
	display           : inline-block;
	vertical-align    : middle;
	-webkit-transform : perspective(1px) translateZ(0);
	transform         : perspective(1px) translateZ(0);
	box-shadow        : 0 0 1px transparent;
	position          : relative;
	overflow          : hidden;
}
.hvr-underline-from-center:before {
	content                            : "";
	position                           : absolute;
	z-index                            : -1;
	left                               : 50%;
	right                              : 50%;
	bottom                             : 0;
	background                         : #CDCDCD;
	height                             : 4px;
	-webkit-transition-property        : left, right;
	transition-property                : left, right;
	-webkit-transition-duration        : 0.3s;
	transition-duration                : 0.3s;
	-webkit-transition-timing-function : ease-out;
	transition-timing-function         : ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
	left  : 0;
	right : 0;
}
/* Forward */
.hvr-forward {
	display                     : inline-block;
	vertical-align              : middle;
	-webkit-transform           : perspective(1px) translateZ(0);
	transform                   : perspective(1px) translateZ(0);
	box-shadow                  : 0 0 1px transparent;
	-webkit-transition-duration : 0.3s;
	transition-duration         : 0.3s;
	-webkit-transition-property : transform;
	transition-property         : transform;
}
.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
	-webkit-transform : translateX(8px);
	transform         : translateX(8px);
}
/* Underline From Left */
.hvr-underline-from-left {
	display           : inline-block;
	vertical-align    : middle;
	-webkit-transform : perspective(1px) translateZ(0);
	transform         : perspective(1px) translateZ(0);
	box-shadow        : 0 0 1px transparent;
	position          : relative;
	overflow          : hidden;
	background-color  : #0060A4;
	color             : #FFF;
}
.hvr-underline-from-left:before {
	content                            : "";
	position                           : absolute;
	z-index                            : -1;
	left                               : 0;
	right                              : 100%;
	bottom                             : 0;
	background                         : #EBA50F;
	height                             : 4px;
	-webkit-transition-property        : right;
	transition-property                : right;
	-webkit-transition-duration        : 0.3s;
	transition-duration                : 0.3s;
	-webkit-transition-timing-function : ease-out;
	transition-timing-function         : ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
	right : 0;
}
/* mediaqueries */
@media (max-width : 768px) {
	.navbar .container {
		height : 100%;
	}
	.navbar-header {
		background-color : rgb(255, 255, 255);
		position         : relative;
		top              : 0;
		z-index          : 9;
	}
	.hvr-underline-from-center.textoAzulOscuro {
		text-align : center;
	}
	.navbar-brand {
		height : 145px;
	}
	.navbar > .container .navbar-brand,
	.navbar > .container-fluid .navbar-brand {
		margin-left : -65px;
	}
	.navbar-toggle {
		margin-top : 60px;
	}
	.navbar-default .navbar-toggle {
		border-color : #FFF;
	}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background-color : rgb(255, 255, 255);
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color : rgb(0, 96, 164);
	}
	.navbar-toggle .icon-bar {
		border-radius : 1px;
		display       : block;
		height        : 5px;
		width         : 30px;
	}
	.info {
		display : none;
	}
	.marcas > img {
		width : 75px;
	}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
		margin-left : -28px;
	}
	#btnICMobile {
		text-align  : center;
		width       : 100%;
		margin-left : 0px;
	}
	.contenedorIngresoMobile {
		display : block !important;
	}
	.contenedorTelefonosMobile {
		display : block !important;
	}
	.contenedorTelefonosMobile > a {
		display        : inline-block;
		font-size      : 20px;
		padding-bottom : 10px;
		padding-top    : 10px;
		position       : relative;
	}
	.textoPortadaMobile {
		display     : block !important;
		padding-top : 35px;
	}
	.textoPortada {
		display : none;
	}
}
.textoPortadaMobile,
.contenedorIngresoMobile,
.contenedorTelefonosMobile {
	display : none;
}
/* Forward */
.hvr-forward {
	display                     : inline-block;
	vertical-align              : middle;
	-webkit-transform           : perspective(1px) translateZ(0);
	transform                   : perspective(1px) translateZ(0);
	box-shadow                  : 0 0 1px transparent;
	-webkit-transition-duration : 0.3s;
	transition-duration         : 0.3s;
	-webkit-transition-property : transform;
	transition-property         : transform;
}
.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
	-webkit-transform : translateX(8px);
	transform         : translateX(8px);
}
/* mediaqueries */
@media (max-width : 590px) {
	.infoLog {
		float      : none !important;
		text-align : center !important;
	}
	.linksLog {
		float      : none !important;
		text-align : center !important;
	}
	#log {
		height         : 100px;
		padding        : 5px;
		vertical-align : middle;
	}
}
@media (max-width : 440px) {
	#log {
		height         : 100px;
		padding        : 5px;
		vertical-align : middle;
	}
	.navbar-brand {
		height : 100px;
	}
	.navbar-brand > img {
		display    : block;
		margin-top : 10px;
		width      : 230px;
	}
	.navbar-toggle {
		margin-top : 32px;
	}
}
iframe {
	width : 100%;
}
.cantidad {
	background-color : rgb(235, 165, 15);
	border-radius    : 13px;
	color            : rgb(255, 255, 255);
	font-size        : 12px;
	margin-left      : -15px;
	margin-top       : -5px;
	padding          : 2px;
	position         : absolute;
}
.mensajeGraciasForm {
	display : none;
}
#contacto_ok p,
.mensajeGraciasForm p {
	color      : rgb(0, 96, 164);
	font-size  : 18px;
	padding    : 25px;
	text-align : center;
}
#agregar_msg {
	float       : right;
	line-height : 56px;
	padding     : 0 10px;
}
@keyframes highlight {
	0% {
		background: red
	}
	100% {
		background: none;
	}
}
.highlight{
	animation: highlight 1s;
}