@charset "utf-8";
/* CSS Document

* @Autor: Luis Josué Caamal Barbosa.
* @Description: Estos estilos fueron elaborados para
 				el panel de Locker Agencia Creativa S.A de C.V.
* @Copyright 2011-2014 Locker Agencia Creativa S.A de C.V.
* @Notes: Los estilos del menu lateral se encuentran en simple-sidebar.css

*/
body{font-family: 'Roboto';}
#paginador{
	margin-bottom: 50px;
}

.off{
	opacity: 0.7;
	cursor: inherit !important;
}
.actual{
	color: #00AFEF;
}
#paginador .pages,
#paginador .first,
#paginador .prev,
#paginador .next,
#paginador .last{cursor: pointer;}

#tipolinea span{padding-right: 15px;}
.paddingx20{padding: 20px;}
.table > tbody > tr > td{vertical-align: middle;}
.h2-activa b{cursor:pointer}
.h2-activa{margin-top:0; margin-bottom:10px; font-size:18px}
.width100x{width: 100%;}
.top5px{margin-top: 5px;}

.line-division{border-bottom: 1px solid #e2e2e2;}
.btn-panel{color: #fff; background-color: rgb(0,91,127); border:0px;}
.btn-panel:focus, .btn-panel:hover{color:#fff; background-color: rgb(0,83, 116);}
.ocultar{display: none;}
.relative{position: relative;}
.absolute{position: absolute;}
.pad-top9x{padding-top: 9px !important;}
.pad-bot9x{padding-bottom: 9px !important;}
.close{top: 10px; right: -20px; cursor: pointer;}
.modal-header{min-height: 16.428571429px; padding: 15px; border-bottom: 1px solid #e5e5e5; background-color: rgba(109, 207, 246, 0);}
.h200x{height: 200px;}
.preview-example{width: 100%; height: 200px; background-color: #cecece;}
.no-mar{margin: 0px !important;}
.btn-save{padding: 10px; line-height: 1 !important; height: auto !important; margin: 0 5px !important;}
#circle{width: 38px;
height: 38px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
margin: 0 auto;}
#detalle-producto tbody > tr > th{vertical-align: middle;}
.note-editor .note-dropzone { opacity: 0 !important; }
.carousel-inner{width: 50%; margin: 0 auto;}
#carousel-id .carousel-indicators{bottom: -40px;}
#carousel-id .carousel-indicators li{background-color: rgb(109, 207, 246);}
div.bootstrap-filestyle.input-group{display: inline-block;}
.inline-block{display: inline-block;}
.btn-modal{margin: 0 0 0 10px !important}
.mar-top-5x{margin-top: 5px;}
.pad-top-7x{padding-top: 7px;}
.trigger-edit{cursor:pointer; border-bottom: 2px dotted rgb(109, 207, 246); padding-top: 7px;}
.ui-sortable-helper img{
    max-width: 100%;
	height: auto;
	width: 100px;
}
.edit{cursor: pointer;}
/*ESTILOS PARA EL ALERTIFY */
.alertify .ajs-header{font-family: 'Roboto', sans-serif; font-weight: 700;}
.alertify .ajs-body .ajs-content{font-family: 'Roboto', sans-serif; font-weight: 300;}
/* =====================
 * Estilos para los
 * botones locker
 * ====================*/
 .btn-add{color: #fff; background-color: #005b7f; border-color: #045778;}
 .btn-add:hover, .btn-add:focus, .btn-add:active{color: #fff; background-color: #20637e; border-color: #045778;}
 /*=====================
 *	ESTILOS SUBMENU
 *=====================*/
ul.submenu{position: absolute; z-index: -10000; width: 148px; left: 0px; opacity: 0; padding: 0px; top: 0px; background-color: #fff; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s;}
ul.submenu.activo{left: 148px; opacity: 1;}
/*ESTILOS PARA EL SEO*/
div.tagsinput {
	border: 1px solid #CCC;
	background: #FFF none repeat scroll 0% 0%;
	padding: 5px;
	width: 100% !important;
	height: 100px;
	overflow-y: auto;
}
div.tagsinput span.tag {
	border: 1px solid #DDD;
	display: block;
	float: left;
	padding: 5px;
	text-decoration: none;
	background: #F4F4F4 none repeat scroll 0% 0%;
	color: #555;
	margin-right: 5px;
	margin-bottom: 5px;
	font-family: helvetica;
	font-size: 13px;
}
div.tagsinput input {
	margin: 0px 5px 5px 0px;
	font-family: helvetica;
	font-size: 13px;
	border: 1px solid transparent;
	padding: 5px;
	background: transparent none repeat scroll 0% 0%;
	color: #000;
	outline: 0px none;
}
/*------------------------------
Estilos para la barra negra
-------------------------------*/
#navBlack{
	padding:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
	background-color:#000;
	height:80px;
}
#btnmenu{
	margin: 14px 0 14px 0;
}

#imgLogo {
    margin: 0px 19px 19px 0;
    width: 85px;
    margin-top: 6px;
}
#username{
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-style:italic;
	font-size:14px;
	float:right;
	color:#FFF;
	margin: 27px 10px 0 0;
}
#fecha{
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:14px;
	float:right;
	color:#FFF;
	margin: 27px 40px 0 0;
}
#urlLocker{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:14px;
	color:#FFF;
}
/*----------------------------
Estilos para la barra azul
------------------------------*/
.manita{
	cursor: pointer;
}
#navBlue{
	padding:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
	background-color: #ee3d42;
	height:43px;
	top:80px;
	z-index: 1;
}
#barraazul{
	background-color: #aa383a;
	height:43px;
	width:148px;
	position:absolute;
	left:0;
}
#panel{
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:12px;
	color:#FFF;
	text-align:center;
	margin: 12px 0 0 0;
}
.imgresources{
	margin: -4px 8px 0 0;
}
.letras{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #FFF;
}
ul{
	margin-top:0;
	margin-bottom:0;
	/*list-style:none;*/
}
#ulmenu li{
	display: block;
	float: right;
	cursor: pointer;
}
.limenu{
	margin: 12px 20px 0 0px;
	cursor: pointer;
}
#li1{
	margin: 12px 40px 0 0;
	cursor: pointer;
}
/*estilos para el submenu de la barra azul*/
.submenupopover{
	list-style:none;
	padding:0px !important;
}
.submenulinea{
	background: #ddd;
font-size: 0;
height: 1px;
line-height: 0;
margin: 6px 0px;
}
/*------------------------------
Estilos para el contenido del panel
--------------------------------*/
body{
	background-color: #f4f4f4;
}
.titulo{
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:24px;
	color:#000;
	float:left;
	margin: 0px 0 0px 0;
}
.subtitulo{
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:18px;
	color:#000;
	margin: 10px 0 10px 0;
}
.buttonordenar {
	background-color:#00afef;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0px;
	display:inline-block;
	color:#ffffff;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:700;
	font-style:normal;
	/*height:36px;*/
	line-height:36px;
	width:126px;
	text-decoration:none;
	text-align:center;
	border: none;
	float:right;
	margin: -12px 0 0 0;
}
.buttonagregar {
	background-color:#d70335;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0px;
	display:inline-block;
	color:#ffffff;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:700;
	font-style:normal;
	height:36px;
	line-height:36px;
	width:126px;
	text-decoration:none;
	text-align:center;
	border: none;
	float:right;
	margin: 0 0 25px 0;
}

