@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
/* HIDE RADIO */
[type=radio] { 
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* IMAGE STYLES */
[type=radio] + img {
    cursor: pointer;
}

/* CHECKED STYLES */
[type=radio]:checked + img {
    outline: 2px solid #f00;
}
.resposta1a10 {
        width:7%;
        max-width:50px;
}

.block {
margin-top:40px;
margin-left:auto;
margin-right:auto;
max-width:1024px;
background-color:#ffffff;
}
.header {
max-width:1024px;
background-color:#4d4e53;
color: #ffffff;
font-family: Verdana;
line-height: 24px;
text-align:center;
min-height:76px;
margin-bottom:68px;
}

.headersispro {
width:1024px;
background-color:#4d4e53;
color: #ffffff;
font-family: Verdana;
line-height: 24px;
text-align:center;
height:96px;
margin-bottom:68px;
}


.header .titol,.headersispro .titol {
font-weight: bold;
font-size: 26px;
padding-top:10px;
}

.header .subtitol,.headersispro .subtitol {
padding-top:5px;
font-size: 18px;

}

img.logo {
padding-top:30px;
margin:auto;
display: block;
}

table, tbody, tr, td {
border-spacing:0 !important;
}

.pregunta {
font-family: Verdana;
font-weight: bold;
font-size: 18px;
padding-bottom:24px;
}

.resposta {
font-family: Verdana;
font-size: 14px;
}
.itemenquesta{
height:170px;
}

td.itemenquesta {
padding-left:10px;}

.agraiment {
color:#cc092f;
font-family: Verdana;
font-weight: bold;
font-size: 15px;
}
.itemagraiment{
height:100px;
}
.itemsispro td.imatge {
vertical-align:bottom;
width:100px;
}
.itemsispro td.titol {
width:400px;
color:#cc092f;
font-family: Verdana;
font-weight: bold;
font-size: 18px;
vertical-align:bottom;
}
.itemsispro td.text, td.text a {
font-family: Verdana;
font-size: 15px;
height:90px;
vertical-align:top;
line-height:24px;
color:#4d4e53;
text-decoration:none;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}
td.text a:hover {
color:#cc092f;
}

.footerinterior:hover {
background-color:#4d4e53;
}

.footerinterior {
max-width:1024px;
background-color:#cc092f;
text-align:center;
height:76px;
text-decoration: none;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.footerinterior .titol {
color:#ffffff;
font-weight: bold;
font-size: 18px;
padding-top:30px;
text-decoration: none;
}

a.footerinterior{
text-decoration: none;
}

.footer {
max-width:1024px;
text-align:center;
/* margin-bottom:150px; */
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.footer:hover .footer2 .esquerra .imatgepercent {
background-image: url('./img/percent_g.png');
}
.footer:hover .footer2 .centre .imatgelupa {
background-image: url('./img/lupa_g.png');
}
.footer:hover .footer2 .dreta .imatge24h {
background-image: url('./img/24h_g.png');
}


a.footer, .footer1 {
color:#4d4e53;
background-color:#dcdcdc;
font-family: Verdana;
font-weight: bold;
font-size: 16px;
padding-top:10px;
padding-bottom:10px;
text-decoration:none;
}
.footer2 {
background-color:#4d4e53;
max-width:1024px;
color:#ffffff;
}
.footer3 {
float:left;
width:100%;
background-color:#dcdcdc;
font-family: Verdana;
font-size: 14px;
padding-top:10px;
padding-bottom:10px;
}

.footer3 a {
text-decoration: none;
color:#4d4e53;
}

.footer2 .esquerra, .footer2 .centre,.footer2 .dreta{
float:left;
background-color:#4d4e53;
width:33.333333333%;
}

.footer2 .dreta .imatge24h {
background-image: url('./img/24h.png');
display:table-cell;
background-color:#4d4e53;
height:60px;
width:61px;
padding-left:20px;
padding-top:5px;
padding-bottom:2px;
background-repeat:no-repeat;
background-position: center; 
}
.footer2 .centre .imatgelupa {
height:60px;
width:61px;
background-image: url('./img/lupa.png');
display:table-cell;
background-color:#4d4e53;
padding-left:20px;
padding-top:5px;
padding-bottom:2px;
background-repeat:no-repeat;
background-position: center;
}
.footer2 .esquerra .imatgepercent {
height:60px;
width:61px;
background-image: url('./img/percent.png');
display:table-cell;
background-color:#4d4e53;
padding-left:20px;
padding-top:5px;
padding-bottom:2px;
background-repeat:no-repeat;
background-position: center;
}
@media (max-width: 1024px) {
.footer2 .esquerra .imatgepercent, .footer2 .dreta .imatge24h, .footer2 .centre .imatgelupa  {
        display:block;
        width:100%;  
        }
.footer2 .esquerra .text,.footer .centre .text,.footer2 .dreta .text {
        height:60px;
}
}

.footer2 .esquerra .text,.footer .centre .text,.footer2 .dreta .text {
display:table-cell;
background-color:#4d4e53;
vertical-align:middle;
font-size: 16px;
padding-left:10px;
}
td.enviar {
text-align:center;
background-color:#cc092f;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}
td.enviar:hover {
text-align:center;
background-color:#4d4e53;
}
input.enviar {
background-color:#cc092f;
width:100%;
padding:5px 15px;
border:0 none;
cursor:pointer;
font-size:18px;
color:white;
font-weight:bold;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}
input.enviar:hover {
background-color:#4d4e53;
width:100%;
padding:5px 15px;
border:0 none;
cursor:pointer;
font-size:18px;
color:white;
font-weight:bold;
}
input.enviar_desktop  {
cursor:pointer;
color:#ffffff;
background-color:#d30d2b;
border:none;
padding: 8px 20px;
font-weight:bold;
font-size:14pt;
font-family:'Roboto', sans-serif;
border-radius:10px;
}
.enviar_mobile {
cursor:pointer;
color:#ffffff;
background-color:#d30d2b;
border:none;
padding: 8px 20px;
font-weight:bold;
font-size:14pt;
font-family:'Roboto', sans-serif;
border-radius:10px;
}
@media (max-width: 1023px) {
.enviar_desktop {
	display:none;
}
}

@media (min-width: 1024px) {
.enviar_mobile {
        display:none;
}
}