@charset "utf-8";
.estilos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#tabla_principal {  
   z-index:500;  
   /*position:fixed;*/
   top:300px;
   left:37%;
   right:23%;
   border: 1px solid #33CCFF;  
   text-align:left !important;  
   background:#F8F4D8;/*#33CCFF; */ 
   border:solid 1px #000000; 
   padding:20px;
	border:4px solid #ccc;
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
	-khtml-border-radius:20px;
   /*height:200;
   width:470;*/
			} 
#tabla_secundaria {  
   z-index:500;
   display:block;  
   position:absolute;
   top:300px;
   margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
   border: 1px solid #33CCFF;  
   text-align:center !important;  
   background:#CFC;/*#33CCFF; */ 
   border:solid 1px #000000; 
   padding:20px;
	border:4px solid #ccc;
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
	-khtml-border-radius:20px;
   /*height:200;
   width:470;*/
			} 
#ppup{
	position:fixed;
	border:3px solid #063;
	border-radius: 5px;
	top:25%;
	left:25%;
	height:170px;
	width:600px;
	margin:0;
	padding:0;
	background-color:#063;
	color:white;
}
.popup2{
	z-index:100;
	position:fixed !important;
	border:3px solid #063;
	border-radius: 5px;
	top:25%;
	left:25%;
	height:470px;
	width:600px;
	margin:0;
	padding:0;
	background-color:#063;
	color:white;
}

@media screen and (min-width: 781px){
	.logo {
		width:110px;
		height:44px;
	
	}
	.campo1 {
		width:25%;
	}
	.campo2 {
		width:10%;
	}
	.campo3 {
		width:40%;
	}
	.campo4 {
		width:25%;
	}
	.campo11 {
		width:25%;
	}
	.campo22 {
		width:40%;
	}
	.campo33 {
		width:10%;
	}
	.campo44 {
		width:25%;
	}
	
	.tipo-letra-principal {
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	
	}
	.tipo-letra {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	}
    #contenedor_imagenes {
       width: 600px;
    }
} 
@media screen and (max-width: 780px){
	.logo {
		width:82px;
		height:33px;
	
	}
	.campo1 {
		width:30%;
	}
	.campo2 {
		width:15%;
	}
	.campo3 {
		width:25%;
	}
	.campo4 {
		width:30%;
	}
	.tipo-letra-principal {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	
	}
    #contenedor_imagenes {
       width: 600px;
    }
} 

@media screen and (max-width: 400px){
    .contenedor{
       width: 200px;
    }
	.logo {
		width:100px;
		height:44px;
	
	}
	.campo1 {
		width:5px;
	}
	.campo2 {
		width:80px;
	}
	.campo3 {
		width:100px;
	}
	.campo4 {
		width:5px;
	}
	.tipo-letra-principal {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	}
	.tipo-letra {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	}
    
}

.boton_ver {
  color: #FFFFFF !important;
  font-size: 11px;
  font-weight: 500;
  padding: 0.5em 1.2em;
  background:#063;
  border:0px solid;
  //background: rgba(0,0,0,0);
  transition: all 0.5s ease;
  position: relative;
  -moz-border-radius: 3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
}
.boton_ver:hover {
  background:#D7D7D7;
  color:#063 !important;	
  border:0PX solid;
  
}
.boton_ver_inactivo {
  color: #FF0000 !important;
  font-size: 11px;
  font-weight: 500;
  padding: 0.5em 1.2em;
  background:#D7D7D7;
  border:0PX solid;
  
  //background: rgba(0,0,0,0);
  transition: all 0.5s ease;
  position: relative;
  -moz-border-radius: 3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
}
.boton_ver_inactivo:hover {
  background:#F00;
  color:#FFFFFF !important;	
  border:0PX solid;
  
}
.boton_ver_red {
  color: #FFFFFF !important;
  font-size: 11px;
  font-weight: 500;
  padding: 0.5em 1.2em;
  background:#F00;
  border:0px solid;
  //background: rgba(0,0,0,0);
  transition: all 0.5s ease;
  position: relative;
  -moz-border-radius: 3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
}
.boton_ver_red:hover {
  background:#D7D7D7;
  color:#063 !important;	
  border:0PX solid;
  
}
.boton_ver_red_inactivo {
  color: #FF0000 !important;
  font-size: 11px;
  font-weight: 500;
  padding: 0.5em 1.2em;
  background:#D7D7D7;
  border:0PX solid;
  
  //background: rgba(0,0,0,0);
  transition: all 0.5s ease;
  position: relative;
  -moz-border-radius: 3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
}
.boton_ver_red_inactivo:hover {
  background:#F00;
  color:#FFFFFF !important;	
  border:0PX solid;
  
}
.boton_vercc {
  color: #FFFFFF !important;
  font-size: 11px;
  font-weight: 500;
  padding: 0.5em 1.2em;
  background:#063;
  border:0px solid;
  //background: rgba(0,0,0,0);
  background-image:url(imagenes/cc_imagen2.png); 
  background-repeat:no-repeat;
  transition: all 0.5s ease;
  position: relative;
  -moz-border-radius: 3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
}
.boton_vercc:hover {
  background:#D7D7D7;
  color:#063 !important;	
  border:0PX solid;
  
}
.boton_vercc_inactivo {
  color: #FF0000 !important;
  font-size: 11px;
  font-weight: 500;
  padding: 0.5em 1.2em;
  background:#D7D7D7;
  border:0PX solid;
  
  //background: rgba(0,0,0,0);
  transition: all 0.5s ease;
  position: relative;
  -moz-border-radius: 3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
}
.boton_vercc_inactivo:hover {
  background:#F00;
  color:#FFFFFF !important;	
  border:0PX solid;
  
}
.boton_vercc_red {
  color: #FFFFFF !important;
  font-size: 11px;
  font-weight: 500;
  padding: 0.5em 1.2em;
  background:#F00;
  border:0px solid;
  //background: rgba(0,0,0,0);
 
  transition: all 0.5s ease;
  position: relative;
  -moz-border-radius: 3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
}
.boton_vercc_red:hover {
  background:#D7D7D7;
  color:#063 !important;	
  border:0PX solid;
  
}
.boton_vercc_red_inactivo {
  color: #FF0000 !important;
  font-size: 11px;
  font-weight: 500;
  padding: 0.5em 1.2em;
  background:#D7D7D7;
  border:0PX solid;
  
  //background: rgba(0,0,0,0);
  transition: all 0.5s ease;
  position: relative;
  -moz-border-radius: 3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
}
.boton_vercc_red_inactivo:hover {
  background:#F00;
  color:#FFFFFF !important;	
  border:0PX solid;
  
}
.boton_mini {
  color: #FFFFFF !important;
  font-size: 8px;
  font-weight: 500;
  padding: 0.5em 1.2em;
  background:#063;
  border:0PX solid;
  
  //background: rgba(0,0,0,0);
  transition: all 0.5s ease;
  position: relative;
}
.boton_mini:hover {
  background:#D7D7D7;
  color:#FF0000 !important;	
  border:0PX solid;
  
}
   .cabecera_tabla {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: rgba(255,255,255,1);
	white-space: normal;
	background:#063; /* Old browsers */
 }
 