.buttonagregar:hover {
	background-color:#d70335;
}

.buttonagregar:active {
	position:relative;
	top:1px;
}

.buttonaplicar {
	background-color:#ffffff;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#030303;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:700;
	font-style:normal;
	height:32px;
	line-height: 0px;
	width:71px;
	text-decoration:none;
	text-align:center;
}
.buttonaplicar:hover {
	background-color:#fffcff;
}
.buttonaplicar:active {
	position:relative;
	top:1px;
}
.rowedit{
	padding: 0 30px 0 0;
}
/*------------------------
Estilos para la barra de filtros
--------------------------*/
.ulfiltros li{
	display: block;
	float: left;
}
.lifiltros{
	margin: 12px 60px 20px -40px
}
.lifiltros1{
	margin: 12px 40px 0 0;
}
.busqueda{
	margin: 0px 0px 0 0;
	float:right;
	width: 300px;
}
.styled-select > select.width100x{width: 100px;}
.styled-select select {
   background: transparent;
   width: auto;
   padding: 5px 15px 5px 5px;
   font-family: 'Roboto', sans-serif;
   font-size:14px;
   font-weight:300;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 32px;
   -webkit-appearance: none;
   -moz-appearance: none;
}

option .styled {
   background-color: #0FF;
   font-family: 'Roboto', sans-serif;
   font-weight:300;
   font-size:14px;
}

