@charset "utf-8";
/* CSS Document */
/* ==== Google font ==== */
@import url('http://fonts.googleapis.com/css?family=Raleway:400,900,700|Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Raleway');
/* === fontawesome === */
@import url('font-awesome.css');
body, html{
		height:100%;
		margin:0; 
}
body { 
  background-color: #FFFAFA;
  font-family: "Montserrat Light", "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  /*background-color: #F7F4EB;*/ 
  /*
  font-family:'Open Sans', Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333333; */
}
.cuerpo{
	width:100%;
	height:100%;
	margin:0 auto 0 auto;
}
.img_head{ 
	height:110px;	
}
.img_head_der{ 
	height:100%;	
}
.logo{
	float:left;
	margin-left:50px;
	margin-top:15px;
}
.logo_der{
	float:right;
	margin-right:50px;
	margin-top:20px;
}
.letrero{
	display:inline-block;
	/*margin-top:10px;
	
	font-family:'Raleway',Segoe,sans-serif;
	border:1px solid;
	width:50%;
	margin-left:6%;
	float:left;*/		
}
.letrero h3{
	font-family: "Montserrat Light", "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.4em;color:#FFF;
	/*font-family:'Raleway',Segoe,sans-serif; */
}
.wrapper{
		min-height:100%;
}
.head{
	overflow: hidden;
	width: 100%;
	/*background:#E3B23C; moztaza tema 9*/
	/*background:#28AFB0;  azul turquesa tema 10*/ 
	/*background:#13293D;*/
	background:#345995;
	font-size:18px; 
	text-align:center; 
	line-height:100px; 
	color:#FFF; 
	font-weight:bold;
	height:18%;
	padding-bottom:1%;
}
.contenido{
	height:600px;
	width:100%;
	 
	margin:0 auto 0 auto;
	padding-top:2%;
	padding-left:2%;
	padding-right:2%;
	padding-bottom:2%;
	float:left;
	/*
	background:#f0f0f0;
	position:relative;
	display:table-cell;
	
	/*clear:both;*/
}
.survey-footer{
	/*background-color:#999999; gris original*/ 
	/*background:#FDC5D4; rosa claro */
	/*background:#FFC033; tema1 naranja */
	/*background:#f9499e; rosa
	background:#89023E; rojo cereza
	background:#de5b7b;	salmon
	background:#FFD9DA; rosa claro 
	background:#EA638C; tema2 salmon */
	/*background:#444359;  /* azul menu tema 8*/ 
	/*background:#E3B23C; /*moztaza tema 9*/
	/*background:#28AFB0;  azul turquesa tema 10*/
	background:#345995;
	height:80px;
	width:100%;
	bottom: 0;
	float:left;
	/*position:absolute; */
}
.foot{
	padding:20px;
}
.img_foot{
	height:50px;
	font-weight:lighter;
	font-size:10px;
	color:#FFF;
	margin-left:50px;
	/*margin-top:5px; */
}
.textFooter{
	float:left;
	color: white;
	font-family:Segoe, Helvetica,Verdana, Geneva, sans-serif;
	font-size:9px;
	text-align:center;
}
.showGrupos{
	/*margin:5% 10%;*/
	margin:1% 8%;
}
table tr td.etiquetas{
	vertical-align:middle;
}

