html {background-color: #F4F5F7;}
body{font-family: 'Open Sans', sans-serif; width:100%;}

img {max-width:100%;width:100%;}

/*
input[type=text], input[type=number], label { font-family: 'Lato', Arial, sans-serif; color:#adb7c1; -webkit-appearance: none;  border: none; border-style:none; background: transparent; border-radius: 0; outline: none;}
*/

textarea {font-family: 'Open Sans', sans-serif; color:#333; -webkit-appearance: none;  border: 1px solid #cacdd3;  background: transparent; border-radius: 5px; width:500px; height:120px; padding: 15px; } 

input[type="text"] {font-family: 'Open Sans', sans-serif; color:#333; -webkit-appearance: none;  border: 1px solid #cacdd3;  background: transparent; border-radius: 5px; width:300px; height:30px; padding: 15px; } 
#hash-validator-page .main-content p{font-size:26px; float: none; margin: 0 auto 30px; text-align: center;}
#hash-validator-page .common-grid{margin-top:50px;}


input[type="submit"], input[type="button"] { -webkit-appearance: none;outline: none; }

input[type="radio"]{opacity: 0; filter: alpha(opacity=0);}
input[type="radio"] + label {margin: 0; clear: none;   padding: 5px 0 4px 24px;cursor: pointer; background: url('../img/unchecked.png') no-repeat; background-position: 0 7px;margin-left: -5px;}
input[type='radio']:checked + label { background-image: url('../img/checked.png');}


.invis{display: none;}

/*
::-webkit-input-placeholder {color:#adb7c1;}
:-moz-placeholder { color:#adb7c1;}
::-moz-placeholder { color:#adb7c1;}
:-ms-input-placeholder { color:#adb7c1;}
*/


 
#inquerito-login-page .common-grid{margin:40px auto 100px;}
#inquerito-login-page .common-grid .main-content p {font-size:26px; text-align: center;}


.common-grid {position: relative;width: 1140px;padding: 15px;margin: 0 auto 100px;box-shadow: 0px 0px 40px 0px rgb(223, 223, 223);background-color: white; z-index: 0;}

.top-title{position: relative; text-align: center; width: 100%; margin:40px auto 25px;}
.top-title ul{}
.top-title ul li{display:inline-block; color:#666666; margin-right: 5px;}

.fundo{-webkit-transition: 500ms ease; -moz-transition: 500ms ease; -ms-transition: 500ms ease; -o-transition: 500ms ease; transition: 500ms ease;}

header {position: relative;float: left;text-align: center;background-color: #F4F5F7;width: 100%;margin-bottom: 60px; height: 120px; z-index: 1;}
header div.main-header-ul {position: absolute;width: 976px;margin: 0 auto;bottom: -17px;left: 50%;margin-top: 0;margin-left: -488px;}
 
header div.main-header-ul ul {background: transparent;width: 190px;float: none;display: inline-block;clear: both;position: relative;}

header div.main-header-ul ul li {color: #AEB3BB;font-size: 13px;width: auto;float: none;background: none;display: inline-block;}
header div.main-header-ul ul li:last-child {height: 35px;width: 35px;line-height: 35px; border-radius:50%;background-color: #E1E4E9; color: white; text-align: center;display: block;margin: 0 auto;}
header div.main-header-ul ul li.active-quest{height: 35px;width: 35px;line-height: 35px; border-radius:50%;background-color: #E11A2C; color:white !important; text-align: center;}
header div.main-header-ul ul li:first-child {margin-bottom: 10px;line-height: 16px;font-size: 10px;}


header div.main-header-ul ul .fundo {height: 15px;background-color: #E1E4E9; box-shadow: inset 0px 0px 0px 0px black; width: 100%;position: absolute;z-index: -1;bottom: 10px;left: 100px;}
/* header div.main-header-ul ul li.fundo {height: 15px;background-color: #E1E4E9;width: 195px;position: absolute;z-index: -1;margin-top: 10px; bottom: 10px;left: 95px;}*/


.main-content{position: relative;  width: 860px; margin: 0 auto; }

.main-content h1 {margin-bottom: 10px;font-weight: 300; font-size: 26px; line-height: 34px; color:#DF192C; clear: both; text-align: left;}
.main-content p {margin-bottom: 40px;font-weight: 300; font-size: 40px; line-height: 44px; color:#333;  clear: both; text-align: left;}
.main-content p span{display: block; font-size: 18px;}
.main-content .radio-buttons {position: relative; margin: 0 auto; text-align: center; }
.main-content div {margin-bottom: 80px; }
.main-content .radio-buttons span {margin: 0 0px;}

/* .radio-list {background: url('../img/checked.png') left center no-repeat;} */


.next-button {border-radius: 5px; margin:   0px auto 80px;font-weight: 700;font-size: 12px;color: white;background-color: #181512; border:1px solid #181512; line-height: 40px;width: 120px;height: 40px;display: block;text-align: center;
                  /* -webkit-transition: 0.5s ease; 
                    -moz-transition: 0.5s ease; 
                      -o-transition: 0.5s ease; 
                         transition: 0.5s ease;*/
}

/**.next-button:hover {background-color:white; border:1px solid #181512; color:#181512;}*/

.main-content .p-error{font-family: 'Open Sans', sans-serif; font-size: 22px; font-weight: 300; line-height: 30px; color:#DF192C;  text-align: center; margin:50px auto;}


#fim-page .main-content .p-error {margin:50px auto; font-size: 30px; color: #181512;}

.radio-holder{margin-bottom:100px;}

article#error-summary {margin-top: -50px;}
#error-summary ul li{margin-bottom: 30px;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#inquerito-b2-page .fundo.a{box-shadow: inset 180px 0px 0px 0px #E11A2C;} 
#inquerito-b3-page .fundo.a{box-shadow: inset 180px 0px 0px 0px #E11A2C;} 
#inquerito-c1-page .fundo.a{box-shadow: inset 180px 0px 0px 0px #E11A2C;} 
#inquerito-c2-page .fundo.a, #inquerito-c2-page .fundo.b{box-shadow: inset 180px 0px 0px 0px #E11A2C;} 
#inquerito-d1-page .fundo.a, #inquerito-d1-page .fundo.b{box-shadow: inset 180px 0px 0px 0px #E11A2C;} 
#inquerito-d2-page .fundo.a, #inquerito-d2-page .fundo.b, #inquerito-d2-page .fundo.c{box-shadow: inset 180px 0px 0px 0px #E11A2C;} 
#inquerito-d3-page .fundo.a, #inquerito-d3-page .fundo.b, #inquerito-d3-page .fundo.c{box-shadow: inset 180px 0px 0px 0px #E11A2C;} 
#inquerito-d4-page .fundo.a, #inquerito-d4-page .fundo.b, #inquerito-d4-page .fundo.c{box-shadow: inset 180px 0px 0px 0px #E11A2C;} 
#inquerito-d5-page .fundo.a, #inquerito-d5-page .fundo.b, #inquerito-d5-page .fundo.c{box-shadow: inset 180px 0px 0px 0px #E11A2C;} 
#inquerito-e1-page .fundo.a, #inquerito-e1-page .fundo.b, #inquerito-e1-page .fundo.c{box-shadow: inset 180px 0px 0px 0px #E11A2C;} 


#inquerito-home-page header div.main-header-ul ul li.active-pq,
#inquerito-a2-page header div.main-header-ul ul li.active-pq,
#inquerito-b1-page header div.main-header-ul ul li.active-pq,
#inquerito-b2-page header div.main-header-ul ul li.active-pq,
#inquerito-b3-page header div.main-header-ul ul li.active-pq,
#inquerito-c1-page header div.main-header-ul ul li.active-pq,
#inquerito-c2-page header div.main-header-ul ul li.active-pq,
#inquerito-d1-page header div.main-header-ul ul li.active-pq,
#inquerito-d2-page header div.main-header-ul ul li.active-pq,
#inquerito-d3-page header div.main-header-ul ul li.active-pq,
#inquerito-d4-page header div.main-header-ul ul li.active-pq,
#inquerito-d5-page header div.main-header-ul ul li.active-pq,
#inquerito-e1-page header div.main-header-ul ul li.active-pq{font-weight: 700;}