.styled-select {
   width: auto;
   height: 32px;
   overflow: hidden;
   background:url(../img/arrow.png) no-repeat 98% #FFF;
   border:1px solid #dcdcdc;
}
input[type=text] {
	background:#FFF;
	font-family: 'Roboto', sans-serif;
    font-size:14px;
    font-weight:300;
	border:1px solid #dcdcdc;
	width:100%;
	height:34px;
}
.width90x{width: 90% !important;}
.espacios{
	margin: 12px 0 12px 0;
}
.search{
	margin: 12px 0 0 0;
}
/*----------------------------------------------
		Estilos para las tablas
-----------------------------------------------*/
table{
	border: 1px solid #e1e1e1;
}
.styled-thead{
	background-color:#FFF;
}
.styled-thead th{
	font-family: 'Roboto', sans-serif;
    font-size:14px;
    font-weight:300 !important;;
	color:#000;
}
.styled-thead th label{
	margin-bottom:0;
}
.styled-tbody tr{
	font-family: 'Roboto', sans-serif;
    font-size:14px;
    font-weight:400 !important;;
	color:#0054a6;
}
.styled-tbody tr label{
	margin-bottom:0;
}
.styled-tfoot th{
	font-family: 'Roboto', sans-serif;
    font-size:14px;
    font-weight:300 !important;;
	color:#000;
}
/*-------------------------
Estilos para el checkbox
----------------------------*/
input[type="checkbox"]{ display: none; }

input[type="checkbox"] + label span{
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../img/check.png) left top no-repeat;
    margin: -3px 10px 0 15px;
    vertical-align: middle;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span{
    background: url(../img/checkin.png) 0px top no-repeat;
	width: 13px;
	height: 13px;
	margin: -3px 10px 0 15px;
}
/*------------------------------------------------------
Estilos para el pie de pagina
----------------------------------------------------*/
footer{
	font-family: 'Roboto', sans-serif;
    font-size:12px;
    font-weight:300 !important;;
}

.styled-small {
	display:none;
}
/*-----------------------------------------------------
Estilos esclusivos para el formulario
-------------------------------------------------------*/
.buttonguardar,.buttonorder {
	background-color:#d70335;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0px;
	display:inline-block;
	color:#ffffff;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:700;
	font-style:normal;
	height:43px;
	line-height:36px;
	width:158px;
	text-decoration:none;
	text-align:center;
	border: none;
	float:right;
	margin: 20px 0 25px 0;
}

.buttonguardar:hover, .buttonorder:hover {
	background-color:#d70335;
}

