/*
    Created on : 2/05/2015, 08:03:11 PM
    Author     : USUARIO
*/

body {
    font-family: Arial, helvetica;
    font-size: 11px;
}

#header {
    border-bottom: thin solid #dddddd;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

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

#content {
    /*width: 1024px;*/
    width: 90%;
    margin: auto;
    border: thin solid #dddddd;
    padding: 10px;
}

#footer {
    padding: 15px 0px;
    margin: 15px 0px;
    border-top: thin solid #dddddd;
}

#footer p {
    text-align: center;
    color: #666666;
    font-weight: bold;
}

/*
    TITULO
*/
.titulo {
    font-size: 16px;
    color: #666666;
    font-weight: bold;
    background-color: #f0f0f0;
    padding: 5px;
}

.item-group {
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}

.item-group .group-description {
    text-transform: none;
    font-size: 18px;
    font-weight: normal;
    color: #222222;
    line-height: 24px;
}

.item-question {
    /*margin-left: 20px;  */
    /*display: inline-block;
    float: left;
    width: 48%;
    min-height: 240px;*/
    line-height: 18px;
}

.item-question-msg {
    color: red;
}

.item-question-text {
    /*
    margin-bottom: 10px;
    margin-top: 10px;
    
    */
    padding: 4px;
    background-color: rgba(34, 102, 102, 0.2);
}

.item-answer {
    padding: 2px;
}

/*
.item-answer{
    float: left;
    margin: 2px 2px 2px 0px;;
}
*/
.item-answer:hover {
    background-color: rgba(0, 0, 255, 0.07);
}

.item-answer table td {
    padding: 2px 4px;

    border-left: 3px solid #ffffff;
}

.item-answer table input {
    /**float: left;**/
    position: relative;
    /*bottom: 6px;*/
}

.item-answer table .strip {
    background-color: rgba(0, 0, 255, 0.15);
}

.item-answer table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    border-color: #eeeeee;
}

.item-answer label {
    position: relative;
    bottom: 1px;
}

.item-question-closed .item-question-text {
    background-color: rgba(0, 0, 0, 0.04);
}

.item-question-ayuda {
    color: blue;
    margin: 10px 0px;
    font-weight: bold;
    font-style: italic;
}

.clearfix {
    display: block;
    width: 100%;
    clear: both;
}

.item ul, .item li {
    padding: 0px;
    margin: 0px;
}

.item li {
    list-style: none;
    float: left;
    display: inline-block;
    padding: 4px;
    background-color: #aaaaaa;
    margin-bottom: 4px;
    margin-left: 2px;
}

.item li a {
    text-decoration: none;
    color: #ffffff;
    font-size: 12px;
}

.hide {
    display: none;
    /*background-color: rgba(0,255,0,0.5);*/
}

/*
    Forms
*/
#content {
    font-size: 15px;
}

@media only screen and (max-width: 768px) {
    #content, #content .item-question {
        font-size: 18px;
        line-height: 22px;
    }
}


#content input:focus, #content select:focus {
    border: thin solid blue;
}

#content input[type="text"],#content input[type="password"], #content select {
    border: thin solid #999999;
    padding: 4px;
}

#content input[type="checkbox"]:focus {
    /*background-color: blue !important;*/
}

#content input[type="submit"]:focus, #content input[type="button"]:focus {
    border: thin solid blue !important;
}

#content select {
    font-size: 14px;
}

.form-inicio {
    width: 70%;
}

select.form-inicio {
    width: 71%;
}

#content input, #content select {
    margin-top: 4px;
    margin-bottom: 4px;
}

#content input[type="submit"], #content input[type="button"] {
    background-color: #666666;
    border: none;
    color: #ffffff;
    padding: 6px 8px;
    cursor: pointer;
}

#content .btn-submit {
    background-color: #666666;
    border: none !important;
    color: #ffffff;
}

#content .btn-salir {
    background-color: #666666;
    border: none !important;
    color: #ffffff;
}

.msg-final p {
    text-align: center;
    font-size: 14px;
}

.msg-continue {
    background-color: rgba(200, 200, 200, 0.5);
}

.msg-continue p {
    padding: 5px;
    color: #666666 !important;
}

.button a {
    color: #ffffff;
    text-decoration: none;
    float: left;
}

ul {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

li.button {
    float: left;
    list-style: none;
}

.button {
    color: #ffffff;
    background-color: #545454;
    /*background-image: url("../images/button.png");*/
    background-position: left top;
    background-repeat: repeat-x;
    border: 1px solid #515151;

    color: #fff;
    cursor: pointer;
    padding: 6px 10px;
    text-decoration: none;
    margin: 4px 0px;
}

label.error {
    display: block;
    clear: both;
    color: red;
}

/*
    .alert
*/
.alert {
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #c09853;
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    border-radius: 2px;
}

.alert p {
    padding: 0px;
    margin: 0px;
}

.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-danger {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

textarea:focus, input:focus, select:focus {
    outline: none;
}