@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

*/

/*------------------------------
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: 19px 19px 19px 0;
}
#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: rgb(109,207,246);
	height:43px;
	top:80px;
	z-index: 1;
}
#barraazul{
	background-color: rgb(0,91,127);
	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:#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: 0 0 25px 0;
}

.buttonagregar:hover {
	background-color:#40c9ff;
}

.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;
}
.styled-select select {
   background: transparent;
   width: 126px;
   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 {
   background-color: #0FF;
   font-family: 'Roboto', sans-serif;
   font-weight:300;
   font-size:14px;   
}

.styled-select {
   width: 126px;
   height: 32px;
   overflow: hidden;
   background:url(../img/arrow.png) no-repeat 100px #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:32px; 
}
.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 {
	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:43px;
	line-height:36px;
	width:158px;
	text-decoration:none;
	text-align:center;
	border: none;
	float:right;
	margin: 20px 0 25px 0;
}

.buttonguardar:hover {
	background-color:#40c9ff;
}

.buttonguardar: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;
}
.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:#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:43px;
	line-height:36px;
	width:158px;
	text-decoration:none;
	text-align:center;
	border: none;
	margin: 20px 0 25px 0;
}

.buttonacceder:hover {
	background-color:#40c9ff;
}

.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: rgb(0,91,127);
	top: 80px;
	height:42px;
}
#navBlueMovil2{
	padding:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
	background-color: rgb(109,207,246);
	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;
}

 .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: rgb(0,91,127);
	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;
}	
}

@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);

body{background: #f6f5f0;}

#editor-content-container #project-header{padding: 12px 20px 15px; background: #000;}
#editor-content-container #project-header #project-title{color:#00afef;}

.inline-block{display: inline-block;}
.insert-content ul{  margin: 0;padding: 0;list-style-type: none;}
.insert-content button{color:#fff; width:52px; height:28px; text-align: center; display: inline;}
.insert-content button:hover{color:#fff; width:80px; width:52px; height:28px; text-align: center; display: inline;}
.insert-content ul li{ display: inline;float:left;}
.insert-content ul li span{cursor: pointer; display: inline;}
.edit-mode .insert-content ul li {padding: 0 !important; border: none !important; display: inline;}
.fondo{width: 100%;height: 100%;position: absolute;}

#imglisto{width: 150px; height: 150px; background: #f6f5f0; margin: 0 auto;}
.imgprin{ width:200px; overflow:hidden; margin: 0 auto; position: relative; cursor: pointer; display: block; margin-top: 15px;}
.imgprin span{cursor: pointer; margin: 0; padding: 0;}
.imgprin #principalfiles{position: absolute; width: 340px; height:34px; top: 0; left:-140px; opacity: 0; cursor: pointer;}

#project-modules .module-container .edit-module-container{position: relative;}
#project-modules .module-container.ready:hover .fondo{background: gray;opacity: 0.5 color:#00afef;
}

button.transparent{
    color:#00afef;
    background:transparent;
    border:hidden;
   
}

button.transparent:hover{
    color:#000;
    
}

ul button{
    background:#00afef;
    color:white;
    height:25px;
    width:54px;
    margin-left:25px;
    margin-right: 25px;
}

#copyright{
    background:#e6e7e8;
    border:hidden;
    width:90%;
    resize:none;
}

.manita{
	cursor: pointer;
}
/*Hace el hover para editar las imagenes*/	
.image-wrapper {
    position : relative;
    /*display  : inline-block;*/
    overflow : hidden;
    width:100%;
    padding:0px;
}

/*.limenuoptions{
    width:100%;
}*/

.image-wrapper ul{
	list-style-type: none;
}

.image-wrapper ul li{
	font-size:18px;
	margin-top:5px;
	float:right;
    color:#00afef;
}

#project-title{
    color:#00afef;
    border-bottom:3px solid #eec6c4 ;
    padding-bottom:10px;
    font-size:25px;
}

h5.helper-img, h5.tags{
    color:#00afef;
    font-size:14px;
    border-bottom:2px solid #eec6c4 ;
    padding-bottom:4px;
    padding-left:0px;
    width:45px;
    font-weight: 900;
}

h5.colabs{
    color:#00afef;
    font-size:14px;
    border-bottom:2px solid #eec6c4 ;
    padding-bottom:4px;
    padding-left:0px;
    width:130px;
    font-weight: 900;
}

h5.copyright{
    color:#00afef;
    font-size:14px;
    border-bottom:2px solid #eec6c4 ;
    padding-bottom:4px;
    padding-left:0px;
    width:90px;
    font-weight: 900;
}



h5.insert-content{
    color:#00afef;
    font-size:14px;
    padding-left:0px;
    font-weight: 900;
}

hr.separator-left{
    color:#d1d2d3;
    border-color:#d1d2d3;
    margin-top:10px;
    margin-bottom:10px;
}


p.helper{
    color:#a0a0a1;
    font-style: italic;
}

p.save, p.preview{
    color:#00afef;
    font-size:14px;
    text-align: right;
    cursor:pointer;
}

#project-subtitle{
    color:#00afef;
    font-size:14px;
}

div.separator{
    background-color:#e6e7e8;
    height:28px;
}


.image-wrapper img {
    position : relative;
}
.image-wrapper .image-options {
    position : absolute;
    top      : -50px;
    right    : 0;
    left     : 0;
    height   : 50px;
    z-index  : 2;
    background         : #5d5854;
    border             : none;
    opacity:0.8;
	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;
}
.module-img,
.module-video{position: relative;}

.edit-block{text-align: left;}
.error{display: none;}
.module-video{text-align: center;}



@media (max-width: 1199px){}
@media (max-width: 991px){}
@media (max-width: 767px){};}
#project-modules .module-container.ready:hover .edit-module-container{opacity: 1;}
#project-modules .module-container.ready:hover .edit-module-container ul li{cursor: pointer;}
#project-modules .module-container.ready .edit-module-container{position: relative;}
#project-modules .module-container.ready .edit-module-container ul{padding: 0; list-style: none;}
#project-modules .module-container.ready .edit-module-container ul li{float: left; color: #fff;}

#project-modules{padding: 10px 20px; list-style: none;}
#project-modules .module-container{padding: 10px; border: 1px solid #000; width: 600px;margin: 0 auto;position: relative;}
#project-modules li textarea{padding: 10px; width: 100%;}
#project-modules .module-separator{padding: 0;}

#sortable li{height: 100px; padding: 10px; list-style: none;}
#sortable li img{width: 130px;}
#sortable li iframe{width: 130px; height: 73px;}
#sortable li .edit-module-container{display: none;}
#sortable li .module-video{text-align: left;}

span label{
    margin-top:2px;
    color:#555;
    text-align: center;
    width:100%;
    text-align: center;
    margin:0 auto;
    font-weight: normal;
}

span label.img{
    margin-top:25px;
    margin-left:2px;
    color:#555;
    width:100%;
    text-align: center;
    margin:8px auto;
    font-weight: normal;

}

.txt-container{
    color:#00afef;
}

.module-video i{