/**
 * ComerZZia 3.0
 *
 * Copyright (c) 2008-2015 Comerzzia, S.L.  All Rights Reserved.
 *
 * THIS WORK IS  SUBJECT  TO  SPAIN  AND  INTERNATIONAL  COPYRIGHT  LAWS  AND
 * TREATIES.   NO  PART  OF  THIS  WORK MAY BE  USED,  PRACTICED,  PERFORMED
 * COPIED, DISTRIBUTED, REVISED, MODIFIED, TRANSLATED,  ABRIDGED, CONDENSED,
 * EXPANDED,  COLLECTED,  COMPILED,  LINKED,  RECAST, TRANSFORMED OR ADAPTED
 * WITHOUT THE PRIOR WRITTEN CONSENT OF COMERZZIA, S.L. ANY USE OR EXPLOITATION
 * OF THIS WORK WITHOUT AUTHORIZATION COULD SUBJECT THE PERPETRATOR TO
 * CRIMINAL AND CIVIL LIABILITY.
 *
 * CONSULT THE END USER LICENSE AGREEMENT FOR INFORMATION ON ADDITIONAL
 * RESTRICTIONS.
 */
@CHARSET "UTF-8";
html, body {
height: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
body {
font-family:"Trebuchet MS","Tahoma",verdana,sans-serif;
font-size: 13px;
overflow-y: hidden;

background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(30,87,153) 0%, rgb(125,185,232) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(30,87,153) 0%,rgb(125,185,232) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(30,87,153) 0%,rgb(125,185,232) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
background-image: url("../images/fondo.jpg");
background-size: cover;
background-repeat: no-repeat; 

}
input:focus {
    border: 1px solid #3f99c6;
}
#login-main {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: 40px;
    min-height: 100%;
    box-sizing: border-box;
}
#login-box {
    height: auto;
    border: 0;
    padding-right: 0;
    background-color: transparent;
    width: 80%;
    max-width: 421px;
    margin: 0 auto;
}
#login-foot-l{
height:37px;
width: 10px;
float: left;
background:url("../images/bg-footer-l.png") no-repeat scroll left top transparent;
}
#login-foot-r{
height:37px;
width: 10px;
float: right;
background:url("../images/bg-footer-r.png") no-repeat scroll left top transparent;
}
#login-foot-c{
background:url("../images/bg-footer-c.png") repeat-x scroll top center transparent;
height:37px;
float: left;
width: 782px;
}
#login-title {
    height: auto;
    width: 69%;
    box-sizing: border-box;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0px;
    margin: 0 auto;
}
.limpia {
	clear: both;
}
#login-version{
color: #ffffff;
font-size: 13px;
font-weight: bold;
text-align: right;
padding-right: 1px;
padding-top: 98px;
}
#login-result{
padding-left: 2px;
}
.input-login {
    margin-top: 20px;
    clear: both;
    float: none;
    max-width: 273px;
    margin: 0 auto;

}
.login-input {
    border: 1px solid #a6b4cc;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-top: 2px;
    border-radius: 4px;
    width: 100%;
    padding: 9px;
    font-family: arial;
    font-size: 1.2em;
    background-color: white;
    box-sizing:border-box;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgb(255, 255, 255);
    background-image: none;
    color: rgb(0, 0, 0);
}
.linea-form{
float: none;
margin-bottom: 9px;
}
.linea-form label {
    color: #ffffff;
    text-shadow: none;
    display: block;
    padding-bottom: 5px;
    font-size: 1.2em;
    box-sizing: border-box;
}
.linea-form input[type="button"] {
    font-size: 17px;
    letter-spacing: 1px;
    padding: 10px;
    color: #ffffff;
    border: 0px solid #88b8d6;
    cursor: pointer;
    background-color: #47acd9;
    width: 100%;
    margin-top: 10px;
}
.linea-form input[type="button"]:hover {
    color: #0184d6;
    border: 1px solid #0184d6;
}
#login-result {
    font-weight: bold;
    padding-top: 7px;
    color: red;
    padding: 10px;
    color:#fda3a3;
    width: 93%;

}
#send {
float: none;
clear: both;
}
.lista-empresas {
    display: block;
    margin-left: 0;
    margin-top: 0;
    position: initial;
    max-width: 398px;
    margin: 0 auto;
    width: 100%;
}
.lista-empresas-l{
width: 27px;
height: 396px;
float: left;
background:url("../images/bg-empresas-l.png") repeat-x scroll top left transparent;
}
.lista-empresas-r{
width: 27px;
height: 396px;
float: left;
background:url("../images/bg-empresas-r.png") repeat-x scroll top left transparent;
}
.lista-empresas-c {
    height: auto;
    background: transparent;
    float: none;
    clear: both;
    margin: 0 auto;
    width: 100%;
}
.titulo-empresas {
    text-align: center;
    color: #ffffff;
    font-family: arial;
    text-shadow: none;
    text-transform: none;
    font-weight: normal;
    margin-top: 0px;
    padding-bottom: 10px;
}
#logo-listado{
display:none;
}
.empresa-seleccionada{
display: none;
}
.logo-imagen-wrap {
    margin-left: 22px;
    margin-top: 24px;
    height: auto;
    width: 100%;
    border: 0px solid #A5B3CC;
    vertical-align: middle;
    background-color: transparent;
    table-layout: initial;
    position: relative;
    display: block;
    float: none;
    clear: both;
    margin: 0 auto;
    text-align: center;
}
.logo-imagen {
    background-color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    height: auto;
    display: inline-block;
    width: 277px;
    box-sizing: border-box;
    border-radius: 9px;
}
.imgwrap {
    position: relative;
    left: initial;
    float: none;
    box-sizing:border-box;
}
.imgwrap img {
    position: relative;
    text-align: right;
    max-height: none;
    max-width: none;
    left: initial;
    display: block;
    float: none;
    clear: both;
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
}
#logo-nav {
    clear: both;
    width: 69%;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
}
.logo-nav-flechas{
	height:26px;
	width:26px;
	cursor: pointer;
	text-indent: -9999px;
}
.logo-vertodas a:hover {
    text-decoration: none;
}
#logo-prev {
    float: none;
    background-image: url(../images/left-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: inline-block;
}
#logo-next {
    float: right;
    background-image: url(../images/right-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    float: none;
    display: inline-block;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
input:-webkit-autofill {
    -webkit-text-fill-color: #000;
}
.linea-form input[type="button"]:hover {
    color: #ffffff;
    border: 0px solid #0184d6;
    background-color: #75ccf3;
}
.logo-vertodas{
text-align: right;
}
.logo-vertodas a{
color: #ffffff;
font-size: 12px;
text-shadow: none;
}
.logo-lista-wrap{
background-color: #FFFFFF;
border: 1px solid #a5b3cc;
height: 307px;
width: 271px;
margin-left: auto;
margin-right: auto;
margin-top: 6px;
overflow-x: hidden;
overflow-y: auto;
}
.logo-lista-wrap a {
text-decoration: none;
cursor: pointer;
}
.thumb{
margin: 3px;
height: 42px;
width: 46px;
float: left;
}
.thumb .logo-imagen{
height: 42px;
width: 46px;
}
.thumb img {
max-height: 42px;
max-width: 46px;
}
.thumb img {
max-height: 42px;
max-width: 46px;
}
.nombre-empresa {
    text-align: left;
    font-weight: bold;
    padding-top: 13px;
    margin-right: 4px;
    font-size: 0.9em;
    display: inline-block;
    margin-left: 0px;
    vertical-align: middle;
    color: #459ec6;
}
.fila-lista {
    height: 48px;
    border: 1px dotted #e2e2e2;
    margin-left: -1px;
    margin-top: -1px;
    width: 100%;
    overflow: hidden;
    float: left;
}
.fila-par{

}
.fila-impar{

}
.show{
z-index:4;	
}
#footer {
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    clear: both;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-right: 14px;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    bottom: 2%;
}
/*ETIQUETA DEMO*/

