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: 'arvil';
    src: url('../fonts/arvil_sans-webfont.eot');
    src: url('../fonts/arvil_sans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arvil_sans-webfont.woff') format('woff'),
         url('../fonts/arvil_sans-webfont.ttf') format('truetype'),
         url('../fonts/arvil_sans-webfont.svg#arvil_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* -- mozaico -- */

body{ font-size: 13px; font-family: Helvetica, Arial, sans-serif; color: #6F6F6F; background: url(../images/white_wall_hash.png) #F9F9F9; 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: 'arvil'; }

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: #6183c2; color:#FFFFFF; /* Safari */
}
::-moz-selection {
	background: #6183c2; color:#FFFFFF; /* Firefox */
}





/* -- header -- */

.header{background: #434953; width: 100%;}
.header .cont{position: relative; padding: 0 10px 0 10px;}

a.mozaicoLogo{width: 97px; height: 44px; background: url(../images/mozaico.png) center center no-repeat; border-top: 3px solid #0CCD8D; outline: none; float: left;}

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




/* -- 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 #E7E7E7; border-top: 1px solid #E7E7E7; padding: 10px; float: left; text-decoration: none; color: #5D5D5D;}
.nav a:hover{color: #6183c2; border-bottom: 1px solid #6183c2; border-top: 1px solid #6183c2;}
.nav a:first-child:hover{border-left: 1px solid #6183c2;}
.nav a:last-child:hover{border-right: 1px solid #6183c2;}
.nav a:first-child{border-left: 1px solid #E7E7E7; -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 #E7E7E7; -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: #6183c2;}


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

.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 #124bb2;}
.adminCont .nav3 a.sel{color: #124bb2;}


/* -- 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: #6183c2;}

.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 #6183c2;}

.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 #6183c2;}

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 #6183c2;}

.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: #6183c2;
	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: #fafcff;}
.tabla thead tr, .tabla thead tr:hover{background:url(../images/back-verde-diagonal.png);}



a.btnEditar{display: inline-block; width: 20px; height: 20px; background: url(../images/i-editar.png) 3px center no-repeat; border-radius: 3px; margin-right: 2px;}
a.btnEditar:hover{background: url(../images/i-editar.png) -27px center no-repeat #00CE8B;}

a.btnVer{display: inline-block; width: 20px; height: 20px; background: url(../images/i-ver.png) 2px center no-repeat; border-radius: 3px; margin-right: 2px;}
a.btnVer:hover{background: url(../images/i-ver.png) -28px center no-repeat #00CE8B;}

a.btnMensajes{display: inline-block; width: 20px; height: 20px; background: url(../images/i-mensajes.png) 2px center no-repeat; border-radius: 3px; margin-right: 2px;}
a.btnMensajes:hover{background: url(../images/i-mensajes.png) -28px center no-repeat #00CE8B;}

a.btnEliminar{display: inline-block; width: 20px; height: 20px; background: url(../images/i-eliminar.png) 3px center no-repeat; border-radius: 3px; margin-right: 2px;}
a.btnEliminar:hover{background: url(../images/i-eliminar.png) -27px center no-repeat #FF524D;}


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: #0ccd8d; /* Old browsers */
	background: -moz-linear-gradient(top,  #0ccd8d 0%, #07be81 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0ccd8d), color-stop(100%,#07be81)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0ccd8d 0%,#07be81 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0ccd8d 0%,#07be81 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0ccd8d 0%,#07be81 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0ccd8d 0%,#07be81 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ccd8d', endColorstr='#07be81',GradientType=0 ); /* IE6-9 */
}

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: #0ccd8d; /* Old browsers */
	background: -moz-linear-gradient(top,  #0ccd8d 0%, #07be81 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0ccd8d), color-stop(100%,#07be81)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0ccd8d 0%,#07be81 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0ccd8d 0%,#07be81 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0ccd8d 0%,#07be81 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0ccd8d 0%,#07be81 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ccd8d', endColorstr='#07be81',GradientType=0 ); /* IE6-9 */
}






.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: 'arvil'; 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 #00CE8B;}
.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: #0ccd8d; /* Old browsers */
	background: -moz-linear-gradient(top,  #0ccd8d 0%, #07be81 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0ccd8d), color-stop(100%,#07be81)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0ccd8d 0%,#07be81 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0ccd8d 0%,#07be81 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0ccd8d 0%,#07be81 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0ccd8d 0%,#07be81 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ccd8d', endColorstr='#07be81',GradientType=0 ); /* IE6-9 */
}
.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 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;}



/* -- 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: 'Arvil'; 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 #00CF89; text-decoration: none; background: none;}
.paginacion a:last-child{border: 1px solid #E7E7E7;}
.paginacion a:last-child:hover{border: 1px solid #00CF89; 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: #00CF89; 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: #0CCD8D;
}