.buttonguardar:active, .buttonorder:active {
	position:relative;
	top:1px;
}
.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 0px;
	border-color: #e1e1e1;
	cursor: pointer;
}
.fileUpload input.upload {
	position: absolute;
	top: 10px;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	width:100%;
	cursor: pointer;
}
.inputUploadFont{
	color:#000;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:700;
}
.textHelper{
	color:#000;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:300;
	margin:10px 0 0 0;
}
div.google-maps{
		height:300px;
		width:100%;
	}
/*Hace el hover para editar las imagenes*/
.image-wrapper {
    position : relative;
    display  : block;
    overflow : hidden;
}
.image-wrapper img {
    position : relative;
}
.image-wrapper .image-options {
    position : absolute;
    top      : -50px;
    right    : 0;
    left     : 0;
    height   : 50px;
    z-index  : 2;
    background         : white;
    border             : none;
    opacity:0.4;
	filter:alpha(opacity=40);
    -webkit-transition : top 0.25s linear;
    -moz-transition    : top 0.25s linear;
    -ms-transition     : top 0.25s linear;
    -o-transition      : top 0.25s linear;
    transition         : top 0.25s linear;
}
.image-wrapper:hover .image-options {
    top : 0;
}
/*CSS para el login*/
#wrapperlogin {
  transition: all 0.4s ease 0s;
  background-color: rgb(244,244,244);
  height:100%;
  margin:124px 0 0 0;
}
.wrapperlogin-movil {
  transition: all 0.4s ease 0s;
  background-color: rgb(244,244,244);
  height:100%;
  margin:166px 0 0 0 !important;
}
.urlweb{
	font-family: 'Roboto', sans-serif;
	font-weight:400 !important;
	font-size:14px !important;
	color:#FFF !important;
	margin: 12px 0 0 20px;
	margin-left: 40px
}
.letraslogin{
	font-family: 'Roboto', sans-serif;
	font-weight:400 !important;
	font-size:14px !important;
	color:#000000 !important;
	text-align: right;
}

#positiondiv{
	position: absolute;
	top: 30%;
}
.login{
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:24px;
	color:#000;
	float:left;
	margin: 0px 0 20px 0;
}

.buttonacceder {
	background-color:#d70335;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0px;
	display:inline-block;
	color:#ffffff;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:700;
	font-style:normal;
	height:43px;
	line-height:36px;
	width:158px;
	text-decoration:none;
	text-align:center;
	border: none;
	margin: 20px 0 25px 0;
}

.buttonacceder:hover {
	background-color:#d70335;
}

.buttonacceder:active {
	position:relative;
	top:1px;
}

/*CSS para las opciones dentro del menu de las imagenes*/
.ulmenuoptions li{
	display: block;
	float: right;
}
.limenuoptions{
	margin: 12px 20px 0 0px
}
.lioptions{
	margin: 12px 40px 0 0;
}
.fontOptionsImg{
	font-size: 15px;
}
/*----------------------
Estilos Versión movil
-----------------------*/
#navBlueMovil{
	padding:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
	background-color: #aa383a;
	top: 80px;
	height:42px;
}
#navBlueMovil2{
	padding:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
	background-color: #ee3d42;
	height:43px;
	top:122px;
}
.styled-select-form select {
   background: transparent;
   width: 100%;
   padding: 5px;
   font-family: 'Roboto', sans-serif;
   font-size:14px;
   font-weight:300;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 32px;
   -webkit-appearance: none;
}

option .styled-select-form {
   background-color: #0FF;
   font-family: 'Roboto', sans-serif;
   font-weight:300;
   font-size:14px;
}

