html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* -- fonts -- */

@font-face {
    font-family: 'TThin';
    src: url('../fonts/TitilliumText22L-Thin.eot?') format('eot'),
         url('../fonts/TitilliumText22L-Thin.otf')  format('opentype'),
         url('../fonts/TitilliumText22L-Thin.woff') format('woff'),
         url('../fonts/TitilliumText22L-Thin.ttf')  format('truetype'),
         url('../fonts/TitilliumText22L-Thin.svg#TitilliumText22L-Thin') format('svg');
}

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

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-plus-outline:before, .btnInfo:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
	content: "\e600";
}
.icon-trash:before, .btnEliminar:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
	content: "\e601";
}
.icon-image-outline:before, .btnImagenes:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
	content: "\e602";
}
.icon-eye-outline:before, .btnVer:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
	content: "\e605";
}
.icon-download-outline:before, .btnDescargas:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
	content: "\e603";
}
.icon-message-typing:before, .btnMensajes:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
	content: "\e606";
}
.icon-edit:before, .btnEditar:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
	content: "\e604";
}
.icon-calender-outline:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
	content: "\e607";
}



/* -- mozaico -- */

body{ font-size: 13px; font-family: Helvetica, Arial, sans-serif; color: #6F6F6F; background: #e8e8e8; overflow-x: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -moz-font-weight: lighter; min-width: 980px; overflow-x: hidden; }

h1, h2, h3, h4, h5, h6{ font-family: 'TThin'; }

p{ line-height: 120%; }

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.clear{ clear: both; }

::selection {
	background: #cf1b1e; color:#FFFFFF; /* Safari */
}
::-moz-selection {
	background: #cf1b1e; color:#FFFFFF; /* Firefox */
}





/* -- header -- */

.header{background: #fff; width: 100%; box-shadow: 0px 3px 3px #BCBCBC;}
.header .cont{position: relative; padding: 10px;}

a.mozaicoLogo{width: 163px; height: 60px; background: url(../images/logo-ems.png) no-repeat center center; outline: none; float: left;}

a.logout{display: inline-block; padding: 5px; border: 1px solid #2864c1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; font-family: 'TThin'; font-size: 20px; color: #2864c1; text-decoration: none; float: right; margin-top: 5px;}
a.logout:hover{background: #cf1b1e; border: 1px solid #cf1b1e; color: #fff;}




/* -- nav -- */

.nav{width: 980px; margin: 0 auto; padding: 30px 0; font-size: 12px; font-weight: bold; text-transform: uppercase; text-align: center;}
.nav a{border-bottom: 1px solid #bababa; border-top: 1px solid #bababa; padding: 10px; float: left; text-decoration: none; color: #5D5D5D;}
.nav a:hover{color: #cf1b1e; border-bottom: 1px solid #cf1b1e; border-top: 1px solid #cf1b1e;}
.nav a:first-child:hover{border-left: 1px solid #cf1b1e;}
.nav a:last-child:hover{border-right: 1px solid #cf1b1e;}
.nav a:first-child{border-left: 1px solid #bababa; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.nav a:last-child{border-right: 1px solid #bababa; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.nav a.sel{color: #cf1b1e;}


.nav2{width: 980px; margin: 0 auto; margin-bottom: 30px;}
.nav2 a{display: inline-block; border-bottom: 1px solid #bababa; color: #5D5D5D; font-size: 12px; padding: 10px; text-decoration: none; float: left; font-weight: bold;}
.nav2 a:hover{border-bottom: 1px solid #cf1b1e;}
.nav2 a.sel{color: #cf1b1e;}

.adminCont .nav3{ margin-bottom: 30px;}
.adminCont .nav3 a{display: inline-block; border-bottom: 1px solid #E7E7E7; color: #5D5D5D; font-size: 12px; padding: 10px; text-decoration: none; float: left;}
.adminCont .nav3 a:hover{border-bottom: 1px solid #00CE8B;}
.adminCont .nav3 a.sel{color: #00CE8B;}


/* -- footer -- */

.footer{min-width: 980px; border-top: 1px solid #E7E7E7; height: 150px; background: url(../images/todo-local.png) center 50px no-repeat; }




/* -- admin -- */

.adminCont{box-shadow: 0px 2px 2px rgba(0,0,0,.1); background: #fff; padding: 40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; position: relative; font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #5D5D5D; width: 900px; margin: 0 auto 40px auto;}

.adminCont p{margin-bottom: 20px;}

.adminCont a{color: #2864c1;}

.adminCont input{width: 300px; padding: 15px; outline: none; border: 1px solid #CFCFCF; font-size: 14px; color: #686868; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin-bottom: 15px;}
.adminCont input:focus{border: 1px solid #65696c;}

.adminCont textarea{width: 400px; height: 100px; padding: 15px; outline: none; border: 1px solid #CFCFCF; font-size: 14px; color: #686868; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin-bottom: 15px;}
.adminCont textarea:focus{border: 1px solid #65696c;}

textarea{width: 400px; height: 100px; padding: 15px; outline: none; border: 1px solid #CFCFCF; font-size: 14px; color: #686868; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin-bottom: 15px;}
textarea:focus{border: 1px solid #65696c;}

.adminCont select{outline: none; border: 1px solid #B4B4B4; width: 333px; height: 30px; margin-bottom: 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.verde{color: #00CE8B;}


.tabla
{
	/* font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; */
	font-size: 12px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #E7E7E7;
	margin: 20px 0;
	width: 100%;
}
.tabla th
{
	padding: 20px;
	font-weight: bold;
	font-size: 13px;
	color: #cf1b1e;
	text-transform: uppercase;
	border-right: 1px solid #7E7E7E;
	border-top: 1px solid #7E7E7E;
	border-left: 1px solid #7E7E7E;
	border-bottom: 1px solid #fff;
}
.tabla td
{
	padding: 10px 20px;
	color: #5D5D5D;
	border-right: 1px dashed #E7E7E7;
	/* border-bottom: 1px solid #E7E7E7; */
}
.tabla tr:hover{background: #f7f7f7;}
.tabla thead tr, .tabla thead tr:hover{background:url(../images/back-verde-diagonal.png);}



a.btnEditar, a.btnVer, a.btnMensajes, a.btnEliminar, a.btnImagenes, a.btnInfo, a.btnDescargas{margin: 0 5px; font-size: 20px; text-decoration: none; color: #5d5d5d;}
a.btnEditar:hover, a.btnVer:hover, a.btnMensajes:hover, a.btnImagenes:hover, a.btnInfo:hover, a.btnDescargas:hover{color: #2864c1;}
a.btnEliminar:hover{color: #d72726;}

a.btnGris{display: inline-block; padding: 5px; border-radius: 3px; background: #7E7E7E; color: #fff; font-weight: bold; text-decoration: none; border-bottom: 3px solid #686868;}
a.btnGris:hover{background: #00CE8B; border-bottom: 3px solid #00A46F;}

input.btnGris{display: inline-block; padding: 5px; border-radius: 3px; background: #7E7E7E; color: #fff; font-weight: bold; text-decoration: none; border: none; border-bottom: 3px solid #686868; cursor: pointer;}
input.btnGris:hover{background: #00CE8B; border-bottom: 3px solid #00A46F;}


a.btnBigVerde{
	display: inline-block; padding: 15px; text-align: center; text-transform: uppercase; border: none; cursor: pointer; color: #fff; text-shadow: 0px 1px 0px rgba(0,0,0,.3); font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 14px; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
	background-image: linear-gradient(#2864c1, #20519e);
}

input.btnBigVerde{
	display: inline-block; padding: 15px; text-align: center; text-transform: uppercase; border: none; cursor: pointer; color: #fff; text-shadow: 0px 1px 0px rgba(0,0,0,.3); font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 14px; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
	background-image: linear-gradient(#2864c1, #20519e);
}






.reveal-modal h2{font-size: 40px; color: #434956; margin-bottom: 30px;}

.reporte-txt{margin-bottom: 20px; border-top: 1px solid #E7E7E7; padding-top: 20px;}
.reporte-txt span{display: block; width: 200px; float: left; font-weight: bold; color: #00CE8B;}
.reporte-txt p{width: 380px; float: right;}





/* -- registro -- */

.registro{width: 550px; padding: 40px 0 40px 0; margin: 0 auto;}
.registro h1{font-family: 'TThin'; font-size: 55px; text-align: center; color: #434953;}
.registro h1 span{border-bottom: 3px solid #0CCD8D;}
.registro .conts{box-shadow: 0px 2px 2px rgba(0,0,0,.1); background: #fff; padding: 40px; margin-top: 40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; position: relative; font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #5D5D5D;}
.registro .campo span{padding-top: 20px; float: left; font-weight: bold;}
.registro .campo input{width: 260px; padding: 15px; outline: none; border: 1px solid #CFCFCF; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #626262; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-bottom: 15px; float: right;}
.registro .campo input:focus{border: 1px solid #65696c;}
.msgVal{color: #FF5657; padding-left: 180px; clear: both; margin: 0 0 10px 0;}
#btnRegistrar{
	text-align: center; text-transform: uppercase; width: 200px; border: none; cursor: pointer; color: #fff; text-shadow: 0px 1px 0px rgba(0,0,0,.3); font-size: 12px; padding: 15px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; margin: 30px auto 0 auto; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
	background-image: linear-gradient(#2864c1, #20519e);
}
.aviso{color: #BEBEBE; margin-top: 30px; padding-bottom: 20px; position: relative;}
.aviso p{float: right; padding-left: 40px; margin-top: -16px;}
.aviso a{text-decoration: none; color: #5D5D5D;}
.aviso a:hover{color: #0CCD8D;}



/* -- agregar admin -- */

.agregarAdmin{width: 500px;}
.agregarAdmin span{display: block; width: 140px; float: left; padding-top: 10px;}
.agregarAdmin span small{color: #999; clear: both; float: left; padding-top: 10px; font-size: 12px; font-style: italic;}
.agregarAdmin input{float: right;}
.agregarAdmin textarea{float: right; width: 300px;}
.agregarAdmin select{float: right;}
.agregarAdmin .aviso{clear: both; display: block; margin-top: 30px; font-size: 12px; line-height: 130%;}
.agregarAdmin .btnBigVerde{float: left; margin-top: 30px; width: 200px;}
.agregarAdmin p.consulta{width: 310px; float: right; background: #E7E7E7; padding: 10px;}


.adminCont .agregarGalSinColor:first-child{ border-right: 2px solid #5D5D5D; }
.adminCont .agregarGalSinColor:last-child form{ padding-left: 25px; }
.adminCont .agregarGalSinColor:last-child form img{ margin: 30px 0 0 110px; }
.agregarGalSinColor{width: 448px; float: left; }
.agregarGalSinColor h2{ display: block; padding: 10px; font-size: 26px; text-align: center; font-weight: bold; }


/* -- lista de usuarios -- */

.lista-usuarios h2{ width: 300px; float: left; font-size: 30px;}
.lista-usuarios .buscar{width: 405px; float: right;}
.lista-usuarios .buscar span{display: inline-block; padding-top: 10px;}
.lista-usuarios .buscar input{width: 180px; padding: 5px; margin: 0 10px;}
.lista-usuarios .buscar .btnGris{width: 80px; font-weight: lighter;}


.vista-usuario{border-bottom: 1px solid #E7E7E7; padding-bottom: 10px; margin-bottom: 20px;}
.vista-usuario .usuario, .vista-usuario .fechaAlta, .vista-usuario .reportes, .vista-usuario .envMensaje{width: 25%; float: left;}
.vista-usuario .usuario, .vista-usuario .fechaAlta{padding-top: 5px;}
.vista-usuario .reportes a{margin-left: 10px;}

.fotoTienda{width: 330px; float: right; margin-bottom: 10px;}
.fotoTienda img{width: 100px; border-radius: 3px;}



.editarProds .tienda{font-family: 'TThin'; font-size: 30px; width: 230px; float: left; color: #0CCD8E;}
.adminItems{width: 660px; /* border: 1px solid red; */ float: right;}
a.itemAdd{display: block; border: 1px solid #BEEFE0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-align: center; color: #0CCD8D; width: 100px; padding: 150px 20px 30px 20px; background: url(../images/i-bigplus.png) center 30px no-repeat; float: left; margin: 0 20px 20px 0;}
a.itemAdd:hover{border: 1px solid #0CCD8D;}
.itemReg{width: 120px; padding: 10px; height: 173px; border: 1px solid #BEEFE0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; margin: 0 20px 20px 0; text-align: center;}
.itemReg span{display: block; height: 140px; margin-bottom: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.itemReg:hover{border: 1px solid #0CCD8D;}
.itemReg a.edit{color: #0CCD8D;}
.itemReg a.delete{color: #FC4A4A;}


.edicionProd{width: 500px; /* border: 1px solid red; */ float: left;}
.edicionProd h3{font-size: 30px; margin-bottom: 20px;}
.edicionProd span{display: block; width: 140px; float: left; padding-top: 10px;}
.edicionProd input{float: right;}
.edicionProd textarea{float: right; width: 300px;}
.edicionProd label{float: right; width: 330px; padding-top: 10px;}
.edicionProd label input{margin-bottom: 5px; padding: 0; margin: 0;}
.edicionProd select{float: right;}
.edicionProd .aviso{clear: both; display: block; margin-top: 30px; font-size: 12px; line-height: 130%;}
.edicionProd .btnBigVerde{float: left; margin-top: 30px; width: 200px;}
.edicionProd input.checkbox{width: 15px; height: 15px; float: none;}

.picProd{border-bottom: 1px dashed #E7E7E7; padding-bottom: 20px; margin: 10px 0 20px 0;}
.picProd img{border: 1px solid #E7E7E7; width: 100%; margin-bottom: 10px;}
.picProd a{margin-right: 20px;}
.picProd a.eliminar{color: #FF4844;}




.anunciosCliente{clear: both;}
.anunciosCliente h2{font-size: 30px;}
.anunciosCliente p.infoconsulta{width: 700px; float: right;}

.anunciosCliente .picConsulta1{width: 700px; float: right; margin-bottom: 20px;}
.anunciosCliente .picConsulta1 img{width: 100%;}
.anunciosCliente .picConsulta2{width: 700px; float: right; margin-bottom: 20px;}

.consultaAnuncio{clear: both; border-top: 1px solid #00C886; padding-top: 30px; margin-top: 30px;}





.paginacion{text-align: center; margin-top: 50px;}
.paginacion a{display: inline-block; padding: 3px; text-decoration: none; margin: 0 2px; border-radius: 3px;}
.paginacion a:hover{text-decoration: underline; background: #E7E7E7;}
.paginacion a:first-child{border: 1px solid #E7E7E7;}
.paginacion a:first-child:hover{border: 1px solid #2864c1; text-decoration: none; background: none;}
.paginacion a:last-child{border: 1px solid #E7E7E7;}
.paginacion a:last-child:hover{border: 1px solid #2864c1; text-decoration: none; background: none;}
.paginacion a.activo{background: #00CF89; color: #fff; text-decoration: none;}
.paginacion .activo{display: inline-block; padding: 3px; text-decoration: none; margin: 0 2px; border-radius: 3px; background: #2864c1; color: #fff; text-decoration: none;}









/** AF **/
.valErrors p {
    color: red;
}

.eliminarDiv {
    float: right;
    display: block;
    padding-top: 10px;
    width: 300px;
    margin-bottom: 20px;
}

.listaVacia {
    text-align: center;
    width: 100%;
    padding: 20px 0;
    font-size: 12px;
    color: #999;
    font-weight: bold;
}

.agregarAdmin span{clear: both;}


.aEl {
    clear: both; float: left; margin: 15px 0;
}

.adminCont .agregarAdmin div#cambiosExito {
    display: block;
    margin-bottom: 20px;
    padding: 20px;
    color: #FFF;
    width: 460px;
    text-align: center;
    background-color: #cf1b1e;
}