body{
            /*background-color:#eaf3fd;*/
            background-color: silver;
}

/*encueta empresas*/
      #divIcono{
                  background-color: silver;
                  position: absolute;
                  height: 680px;
                  width: 100px;
            }
      #frame_encuesta_h{
                  position: relative;
                  left:100px;
            }
     
/*--------------------------*/
#principal{
            width: 850px;
            height: 680px;
            margin: 0px auto;
            border-radius: 5px;
            font-color: brown;
            background-color: #eaf1f7;

            -moz-box-shadow:    3px 3px 5px 6px #333333;
            -webkit-box-shadow: 3px 3px 5px 6px #333333;
            box-shadow:         3px 3px 5px 6px #333333;
}
#cabecera{
            width: 850px;
            height: 90px;
            margin: 10px auto;
            top: 95px;
            font-color: brown;
            background-color: #006bb5;
            border-radius: 5px;

            -moz-box-shadow:    3px 3px 5px 6px #333333;
            -webkit-box-shadow: 3px 3px 5px 6px #333333;
            box-shadow:         3px 3px 5px 6px #333333;
}
#cuadro_log{
            background-color: #eaf3fd; 
            width:250px;
            border-radius: 10px;
            border-top:thin solid silver;
            border-right:thin solid silver;
            border-bottom:medium solid silver;
            border-left:thin solid silver;
            margin: 5px 0 0 0;
            padding:15px 15px 15px 15px;
            float:none;
            margin-left: auto ;
            margin-right: auto ;
}

#datos_personales{
            background-color: white; 
            width:500px;
            border-radius: 10px;
            border-top:thin solid silver;
            border-right:thin solid silver;
            border-bottom:medium solid silver;
            border-left:thin solid silver;
            margin: 5px 0 0 0;
            padding:15px 15px 15px 15px;
            float:none;
            margin-top: auto;
            margin-left: auto ;
            margin-right: auto ;
            text-align: center;
}
#cuestionario{
            background: rgba(0,0,0,0.5);
            display: none;        
            height:100%;
            left:0;
            position: fixed;
            top: 0;
            width:100%;    
}
.titulo_encuesta{
            margin-top: auto;
            margin-left: auto ;
            margin-right: auto ;
            margin-bottom: auto;
            width: 850px;
            background-color: orange;
             border-radius: 5px;

            -moz-box-shadow:    3px 3px 5px 6px #333333;
            -webkit-box-shadow: 3px 3px 5px 6px #333333;
            box-shadow:         3px 3px 5px 6px #333333;
}
#titulo_encuesta{
            font-family: 'Ubuntu Mono', ;
            font-weight: bold;
            font-size: 25px;
            color: white;
            text-align: center;
}
#subtitulo_encuesta{
            font-family: 'Ubuntu Mono', ;
            font-weight: bold;
            font-size: 20px;
            color: white;
            text-align: center;
}
.cuestionario{
            display: none; 
            width: 850px;
            height: 480px;
            overflow: auto;
            margin: 10px auto;
            border-radius: 5px;
            /*background-color: #eaf1f7;*/
            background-color: white; 

            -moz-box-shadow:    3px 3px 5px 6px #333333;
            -webkit-box-shadow: 3px 3px 5px 6px #333333;
            box-shadow:         3px 3px 5px 6px #333333;
}
#cbbc_logo{
            display:block;
            margin:0 auto 0 auto;
}
#logo_index{
       display:block;
       margin:0 auto 0 auto;
       width: 100px;
       height: 99.06px;
}
#tabla_index{
       display:block;
       margin:0 auto 0 auto;
}
p{
            margin: 0 auto;
            font-family: 'Ubuntu Mono', ;
            font-weight: bold;
            font-size: 16px;  
        }

button{
      cursor: pointer;
}
#x{
      width: 40px;
      height: 62.35px;
      position: fixed;
      right: 5%;
      cursor: pointer;
      margin-top: 20%;
}
#y{
      width: 40px;
      height: 62.35px;
      position: fixed;
      left: 5%;
      cursor: pointer;
      margin-top: 20%;
}
#titulo_preguntas{
      margin-top: 10px;
      margin-left: 20px;
      margin-bottom: 10px;
      font-family: 'Ubuntu Mono', ;
      font-size: 20px;
      text-align: left;
      color: orange;
}
#desc_elemento{
      margin-top: 10px;
      margin-left: 20px;
      margin-bottom: 10px;
      font-family: 'Ubuntu Mono', ;
      font-size: 16px;
      text-align: justify;
      color: red;
}
#subtitulo_preguntas{
      font-family: 'Ubuntu Mono',;
      color:silver;
}
#pregunta{
      margin-left: 20px;
      margin-right: 30px;
      font-family: 'Ubuntu Mono', ;
      font-size: 16px;
      text-align: justify;
      color: red; 
      /*text-shadow: black 0.1em 0.1em 0.2em;*/
}
#desc_pregunta{
      margin-top: 10px;
      margin-left: 20px;
      margin-right: 30px;
      font-family: 'Ubuntu Mono', ;
      font-size: 16px;
      text-align: justify;
      color: red; 
      /*text-shadow: black 0.1em 0.1em 0.2em;*/
}
#respuesta{
      font-family: 'Ubuntu Mono', ;
      font-size: 16px;
      color: grey;  
}
.oculto{
      display:block;
}
input[type="radio"]{
      margin-left: 40px;
}
#instrucciones{
       text-align: justify;
}
#guardar{
      display:block;
}