body,td,th {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif !important;
}
.estilos2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px !important;
	color:#666;
}
.progreso {
	display:none;
	 width: 400px; 
     height: 100px; 
     line-height: 100px; /* <-- this is what you must define */
	 vertical-align:middle;
  	 border: 3px solid #FFF;
     background: #300668;
	 position:fixed;
	 text-color:white;
	 left:50%;
	 margin-left:-200px;
	 top:200px;
	 text-align:center;
	 font-size: 16px;
	 font-style: normal;
	 font-weight: normal;
	 color: #FFFFFF;
  //opacity: 0;
  //transition: opacity 2s linear;
	 
}

.onoffswitch {
    position: relative; width: 109px;
	margin-bottom:0;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 20px; padding: 0; line-height: 20px;
    font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "Calendario";
    padding-left: 15px;
    background-color: #3461C2; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "Listado";
    padding-right: 15px;
    background-color: #DB2828; color: #FFFFFF;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 4px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 79px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

.boton_tareas {
  color: #FFFFFF !important;
  font-size: 9px;
  text-decoration:none;
  font-weight: 500;
  padding: 0.3em;
  width:100%;
  height:auto;
  line-height:1.5em;
  
  background:#F00;
  border:0px solid;
  transition: all 0.5s ease;
  position: relative;
  -moz-border-radius: 3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
}
.boton_tareas:hover {
  background:#D7D7D7;
  color:#063 !important;	
  border:0PX solid;
  
}
.boton_tareas2 {
  color: #FFFFFF !important;
  font-size: 9px;
  text-decoration:none;
  font-weight: 500;
  padding: 0.3em;
  width:100%;
  height:auto;
  line-height:1.5em;
  
  background:#3C0;
  border:0px solid;
  transition: all 0.5s ease;
  position: relative;
  -moz-border-radius: 3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
}
.boton_tareas2:hover {
  background:#D7D7D7;
  color:#063 !important;	
  border:0PX solid;
  
}
.boton_tareas3 {
  color: #FFFFFF !important;
  font-size: 9px;
  text-decoration:none;
  font-weight: 500;
  padding: 0.3em;
  width:100%;
  height:auto;
  line-height:1.5em;
  
  background:#333;
  border:0px solid;
  transition: all 0.5s ease;
  position: relative;
  -moz-border-radius: 3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
}
.boton_tareas3:hover {
  background:#D7D7D7;
  color:#063 !important;	
  border:0PX solid;
  
}
.boton_tareas4 {
  color: #FFFFFF !important;
  font-size: 9px;
  text-decoration:none;
  font-weight: 500;
  padding: 0.3em;
  width:100%;
  height:auto;
  line-height:1.5em;
  
  background:#06F;
  border:0px solid;
  transition: all 0.5s ease;
  position: relative;
  -moz-border-radius: 3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
}
.boton_tareas4:hover {
  background:#D7D7D7;
  color:#063 !important;	
  border:0PX solid;
  
}
.boton_quitar {
  color: #FFFFFF !important;
  font-size: 11px;
  font-weight: 500;
  padding: 0.5em 1.2em;
  margin:5px 5px 5px 5px;
  background:#C60;
  border:0px solid;
  //background: rgba(0,0,0,0);
  transition: all 0.5s ease;
  position: relative;
  -moz-border-radius: 3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
}
.boton_quitar:hover {
  background:#D7D7D7;
  color:#063 !important;	
  border:0PX solid;
  
}