.styled-select-form {
   width: 100%;
   height: 32px;
   overflow: hidden;
   background:url(../img/arrow.png) no-repeat 98% #FFF;
   border:1px solid #dcdcdc;
   margin: 13px 0 20px 0
}
.styled-select-form-error select {
   background: transparent;
   width: 100%;
   padding: 5px;
   font-family: 'Roboto', sans-serif;
   font-size:14px;
   font-weight:300;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 32px;
   -webkit-appearance: none;
}
.styled-select-form-success select {
   background: transparent;
   width: 100%;
   padding: 5px;
   font-family: 'Roboto', sans-serif;
   font-size:14px;
   font-weight:300;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 32px;
   -webkit-appearance: none;
}
.styled-select-form-error {
   width: 100%;
   height: 32px;
   overflow: hidden;
   background:url(../img/arrow.png) no-repeat 98% #FFF;
   border:1px solid #CE1919;
   margin: 13px 0 20px 0
}
.styled-select-form-success {
   width: 100%;
   height: 32px;
   overflow: hidden;
   background:url(../img/arrow.png) no-repeat 98% #FFF;
   border:1px solid #72A328;
   margin: 13px 0 20px 0
}
/*Estilos para el alert y el error del summernote*/
.alert-locker-success {
	color: #FFF;
	background-color:#000;
	border-color: #bce8f1;
}
.alert-locker-success hr {
	border-top-color: #c9e2b3;
}
.alert-locker-success .alert-link {
	color: #2b542c;
}
.alert-locker-info {
	color: #FFF;
	background-color:rgb(109,207,246);
	border-color:#FFF;
}
.alert-locker-info hr {
	border-top-color:#FFF;
}
.alert-locker-info .alert-link {
	color: #2b542c;
}
.note-editor-error {
	border: 1px solid #F00;
	width: 100% !important;
}
.note-editor-success {
	border: 1px solid #6C0;
	width: 100% !important;
}
/*Estilos para la nueva version del panel*/

.mover{
	margin-top: 3px;
	color: #000;
	cursor: move;
}
.sortimg{
	cursor: move;
}
.fa-arrows{cursor: move;}

 .btn-default{
 	color: #333;
    background-color: #fff;
    border-color: #ccc;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
}
 .editimg .bootstrap-filestyle label{
    padding: 0px 12px;
}

/*------------------------------
Estilos que se aplican cuando
cambia a las pantallas de una tablet
---------------------------------*/
@media (max-width : 991px) {
.styled-small {
	display:block;
}
.styled-large{
	display:none;
}
#barraazul{
	background-color: #aa383a;
	height:43px;
	width:100%;
	left:0;
}
.rowedit{
	padding: 0 30px 0 30px;
}
.rowlogin{
	padding: 0 30px 0 12px;
}
.wrapper-movil {
  padding-left: 148px;
  transition: all 0.4s ease 0s;
  background-color: rgb(244,244,244);
  height:100%;
  margin:166px 0 0 0 !important;
}
.imgresources{
	margin: 6px 0px 0 0px;
}
.busqueda{
	margin: 0px 0px 0 0;
	float:none;
}
.buttonguardar {
	float:none;
	width:100%;
}
.subitulo{
	margin: 0 0 10px 0 !important;
}
/*Hace el hover para editar las imagenes*/
.image-wrapper {
    position : relative;
    display  : block;
    overflow : hidden;
}
.image-wrapper img {
    position : relative;
}
.image-wrapper .image-options {
    position : absolute;
    top      : 0px !important;
    right    : 0;
    left     : 0;
    height   : 50px;
    z-index  : 2;
    background         : white;
    border             : none;
    opacity:0.4;
	filter:alpha(opacity=40);
    -webkit-transition : top 0.25s linear;
    -moz-transition    : top 0.25s linear;
    -ms-transition     : top 0.25s linear;
    -o-transition      : top 0.25s linear;
    transition         : top 0.25s linear;
}
.image-wrapper:hover .image-options {
    top : 0;
}
table.tabla-movil{width: 100%; border-collapse: collapse; border-spacing: 0; display: block; position: relative;}
table.tabla-movil thead{display: block; float: left;}
table.tabla-movil th{display: block; text-align: right;}
table.tabla-movil tbody{display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap;}
table.tabla-movil tbody tr{display: inline-block;vertical-align: top;}
table.tabla-movil td{display: block;}

}