.sale-box {
    position: absolute;
    top: -7px;
    overflow: hidden;
    height: 190px;
    width: 183px;
    text-align: center;
    z-index: 0;
    BORDER: 0PX SOLID;
}

.sale-label {
    font: 700 14px/12px Arial,Helvetica,sans-serif;
    color: #fff;
    background: #f13340;
    text-transform: uppercase;
    padding: 9px 0 7px;
    text-shadow: 1px 1px rgba(0,0,0,0.24);
    width: 253px;
    text-align: center;
    display: block;
    position: absolute;
    right: -22px;
    top: 73px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(-45deg);
}

.sale-label {
    background: -moz-linear-gradient(45deg, rgba(255,0,0,1) 0%, rgba(240,56,9,1) 52%, rgba(250,21,0,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,0,0,1)), color-stop(52%, rgba(240,56,9,1)), color-stop(100%, rgba(250,21,0,1)));
    background: -webkit-linear-gradient(45deg, rgba(255,0,0,1) 0%, rgb(255, 90, 64) 52%, rgba(250,21,0,1) 100%);
    background: -o-linear-gradient(45deg, rgba(255,0,0,1) 0%, rgb(255, 90, 64) 52%, rgba(250,21,0,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(255,0,0,1) 0%, rgb(255, 90, 64) 52%, rgba(250,21,0,1) 100%);
    background: linear-gradient(45deg, rgba(255,0,0,1) 0%, rgb(255, 90, 64) 52%, rgba(250,21,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#fa1500', GradientType=1 );
}

/**/
@media only screen and (max-width: 450px) {
	#login-box {
	    height: auto;
	    border: 0;
	    padding-right: 0;
	    background-color: transparent;
	    width: 92%;
	    max-width: 358px;
	    margin: 0 auto;
	}
	#login-main {
	    margin-left: auto;
	    margin-right: auto;
	    width: 100%;
	    margin-top: 0;
	    min-height: 100%;
	    box-sizing: border-box;
	}
	#login-title {
	    height: auto;
	    width: 48%;	   
	}
	.logo-imagen {	 
	    width: 217px;
	    box-sizing: border-box;
	}
	#login-version {
	    color: #ffffff;
	    font-size: 13px;
	    font-weight: bold;
	    text-align: right;
	    padding-right: 1px;
	    padding-top: 53px;
	}
	div#logo-grande {
	    margin-top: 10px;
	}
	.input-login {
	    margin-top: 20px;
	    clear: both;
	    float: none;
	    max-width: 218px;
	    margin: 0 auto;
	    
	}
}