#pagina{
    width: 100%;
    margin: 5px 5px 5px 5px ;
    height: 100%;
}
#encabezado{
    float: left;
    width: 100%;
    margin: 5px auto;
    background-color: #c2dfef;
    color: white;
}
#cuerpo{
    float: left;
    width: 100%;
    background-color: #FFFFFF;
    height: 100%;
}
#contenido{
    margin-left: 13em;
    background-color: #FFFFFF;
    /* height: 200px; */
    padding: 2px 0px 2px 50px;
}
#izquierda {
    float: left;
    width: 15em;
    margin-left: 0%;
    background-color: #ffffff;
    padding: 0px 0px 0px 0px;
    height: 475px;
    margin-top: 24px;
}
#pie{
    float: left;
    width: 100%;
    background-color: #710700;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 0em;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}
.errores {
    color: red;
    font-weight: bold;
}
.texto_blanco {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	width: 0px;
}
.fondo_login {
	font-size: 2px;
	/*background-color:#E6F7FF; */
}
.label2 {
	font-family: Verdana, Tahoma, Arial;
	font-size: 12px;
	color: #043764;
	font-weight: bold;
}
body {
    background-color: #ffffff;
    font-size: 12px;
    font-family: Verdana, "Verdana CE",  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    color: #000000;
    margin: 10px;
}
#contenedor{ 
   width: 100%; 
   margin: 0 0 0 0px; 
} 
#menu{ 
   background-color: #710700; 
   color: #FFFFFF; 
   font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif;
   font-size:10pt; 
   font-weight: bold;
   padding: 0 0 0 0px; 
} 
#menuIzquierda{ 
   background-color: #710700; 
   color: #FFFFFF; 
   width: 16em;
   font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif;
   font-size:9pt; 
   font-weight: bold;
   padding: 0 0 0 0px; 
} 
#mensaje{ 
   background-color: #FFFFFF; 
   color: #710700; 
   font-size:10pt; 
   font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif;
   font-weight: bold; 
   margin: 0 0 0 0px;
   height: 20px;
} 
#mensajederecha{
   width: 50%; 
   float: right; 
   padding: 0px 0px 0px 0px;
   text-align: right;
}
#mensajeizquierda{
    float: left;
    width: 50%;
    margin-left: 0%;
    padding: 0px 0px 0px 0px;
}
#cabecera{ 
   margin: 0 0 0 0px; 
   height: 60px;
   background-color: #FFFFFF;
   font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif;
} 
#cabizquierda{
    float: left;
    margin-left: 0%;
    padding: 0px 0px 0px 0px;
    width: 180px;
}
#cabderecha{
   width: 150px;
   background-color: #FFFFFF;
   text-align: right;
   font-weight: bold;
   padding: 30px 0px 0px 0px;
   float: right; 
}
#cabeceraletra1{
    height: 20px;
    width: 1000px;
    background-color: #FFFFFF;
    font-size: 14px; 
    font-weight: bold; 
    color: #710700; 
    padding: 0px 20px 0px 0px;
    font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; 
    font-style: normal;
}
#cabeceraletra2{
    height: 20px;
    width: 1000px;
    font-weight: bold; 
    font-size: 11px; 
    font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif; 
    color: #25476D;
}
#lateral{ 
   width: 160px; 
   background-color: #999999; 
   float: right; 
} 
#lateral ul{ 
   margin : 0 0 0 0px; 
   padding: 0 0 0 0px; 
   list-style: none; 
} 
#lateral li{ 
   background-color: #ffffcc; 
   margin: 0 0 0 0px;
   padding: 0 0 0 0px;
   font-weight: bold; 
} 
#lateral a{ 
   color: #3333cc; 
   text-decoration: none; 
} 
#imagenIzquierda{
    background-color: #FFFFFF;
    font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif;
    margin: 5px 5px 5px 5px;
    /*padding: 10px 10px 10px 10px;*/
    width: 14em;
    vertical-align: baseline;
    text-align: center;
}
#imagenTrabajando{
    background-color: #FFFFFF;
    font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif;
    margin: 0px 0px 0px 0px;
    /*padding: 10px 10px 10px 10px;*/
    width: 100%;
    vertical-align: baseline;
    text-align: center;
    color: #25476D;
}
#textoCuerpo {
	font-family:  Verdana, Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	width: 0px;
}
#textoMensaje {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #710700;
	text-decoration: none;
	font-style: normal;
	width: 0px;
}
.textoMensaje{
    	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #710700;
	text-decoration: none;
	font-style: normal;
	width: 0px;
}
hr{
   height: 1px;
   border: 0;
   color: #666;
   background-color: #710700;
   display: block;
}
.teclado{
  
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: white;
    text-align: center;
    margin-top: 100px
}

