form{border:0!important}
html {
    font-family: 'Open Sans','Helvetica Neue',sans-serif;
    font-size: 14px;
    
    border: none;
    margin: 0px 25px 25px 25px !important;
}
body, html{margin: 0; padding: 0}

H1 {
    font-weight: 700;
    font-size: 1.8rem;
    color: #000;
    margin: 30px 0 10px -10px;
    padding: 4px 8px;
    font-family: 'Open Sans','Helvetica Neue',sans-serif;
}

H2{font-weight:600;font-size:1.6rem;display:block;padding:3px 0;color:#000;margin:20px 0 10px 0;clear:both;display:block}
input,select,textarea{font-size:1.2rem;font-weight:300;font-family:'Open Sans','Helvetica Neue',sans-serif;padding:4px 8px;float:left;position:relative;display:inline-block;border:1px solid #888 }
h1 .fondogris {background-color: #A9A9A9;color: #fff;}

#Panel1, #Panel2 {display: block !important ;}

ul, li {
    list-style: none;
    list-style-image: none;
    list-style-type: none;
    /*padding: 0;
    margin: 0;*/
}



#grupoA > ul:first-of-type {
    padding: 0;
}


.imagenproducto {
    padding: 20px;
    max-height: 200px;
    max-width: 80vw;
}
/*#Panel2 {
    display: block !important;
    position: absolute;
    padding: 15px;
    margin: 0 auto;
    width: 95vw;
}*/
/*#Panel2 {
 
    background-color: #F0F0F0; display: block !important; position: absolute; padding: 15px; margin: 0 auto; width:90%
}*/
.titulo_campo_numerico {
    clear: none !important;
    float: left;
    display: inline-block;
}
.info::after  {margin-left: 10px   ;content: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMzMCAzMzAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMzMCAzMzA7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPGc+Cgk8cGF0aCBkPSJNMTY1LDBDNzQuMDE5LDAsMCw3NC4wMiwwLDE2NS4wMDFDMCwyNTUuOTgyLDc0LjAxOSwzMzAsMTY1LDMzMHMxNjUtNzQuMDE4LDE2NS0xNjQuOTk5QzMzMCw3NC4wMiwyNTUuOTgxLDAsMTY1LDB6ICAgIE0xNjUsMzAwYy03NC40NCwwLTEzNS02MC41Ni0xMzUtMTM0Ljk5OUMzMCw5MC41NjIsOTAuNTYsMzAsMTY1LDMwczEzNSw2MC41NjIsMTM1LDEzNS4wMDFDMzAwLDIzOS40NCwyMzkuNDM5LDMwMCwxNjUsMzAweiIgZmlsbD0iIzAwYWNjNSIvPgoJPHBhdGggZD0iTTE2NC45OTgsNzBjLTExLjAyNiwwLTE5Ljk5Niw4Ljk3Ni0xOS45OTYsMjAuMDA5YzAsMTEuMDIzLDguOTcsMTkuOTkxLDE5Ljk5NiwxOS45OTEgICBjMTEuMDI2LDAsMTkuOTk2LTguOTY4LDE5Ljk5Ni0xOS45OTFDMTg0Ljk5NCw3OC45NzYsMTc2LjAyNCw3MCwxNjQuOTk4LDcweiIgZmlsbD0iIzAwYWNjNSIvPgoJPHBhdGggZD0iTTE2NSwxNDBjLTguMjg0LDAtMTUsNi43MTYtMTUsMTV2OTBjMCw4LjI4NCw2LjcxNiwxNSwxNSwxNWM4LjI4NCwwLDE1LTYuNzE2LDE1LTE1di05MEMxODAsMTQ2LjcxNiwxNzMuMjg0LDE0MCwxNjUsMTQweiAgICIgZmlsbD0iIzAwYWNjNSIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=)}
.divinfo {display: none;}
.info {cursor: pointer }

/*------- form respuesta*/

#anadir_producto{display: none; background-color: #00ACC5; color: #fff; border: none; padding: 9px 14px; font-size: 14px}
#cantidad_producto {display: none; width: 50px; margin-right: 10px; padding: 4px 6px}
#autocomplete {width: 70%; margin: 0 10px 30px 0; padding: 4px 6px}
#spnResponse, #bc3productos {color: #66A523; font-family: Verdana;}
#spnResponse a, #bc3productos a {border: none; text-decoration:none; color: #000000; }
#spnResponse ul, #bc3productos ul {list-style-type: none;}
#spnResponse li, #bc3productos li {clear:both;margin: 10px 0;}

#bc3productos li {margin-left: 40px; font-weight:normal; display: block;}

#bc3productos li:before{
   content: '\2716';
   color: #DF2E09;
   font-weight: bold;

  padding-right:10px;
  float: left;
  margin-left:-60px
  
}
#bc3productos b {text-align: right; padding-right: 20px; width: 50px; display: block; float: left; font-weight:normal; margin-left: -70px }

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