/*Formato de las secciones */
.cinta{
	background:#F0F8FF;
	height:60px;
	padding-top:1px;
	padding-bottom:1px;
	/*width: 70%; 
	padding: 0 10px;
	position: relative;*/
}
.aviso_titulo{
	text-align:justify;
	font-family:Segoe, Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-left:10%;
	margin-right:10%;
	font-weight:bold;
}
.tableBusqueda{
	font-family:Segoe,Verdana, Arial, Geneva, sans-serif;
	font-size:14px;
	/*font-weight: bold; */
	margin-left: 20%;	
}
.espaciado{
	height:30px;
}
.titulo2{
	font-family:Segoe, 'Raleway',sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#191970;
}
.registro{   /*Para el cuadro de logueo */
	font-family:Segoe,Verdana, Arial, Geneva, sans-serif;
	font-size:12px;
	font-weight: bold;
	width:40%;	
}
.titulo{
	font-family:'Open Sans','Raleway',sans-serif;font-size:2em;color:#FFF;
	font-size:14px;
}
.back{  /*estilo de encabezado para cuadro de logueo */
	height:30px;
	color:#FFF;
	background:#444359; /*azul base tema 9 */
	/*background: url(../_img/header-pattern-150.png) repeat ; 
	background:#ff9900;
	background:#444359; base */
	/*background:#E8B4BC; salmon claro tema2 */
	/*background:#F5E3E0;  rosa claro tema 6 */
	/*background:#FCF7F8; ostion tema 7 */
	/*background:#79AEA3; azul turquesa obscuro tema 10 */ 
	/*background: #0662c7; */
}
.cajasText{
	width:120px;
	font-family:Segoe, 'Raleway',sans-serif;
}
.cajasForms{
	width:280px;
	font-family:Segoe, 'Raleway',sans-serif;
}
.curso_select {
    /*height: 200px;*/
    width: 100%;
}
.link { color: #FFFFFF; }
/* Formato a contenedores de tablas */
.contentLista{
	height:100%;
	overflow:auto;
	margin:0 auto;
	/*max-width: calc(100% - 20em); */
	/*width:80%; */	
}
.aviso_excel{
	font-family:'Open Sans','Raleway',Segoe,Arial,Verdana,Geneva,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#228B22; /* #9ACD32 */
	margin-top:1%;
}
.botonExcel {
     cursor:pointer;
}
.pregunta_titulo{
	text-align:justify;
	font-family:Segoe, Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-left:10%;
	margin-right:10%;
	font-weight:bold;
}
.container-table_preg17{
	border: 1px solid darken(#398B93, 5%);
  	border-radius: 10px;
   	box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
   	max-width: calc(100% - 2em);
   	margin: 1em auto;
   	overflow: hidden;
   	width: 80%;	
}
.wrap-table100 {
	position:relative;
    width: 100%;
}
/*tabla preg 17 */
.table-preg17 {
  border-spacing: 1;
  border-collapse: collapse;
  background: white;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.table-preg17 td, table-preg17 th {
  padding-left: 8px;
  padding-top:4px;
}
.table-preg17 thead tr {
  height: 40px;
  background:#36304a;
}
.table-preg17 tbody tr {
  height: 40px;
}
.table-preg17 tbody tr:last-child {
  border: 0;
}
.table-preg17 td, table-preg17 th {
  text-align: center;
}
.table-preg17 td.l, table-preg17 th.l {
  text-align: center;
}
.table-preg17 td.c, table-preg17 th.c {
  text-align: center;
}
table-preg17 td.r, table-preg17
 th.r {
  text-align: center;
}
.table100-head th{
  font-family:'Raleway',Segoe,sans-serif;font-size:1.5em;color:#FFF;	
  /*font-family: OpenSans-Regular; */
  font-size: 14px;
  color: #fff;
  line-height: 1.2;
  font-weight: unset;
  padding-top:4px;
  padding-left: 4px;
}
.texto-preg17{
	font-family:Segoe,Arial,Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#005792;
	text-align:justify;
		margin-left:10%;
	margin-right:10%;
	font-weight:bold;
}
.small-textarea textarea{
	height:4.4em;
}
/*
.survey-header{background-color:#999999;}
.survey-header h1{font-family:'Raleway',sans-serif;font-size:2em;color:#fff;}
.survey-header h2{font-family:'Raleway',sans-serif;font-size:2em;color:#fff;}
.survey-header .container h3{font-family:'Raleway',sans-serif;font-size:2em;color:#fff;}*/
	
/*Aqui	}

.lineTitle{  /* Linea abajo del header */
/*Aqui	overflow: hidden;
	width: 100%;
	height:20px;
	font-size:20px; 
	text-align:center; 
	color:#FFF; 
	font-weight:bold;
	background:#13293D; /*azul fuerte tema 10*/
	/*background:#444359; /*azul base tema 9*/
	/*line-height:160px;*/ 	
/* Aqui 

.middle{ /* Contenedor de parte media */
/*Aqui	width:100%;
	padding:5px 20px 20px;
	margin:10px, auto;
	overflow:hidden;
	display:table;
}

.menu_left{
	width:20%;
	float:left;
	display:table-cell;
	margin:0, 20px;
} 

.tabla_foda{
	width: 100%;
	margin-right:30px;	
}
.content_foda{
	width: 50%;
	padding-right:5.5%;
	
}
.tabla_titulos{
	color:#e4e1cd;
}

.pagina{
	height:520px;
	overflow:scroll;
}

*/
@media (max-width: 1200px) {
  /*.container {
    width: 970px;
  }*/
  	/*.contenido{
		height:600px;
		width:75%;
		margin:0, auto;
		float:left;
		position:relative;
		background: #f0f0f0;
		display:inline-block;
	} */
  .logo{
		float:left;
		margin-left:10px;
		margin-top:20px;}
	.logo_der{
		float:right;
		margin-right:10px;
		margin-top:30px;}
	.img_head{ 
		height:90px;	
	}
	.letrero{
		margin-top:20px;
		width:60%;
		font-size:15px;
		text-align:center;
	}
	.img_head_der{ 
		height:60px;	
	}
	.table100-head th{
	  font-family:'Raleway',Segoe,sans-serif;font-size:1.5em;color:#FFF;	
	  font-size: 12px;
	  color: #fff;
	  line-height: 1.2;
	  font-weight: unset;
	  padding-top:4px;
	  padding-left: 4px;
	}
	.survey-footer{
		height:90px;
	}
}
@media (max-width: 968px) {
  /*.container {
    width: 770px;
  }*/
 	/*.contenido{
		height:600px;
		width:70%;
		margin:0, auto;
		float:left;
		position:relative;
		background: #f0f0f0;
		display:inline-block;
	}*/
	.logo{
		float:left;
		margin-left:10px;
		margin-top:20px;}
	.logo_der{
		float:right;
		margin-right:10px;
		margin-top:30px;}
	.img_head{ 
		height:70px;	
	}
	.letrero{
		width:60%;
		font-size:13px;
		text-align:center;
	}
	.img_head_der{ 
		height:50px;	
	}
	.registro{
	font-family:Segoe,Verdana, Arial, Geneva, sans-serif;
	font-size:11px;
	font-weight: bold;
	/*width:400px; */
	width:50%;	
}
	.titulo{
		font-family:'Open Sans','Raleway',sans-serif;font-size:2em;color:#fff;
		font-size:14px;
		font-weight: bold;
	}
	.letrero h3{
	font-family:'Raleway',Segoe,sans-serif;font-size:1.12em;color:#FFF;
	}
	.survey-footer{
		height:100px;
	}
}
@media (max-width: 600px) {
	/*.contenido{
		height:600px;
		width:50%;
		margin:0, auto;
		float:left;
		position:relative;
		background: #f0f0f0;
		display:inline-block;
	}*/
	.logo{
		float:left;
		margin-left:10px;
		margin-top:20px;}
	.logo_der{
		float:right;
		margin-right:10px;
		margin-top:30px;}
	.img_head{ 
		height:45px;	
	}
	.img_head_der{ 
		height:35px;	
	}
	.titulo{
		font-family:'Open Sans','Raleway',sans-serif;font-size:2em;color:#fff;
		font-size:12px;
		font-weight: bold;
	}
	.letrero h3{
	font-family:'Raleway',Segoe,sans-serif;font-size:0.7em;color:#FFF;
	}
	.registro{
	font-family:Segoe,Verdana, Arial, Geneva, sans-serif;
	font-size:10px;
	font-weight: bold;
	width:40%;	
	}
	.survey-footer{
	height:120px;
	}
}