*{margin: 0;padding: 0;position: relative;transition: transform .3s, opacity .3s;-webkit-transition: -webkit-transform .3s, opacity .3s;-moz-transition: -moz-transform .3s, opacity .3s}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
.general, textarea{font-family: arial;}

a{text-decoration: none}
a:hover{text-decoration: underline}
img{display:block; height:auto;border:0}
header, footer{display: block}

input, textarea{line-height: 1;padding:.5em;border:0}
ul{list-style: none;}

h1{font-size:2em}
h2{font-size: 1.5em}
h3{font-size: 1.25em}
h4{font-size: 1.125em}

/* neupix tools */
.c{clear:both;display:block;height:0;width:0;font-size: 0;opacity:0}
.p{padding:1em}
.m{margin:1em;}
.w{max-width:1200px;margin:0 auto}
.nt{padding-top: 0;padding-bottom: 0;margin-top: 0;margin-bottom: 0}
.ws{max-width: 900px; margin:0 auto;}
.block{display: block; float: left}

.max{padding-top: 3em;padding-bottom:3em}
.sh{box-shadow:rgba(0,0,0,.1) 0 1px 0, rgba(0,0,0,.1) 0 1px 3px, rgba(0,0,0,.1) 0 1px 5px}
.block{display: block}
.bigger{margin: 0 -1em}
.block{display: block}

.le{float: left}
.ri{float: right}

.txt-l{font-style: 1.25em}
.txt-s{font-style: .8em}
.txt-center{text-align: center;}
.txt-ri{text-align:right;}

.d1,.d2,.d3,.d4,.d5,.d6,.d7,.d8,.d9,.d10,.d11,.d12{float:left}
.d1{width:8.33%}.d2{width:16.66%}.d3{width:25%}.d4{width:33.33%}.d5{width:41.66%}.d6{width:50%}.d7{width:58.33%}.d8{width:66.66%}.d9{width:75%}.d10{width:83.33%}.d11{width:91.66%}.d12{width: 100%}

.hide {display: none;}
.z-up {z-index: 100;}
.z-down {z-index: -100;}

body {min-width: 300px}
header{padding-top: 0.20em; ;color:#fff; height: 30px;}
header .w3-col{padding-top: 0.20em;}
header .w3-col a{text-decoration: none;}
header, .w3-teal{background-color: #8888ad!important;}
header a{color:#d3d3d3;}
.main{padding:1em;}

.login{max-width: 350px;}

.caution{color:#e60000;}
.pointer{cursor:pointer;}
.hideOverflow{overflow:hidden;}
.card-services{height:180px;width:80%; margin: auto; text-align: center;}
.card-services a{text-decoration: none;}

/*w3css adjust*/
.w3-table-all #u3, .w3-container #u3 {display: none;}/*Bloqueo de usuario administrador*/
.w3-sidenav{margin-bottom:30px;}
.w3-container .encabezado {height: 70px; margin: 0 -1em 1em -1em;}

.gallery img{ display: block; float: left; margin: .5em; padding: 0.5em; width: 90px; height: 90px; background-color: #f3f3f3; box-shadow: 1px 1px 3px rgb(120,120,120);}
.show-image{max-width: 600px; margin: auto;}
.show-image img{width: 100%; display: block; margin-left: auto; margin-right: auto}
.imgcontainer {display: block; float: left; width: 100px; height: 100px;}
.imgcontainer button{position: relative; z-index: 1; top: -40px; left: 5px; width: 95px; height: 40px;}
.controles{font-size: 2em; z-index:5;}
.controles .fa {margin:.25em;}



footer{background-color:#000; color:#fff; height: 22px; position: fixed; bottom: 0;width: 100%; z-index: 2; display: none;}



@media only screen and (max-width:900px){
	.get-wide{width: 100%!important;}
	.scroll{width: 100%; overflow: scroll; max-height: 300px;}
}