.teclado .keypad-close{
    width: 68px; 
    color:#710700;
}
.teclado .keypad-back{
    width: 68px;
}
.teclado .keypad-clear{
    width: 96px;
}
.teclado .keypad-shift{
    width: 52px;
    color: #710700;
}
.teclado .keypad-close:after{
    content: "  X";
}
.teclado .keypad-back:before{
    content: "◄ ";
}
.teclado .keypad-shift:before{
    content: "▲";
/*    //background-image: url("images/shift1.jpg");
    //background-size: 50%;*/
}
.descarga-icon {
    background-image: url("/encuesta/resources/images/descarga1.png") !important ;
/*    //background: url(/images/descarga1.png) no-repeat top left;*/
    width: 50px;
    height: 30px;
    border-radius: 0px 0px 0px 0px !important;
}
.ui-fileupload-buttonbar {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    border: none;
}
.ui-fileupload {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    display: inline-block;
    border: none;
}
.ui-fileupload-content {
    display: none;  
}
.commandBtn{
    background: #940906;
    border-color: #23a38f;
    border-style: none;
    color: white;
    height: 40px;
    width: 140px;
    font-family: tahoma;
    font-size: 12px;
    position: relative;
    
}
.commandBtnLogin{
    background: #940906;
    border-color: #23a38f;
    border-style: none;
    color: white;
    height: 40px;
}
.commandBtnGral{
    background: #d82f4b;
    border: 2px solid #e3a1a1;
    color: #f2f2f2;
    height: 35px;
    width: 180px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    position: relative;
    border-radius: 5px;
    padding: 0px;
    box-sizing: border-box;
    transition: all 500ms ease;
    overflow:hidden;
}
.commandBtnGral:before {
 font-family: FontAwesome;
 content:"";
 position: absolute;
 top: 0px;
 left: 0px;
 width: 0px;
 height: 35px;
 background: rgba(255,255,255,0.3);
 border-radius: 5px;
 transition: all 2s ease;
}
.commandBtnGral:hover:before {
/* left: 7px;*/
 width: 100%;
}
.commandBtnLibre{
    background: #940906;
    border: none;
    color: #f2f2f2;
/*    height: 35px;
    width: 160px;*/
    font-family: tahoma;
    font-size: 13px;
    font-weight: normal;
    position: relative;
    border-radius: 5px;
    padding: 10px 35px;
    box-sizing: border-box;
    transition: all 500ms ease;
    overflow:hidden;
}
.calenderClass input {
width: 140px;
}
/*--Efecto de parpadeo de texto*/
.text {
  /*font-size:28px;*/
  /*font-family:helvetica;*/
  /*background: #940906;*/
  font-weight:bold;
  color:#940906;
  /*text-transform:uppercase;*/
}
.title-section {
    border: 2px solid #e3a1a1;
    background: #d82f4b 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 16px;
    height: 40px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    border-radius: 4px;
}

.parpadea {
  
  /*animation-name: parpadeo;*/
  /*animation-duration: 5s;*/
  /*animation-timing-function: linear;*/
  /*animation-iteration-count: infinite;*/

  /*-webkit-animation-name:parpadeo;*/
  /*-webkit-animation-duration: 5s;*/
  /*-webkit-animation-timing-function: linear;*/
  /*-webkit-animation-iteration-count: infinite;*/
  -webkit-animation: parpadeo 1s linear infinite;
  -moz-animation: parpadeo 1s linear infinite;
  animation: parpadeo 1s linear infinite;
}

/*@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}*/

@-webkit-keyframes parpadeo {  
  0% { color: #940906; font-weight:bold; }
  /*50% { opacity: 0.0; }*/
  100% { color: black }
}

@keyframes parpadeo {  
  0% { color: #940906; font-weight:bold; }
  /*50% { opacity: 0.0; }*/
  100% { color: black }
}