/*body{
	background-color: "#F0F0F0";
}
#plantilla{
	position: fixed;
	background-color: silver;
	height: 100%;
	width: 820px;
	margin:auto; 
}

#colores_ver{
	background-color: "#00FF00";
} 
#colores_roj{
	background-color: "#FF0000";
}
#grafica1{
            position:fixed;
            width: 225px;
            height: 400px;
            /*float: right;
            right: 22px;
}
#cuadro1{
            background-color: "#00FF00";
            position:fixed;
            width: 20px;
            height: 20px;
            float: right;
            right: 22px;
}
#cuadro2{
            background-color:"#FF0000" ;
            position:fixed;
            width: 20px;
            height: 20px;
            float: right;
            right: 22px;
}
*/
body{
            /*background-color:#eaf3fd;*/
            background-color: silver;
}

#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:420px;
            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;
}
#verde{
     background: #10B013; 
     width: 40px; 
     height: 20px; 
     margin-left: 10px; 
     border-radius: 0%; 
     position: relative; 
     border: 1px solid rgba(0, 0, 0, 0.15); 
     box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
}
#rojo{
      background-color: #B01010;
     width: 40px; 
     height: 20px; 
     margin-left: 10px; 
     border-radius: 0%; 
     position: relative; 
     border: 1px solid rgba(0, 0, 0, 0.15); 
     box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
    
}
#titulo_supervisor{
      font-size: 18px;
}
#contenido_supervisor{
      font-size:16px;
}
#grafica1{
      position: absolute;
      background-color: grey;
      width: 300px;
      height: 550px;
}
#grafica2{
      position: relative;
      background-color: silver;
      width: 550px;
      height: 550px;
      left:300px;
      overflow: auto;

     }
.grafica_grupo{
      height:10px; 
      width: 10px;
}
#pasteles_plantel1{
  position:absolute;
   width: 225px;

}
#pasteles_plantel2{
  position:relative;
  width: 225px;
  left:225px;

}
#separador{
  background-color: grey;
  position:static;
    width: 550px;
    height: 10px;
}