#formulario {margin:20px;}
#formulario_respuesta h2 {
    border-bottom: 1px solid #000;
    margin-top: 30px;
    width: 96%
}
 #respuesta_titulo {width: 90%}


/*------- form respuesta*/

#Comentarios{width:90%;height:200px;padding:6px}
input [type="text"]{width:500px}
.boton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer;
    background-color: #E84C3D;
    padding: 12px 60px;
    color: #fff !important;
    font-weight: 400 !important;
    display: inline-block;
    margin: 50px 30px 30px 0;
    float: right;
    text-transform: uppercase
}
    .boton:disabled {
        background-color: #888;
        color: #c6c6c6 !important;
        cursor: not-allowed;
    }

    .boton_loading {background-color: #fff;background-size: 30px 30px;background-image: url(/images/rolling.svg);background-repeat: no-repeat;background-position: center center;cursor: auto;}

        .boton_loading:disabled {
            background-color: #fff;
            
        }


.tooltip{display:none;position:absolute;border:1px solid #333;background-color:#161616;border-radius:5px;padding:10px;color:#fff;font-size:12px;z-index:99999}
table{display:block;clear:both!important;position:relative}
/*[id^='Panel'],*/#Perfil{display:block;clear:both}
[id^='grupo'] input,select,textarea{margin:3px 0 12px 0; position:relative;display:block;float:left;clear:both}
input[type="radio"]{/*clear:none;*/display:inline-block;position:relative;padding:0}
span{float:left;display:block;position:relative;clear:both;color:#00ACC5;font-weight:700;margin:10px 0 0 0;font-size:1.1rem}
.aviso{margin:0!important;padding:0!important;position:absolute;clear:none}
label{display:block;float:left;margin:0 30px 0 10px;padding-top:8px}
#panel_comentarios { /*width:35%;*/
    float: left;
    display: block
}
.grupo{width:100%;float:left;display:block}
#grupoA{width:100%;float:left;display:block}
#grupo_archivos{width:30%;float:left;display:block}
#grupoB, #grupo_datos_personales {
    margin-right: 80px !important;
    float: left;
    display: block
}
#grupo_datos_personales,#grupoA{margin-right:30px}
fieldset{border:0;clear:both;padding:0;margin:0}
fieldset label,#Perfil label{padding:7px 20px 0 3px}
legend{color:#00ACC5;float:left;position:relative;display:block}
#spnResponse{color:#66A523; overflow-x: no-display; overflow-y: no-display ;}
#spnResponse ul{list-style-type:none;  }
#spnResponse li{clear:both;color: #000;/* font-weight: bold; */cursor: pointer;}
#spnResponse li:before{content:'\2716';color:#DF2E09;padding-right:12px; margin-left: -26px; font-size: 16px;}

.campo_numerico_titulo {clear: none !important; float: left; display: inline-block; margin: 8px 0px 0px 10px;}
.campo_numerico {width:60px !important ; margin-right:10px; clear: left !important; float: left;  display: inline-block;}


/*[class*="entypo-"]{color: #000; margin-left: -18px; font-weight: bold; cursor: pointer; width: 200px}
[class*="entypo-"]:before{content:'\2716';color:#DF2E09;padding-right:12px; margin-left: -26px; font-size: 16px;}*/
.campodesactivado{border:none}
#Poblacion{float:left;clear:none;display:none;margin-left:14px;position:relative;width:315px}
#zip{clear:left;width:75px}
.borde{border:1px solid #fff}
#mensajeOK{width:100%;margin:0 auto;margin-top:50px;text-align:center;display:block;position:relative;font-size:14px}
#mensajeOK h1{margin-top:180px}
#mensajeOK h2{top:300px; font-size: 40px; border: none; display: block}
.texto_empresas{font-weight:400;margin:60px 0;color:#fff;background-color:#00ACC5;padding:4px 6px;font-size:17px}
#listaempresas{width:95%;margin:0 auto;text-align:left;margin-top:30px}
#listaempresas p{font-size:13px;font-weight:300}
#listaempresas h3{font-size:14px}
#listaempresas td{padding:6px;width:23%;vertical-align:top;position:relative;display:inline-table}
#listaempresas img{width:100px}
#listaempresas input[type="checkbox"]{display:none}
#listaempresas label{cursor:pointer;padding:12px;height:100%;position:relative;display:block}
#listaempresas label:hover{opacity:.5;filter:alpha(opacity=50)}
#listaempresas table,#listaempresas td,#listaempresas tr{height:100%}
.empresas_seleccionado{outline:2px solid #00ACC5}
.adjuntos{color:#A9A9A9;font-weight:300;font-size:1em; margin-bottom: 20px}
#producto_imagen{float:left;margin:0 50px 0 20px;display:block;max-height:120px;max-width:300px;border:0}
#logo{margin:20px 0}
#logo h1{float:right;}
@-webkit-keyframes click-wave {
0%{width:30px;height:30px;opacity:.35;position:relative}
100%{width:200px;height:200px;margin-left:-80px;margin-top:-80px;opacity:0}
}
@-moz-keyframes click-wave {
0%{width:30px;height:30px;opacity:.35;position:relative}
100%{width:200px;height:200px;margin-left:-80px;margin-top:-80px;opacity:0}
}
@-o-keyframes click-wave {
0%{width:30px;height:30px;opacity:.35;position:relative}
100%{width:200px;height:200px;margin-left:-80px;margin-top:-80px;opacity:0}
}
@keyframes click-wave {
0%{width:30px;height:30px;opacity:.35;position:relative}
100%{width:200px;height:200px;margin-left:-80px;margin-top:-80px;opacity:0}
}
.option-input{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-moz-box-shadow:none;-webkit-user:none;-moz-user:none;-khtml-user:none;-ms-user:none;background:none;position:relative;width:24px;height:24px;-webkit-transition:all .15s ease-out 0;-moz-transition:all .15s ease-out 0;transition:all .15s ease-out 0;color:#fff;cursor:pointer;display:inline-block;outline:none;position:relative;margin-right:.5rem;z-index:1000;border:1px solid #A9A9A9;outline:none}
.option-input:hover{background:#CBD1D8}
.checkbox:checked::selection{background-color:#A9A9A9}
.checkbox:checked::before {
    width: 24px;
    height: 24px;
    position: absolute;
    content: '\2713';
    display: inline-block;
    font-size: 30.66667px;
    text-align: center;
    line-height: 20px;
    color: #40e0d0;
    margin: -10px 0 0 -12px;
}
.radio:checked::before{width:30px;height:30px;position:absolute;content:'\2022';display:inline-block;font-size:55px;text-align:center;line-height:20px;color:#40e0d0;margin-left:-4px}
.option-input:checked::after{-webkit-animation:click-wave .65s;-moz-animation:click-wave .65s;animation:click-wave .65s;content:'';display:block;position:relative;z-index:100}
.checkbox:checked + label,.radio:checked + label{font-weight:700}
.option-input.radio{border-radius:50%}
.option-input.radio::after{border-radius:50%}
.tooltip{display:none;position:absolute;border:1px solid #333;background-color:#161616;border-radius:5px;padding:10px;color:#fff;font-size:12px;z-index:99999}
.success{border:1px solid #000}
.warning{border:1px solid red}
.rojo{color:#DA0809;clear:right;margin-left:5px;float:left;display:block}
.comentarios1{font-size:12px;font-style:italic;clear:both;display:block;color:#000;margin:0 0 10px}
.comentarios2{font-size:12px;font-style:italic;clear:both;display:block;color:#000;margin:-10px 0 12px}
span.l20 {margin-left: 20px;display: inline-block;position: relative;clear: none;}
span.l40 {margin-left: 40px;display: inline-block;position: relative;clear: none;}
@media only screen and (max-width: 768px) {
html{ margin: 20px;  }
#mensajeOK{font-size:34px}
#producto {font-size: 18px; padding: 20px 0 0 20px; display: block;}
#producto_imagen{margin:0px;display:block;max-height:200px;width:100%}
#panel_comentarios, #grupo_datos_personales, #Panel_cuadroadjuntos, #grupo_archivos, #grupoA, #grupoB, #producto {width: 100%; clear: both; margin-top:20px}
#logo{margin: 0;}
#logo h1{float:left;}
span{font-size: 18px; margin-top:10px}
.boton{font-size: 26px; font-weight: 400;  float:left; margin: 20px 0; display: block; position: relative; width: 100%;  }
 #Poblacion, input, select, textarea {font-size: 20px;}
::-webkit-input-placeholder { font-size:18px !important  }
::-moz-placeholder { font-size:18px !important } /* firefox 19+ */
:-ms-input-placeholder { font-size:18px !important } /* ie */
input:-moz-placeholder { font-size:18px !important}
 

}