@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	border:0;
}

	body {
		background-color:#f1f1f1;
		color:#393939;
		font-family: Arial, Helvetica, sans-serif;
		font-size:13px;
	}

		/* titulos */
		h1,
		h2,
		h3, 
		h4 {
			margin-bottom:1em;
		}

			h1{
				font-size: 2em;
				color:#fff;
				font-style:normal;
			}
			
			h2{
				font-size: 22px;
				color:#155669;
				font-style:normal;				
			}
			
			h3{
				margin:10px 0;
				color:#B16E1B;
				font-size:14px;
				font-weight:bold;					
			}

			
		/* float left - right*/
		.right {
			float:right;
		}
				
		.left {
			float:left;
		}

		/* clearfix */
		.cfx:after {
			content: ".";
			display: block;
			clear: both;
			visibility: hidden;
			line-height: 0;
			height: 0;
		}
		 
		.cfx {
			display: inline-block;
		}
		 
		html[xmlns] .cfx {
			display: block;
		}
		 
		* html .cfx {
			height: 1%;
	
		}


		#wrapper {
			/*width:1000px;
			margin:0 auto;*/
			background-color:#fff;
		}


		/* cabezal paraguas*/
		#nav-top {
			padding:1em;
			background-color:#124c61;
		}

			#nav-top ul {}
	
				#nav-top ul li {
					float:left;
					list-style-type:none;
				}

					#nav-top ul li:after{
						content:"|";
						padding:0 1em;
						color:#fff;	
					}
					
					#nav-top ul li:last-child:after{
						content:"";
					}
		
					#nav-top ul li a,
					#nav-top ul li span {
						color:#fff;
					}
					
		#header{
			background-color:#124c61;
			padding:2em;
		}			
					
		/* navegación */		
		#nav {
			padding:1em;
			border-bottom:0.0625em solid #eee;
			background-color:#0c3448;
			.padding-bottom:0;
		}
		
			#nav ul {
				padding:0 2em;			
			}
				#nav ul li {
					float:left;
					list-style-type:none;					
				}
					
					#nav ul li:after{
						content:"|";
						color:#fff;
						padding:0 1em;
					}
						
						#nav ul li:last-child:after{
							content:"";
						}
				
					#nav ul li a {
						color:#fff;
						font-size:16px;
						text-decoration:none;							
					}
						
						#nav ul li a:hover{
							text-decoration:underline;							
						}	
		
		/* contenido */
		#content {
			margin:2em;
			min-height:30em;
			
		}
			
			.menu-secundario{				
				margin:2em 0 2em;
				border-bottom:1px dotted #363333;

			}
			
				.menu-secundario li{
					list-style-type:none;
					float:left;
					padding:0.75em 0;
					margin:0 0.4em 0 0;
				}
					
					.menu-secundario li a,
					.menu-secundario li span{
						color:#363333;
						text-decoration:none;
						font-size:14px;
						padding:0.7em 1.5em;
						background-color:#efefef;
						border:1px solid #c5c5c5;

						-webkit-border-top-left-radius: 5px;
						-webkit-border-top-right-radius: 5px;
						-moz-border-radius-topleft: 5px;
						-moz-border-radius-topright: 5px;
						border-top-left-radius: 5px;
						border-top-right-radius: 5px;	

					}
						
						.menu-secundario li a:hover{
							background-color:#e3e3e3;
						}
					
					.menu-secundario li span{
						background-color:#fff;
						border-bottom:none;
						padding-bottom:12px;
					}
			
			.combo-general{
				margin:10px;
			}
				
				.combo-general p.explicacion{
					margin-bottom:20px;
					width:900px;
					line-height:20px;
				}
			
				/* Maquetado para dos columnas */
				div.box{
					width:400px;
					/*float:left;*/
					margin-right:20px;
					padding:10px;
				}

					div.textoEnriquecido{
						margin-bottom:20px;
						border:1px solid #333;
					}
					
					div.adjunto{
						margin:10px 0;
					}
                    div.adjunto{
						margin:10px 0;
					}
					
					div.subir-img div.img-adjunta{
						margin:10px 0;
					}
						div.subir-img div.img-adjunta a,
						div.subir-img div.img-adjunta p{
							display:inline;
						}
							
							div.subir-img div.img-adjunta p{
								font-weight:bold;
								margin-left:85px;
							}
							
							div.subir-img div.img-adjunta a{
								color:#CD7B1A;
								text-decoration:none;
							}
								
								div.subir-img div.img-adjunta a:hover{
									text-decoration:underline;
								}
					
					div.box div.subir-img{
						width:580px;
						margin-bottom:30px;
					}
						
						div.box div.subir-img label{
							/*width:80px;*/
							margin:0;
						}
						
						div.box div.subir-img input[type=file]{
							width:350px;
						}
						
					
					div.subir-img div.formSubirImg{
						border-top:1px dotted #393939;
						margin:20px 0;
						margin-bottom:0;
						padding:10px 0;
						padding-bottom:0;
					}
						
						div.subir-img div.formSubirImg label{
							width:90px;
							margin-left:20px;
						}
						
						div.subir-img div.formSubirImg p.title{
							font-weight:bold;
						}
					
					div.box p.titulo-subir-img{
						margin:10px 0;
					}
					
					div.box input{
						width:250px;
					}
					
					div.agregar-firma{}
					
					span.ayuda{
						margin-left:85px;
						font-size:11px;
						display:inline-block;
					}					

			.asignar-areas{
				margin: 10px 0;
			}		

				.asignar-areas .w-areas{
					background: #eeeeee;
					padding: 20px;
					width: 800px;
				}

				.asignar-areas .w-areas .box-areas{
					width: 350px;
				}

				.asignar-areas .w-areas .box-areas ul {
					border-radius: 5px;
					border: 1px solid #ececec;
				    margin: 10px 0 0;
				    padding: 20px;
				    /* height: 20px; */
				    min-height: 150px;
				    background: #f6f6f6;
				}

				.asignar-areas .w-areas .box-areas ul li{
				    background: #fff;
				    border: 1px solid #c3c3c3;
				    border-radius: 5px;
				    color: #393939;
				    cursor: pointer;
				    display: block;
				    padding: 7px 10px;
				    list-style-type: none;
				    font-size: 13px;
				    margin-bottom: 10px;
				}

				.asignar-areas .w-areas .box-areas ul li:focus,
				.asignar-areas .w-areas .box-areas ul li:hover{
					border: 1px solid #ea8040;
				}
				
				.asignar-areas .w-areas .box-areas ul li.disable:hover,
				.asignar-areas .w-areas .box-areas ul li.disable:focus{
					border: 1px solid #c3c3c3;
				}

				.asignar-areas .w-areas .box-button{
					margin: 10px;
					margin-top: 100px;
					width: 75px;
				}

				.asignar-areas .w-areas .box-button .ico{
					display: block;
					height: 20px;
					text-indent: -9999px;
					width: 20px;
				}

				.asignar-areas .w-areas .box-button .ico.ico-left{  background: url(../imgs/ico-left.png) no-repeat center center; }
				.asignar-areas .w-areas .box-button .ico.ico-right{ background: url(../imgs/ico-right.png) no-repeat center center; }

			.recuperar-contrasena{}

			.recuperar-contrasena .box{ width: 420px; padding: 0;}
			.recuperar-contrasena .box label{ width: 150px;}

			.msg-ayuda{
				padding: 0;
				margin: 0;
				margin-top: 40px;
			}
			
			.msg-ayuda p{
			    font-size: 12px;
			    color: #969696;
			    margin: 0;
			    width: 300px;
			    line-height: 14px;				
			}
			
			.box-ayuda {
				padding: 0 !important;
				width: 350px !important;
			}	
						
			
			p.nombreConvocatoria{
				color:#155669;
				font-size:18px;
				margin:15px 0 35px 20px;
				border-bottom:1px dotted #696868;
				padding-left:20px;
				background-image:url(../imgs/bullet-p.gif);
				background-repeat:no-repeat;
				background-position:0 6px;
				padding-bottom:15px;
				line-height:25px;
			}
			
			.filtro-combo{
				width:400px;
				margin:0 auto 40px;
			}
				
				.filtro-combo label{
					width:70px;
				}
				
				
			.condicionesGenerales{
				width:900px;
				height:370px;
			}
				
			.condicionesParticulares{
				margin:20px 0;
				width:900px;
			}
				
				.condicionesParticulares .combo,
				.textareaTexto{
					margin:20px;
					float:left;
					width:400px;
					height:160px;
				}
				
					.textareaTexto{
						margin:0;
						margin-right:30px;
					}
				
				.textareaTexto label,
				.condicionesParticulares label{
					width:auto;
					display:block;
					height:40px;
				}
					
					.textareaTexto label{
						height:auto;
					}
				
				.textareaTexto textarea,
				.condicionesParticulares textarea{
					margin:5px 0;
					width:390px;
					height:100px;
				}
			
			.combo{
				margin-bottom:10px;
				/*float:left;*/
			}
			
			.listado-combos-col{
				width:700px;
				margin:20px;
			}
			
			.listado-combos{
				margin:15px 0;
				float:left;
				width:280px;
				margin-right:60px;
				height:130px;
			}
				
				.listado-combos input{
					margin-bottom:10px;
					display:inline;
				}
				
				.listado-combos .right{
					margin-right:20px;
				}
				
				input.input-tag{}
				
				div.checkbox{
					display:inline-block!important;
				}
				
				.listado-combos input[type=checkbox]{
					vertical-align:top;
				}
					
					.listado-combos span input{
						display:inline;
						vertical-align:top;
					}
					
					.listado-combos span.error{
						margin:0;
						display:inline;
					}
					
					div.error{
						color: red;
						padding: 3px;
					}
						
			.with-ul span.error{
				margin:5px 15px;
			}
		
			/* Datos de Eventos */
			#content div.datos-evento{
				padding:20px;
				background-color:#f7f7f7;
				border:1px solid #d9d9d9;
				width:230px;
				margin-top:15px;
			}
				
				#content div.datos-evento p{
					margin-botton:5px;
				}
			
					#content div.datos-evento p.titulo{
						color:#0fa09b;
						font-size:14px;
						margin-bottom:10px;
					}
					
						#content div.datos-evento  p.link a{
							text-decoration:underline;
							color:#393939
						}
						
							#content div.datos-evento a:hover{
								text-decoration:none;
							}
							
			div.input-auto div{
				display:inline;
			}				
			
				div.input-auto input[type=text]{
					width:250px;
				}
				
					.input-tag{
						font-style:italic;
					}
			
			div.subir-img{
				padding:10px;
				width:310px;
				background-color:#ebebeb;
			}
				
				div.subir-img label{
					text-align:left;
				}
				
				div.subir-img p{
					margin-bottom:10px;
				}
				
				div.subir-img p.ayuda{
					font-size:11px;
					margin-left:125px;
				}
					
				
				p.titulo-subir-img{
					margin:10px 0;
					color:#B16E1B;
					font-size:14px;
					font-weight:bold;					
					/*margin-left:150px;*/
					
				}
				
				div.adjuntar{
					margin-top:10px;
					padding:5px;
					display:block;
					border-top:1px solid #474747;
				}
					
					div.subir-img span.error{
						margin-left:0!important;
						display:inline!important;
					}
					
					div.botones{
						margin-top:10px;
					}
					
					div.eliminar-adjuntar{
						width:100px;
						background-color:none;
					}
						
						div.eliminar-adjuntar input{
							width:auto!important;
							border:none;
							cursor:pointer;
							background:none;
							color:##393939;
							text-decoration:underline;
						}
						
					div.exportar-btn{
						margin:0 5px;
					}
			
			ul.pasos{
				margin:30px 0;
			}
			
				ul.pasos li {
					display:inline;
					border:1px solid #f5f5f5;
					padding:5px 10px;
					margin:5px;
				}	
					
					ul.pasos li.active {
						background-color:#f5f5f5;
						font-weight:bold;
					}	
					
					ul.pasos li.prev {
						color:#CCCCCC;
					}

		.msg{
			margin: 20px 30px;
			padding: 10px;
		}

		.msg p{
			font-size: 14px;
			margin-left: 30px;
		}
		.msg-ok {
			border: 1px solid #1a8065;
			background: url(../imgs/ico-msg-ok.png) left 20px center no-repeat #bad4cb;
			color: #1a8065;
		}
		.msg-error{
			border: 1px solid #ec2e2e;
			background: url(../imgs/ico-msg-error.png) left 20px center no-repeat #f3d3d3;
			color: #ec2e2e;
		}
		
		.msg-mail.msg{
			margin-left: 0;
		}
		
		#footer{
			background-color:#124c61;
			padding:1em;
		}					
							
							
		/* Table */				
		table{
			border-spacing:0;
			margin:1em 0;
			background-color:#FFFFFF;
			width:70%;
			margin:20px auto;
		}	
			
			table caption{
				text-align:left;
				margin:5px 0;
			}
		
			table tr th,
			table tr td{
				border: 1px solid #93b4c5;
				height: 1.5rem;
				padding:0.5em;
				text-align:left;
				font-size:13px;
			}
			
			table tr th{
				background: #49758c;
				color:#fff;
				font-weight:bold;
			}
			
			table tr td a{
				color:#124c61;
			}
			
			table tr.paginado td{
				text-align:center;
			}
			
		div.cant-page{
		    margin: 0 auto;
		    width: 200px;
		}
		
		div.cant-page label{
		    line-height: 25px;
		}	
		
		div.cant-page select{
		    float: right;
		    width: 60px !important;		    
		}	
			
		div.tabla-datos{
			margin:20px 0;
		}
		
		div.tabla-datos table{
			width:100%;
		}
		
		div.tabla-datos table tr.eventoPrincipal td{
		    background: #deeff3;
		}
		
		div.tabla-datos table tr.eventoRelacionado td{
		    background: #edf7f9;
		}
		
		div.tabla-datos table tr.eventoRelacionado td .box-content{
		    margin-left: 25px;
		}
			
			div.tabla-datos table tr td,
			div.tabla-datos table tr th{
				border:1px solid #ddd;
			}
				
				div.tabla-datos table tr td.img{
					text-align:center;
					width:70px;
				}
				
					div.tabla-datos input.preguntaEncuesta{
						width:600px;
					}
					
					div.tabla-datos input.palabraClaveEncuesta{
						width:180px;
					}

				div.tabla-datos .validado{}
				div.tabla-datos .validado input{
					border: none;
					margin: 5px 0;
					padding: 0;
					width: auto;
				}
				div.tabla-datos .validado span {
				    display: inline-block;
				    margin: 5px;
				    vertical-align: top;
				}
			
		/* Table radiobutton */
		div table.tableRadioButton{
			width:auto;
			margin:0;
			display:inline-block;
			.display:inline;
			vertical-align:top;
			margin-left:5px;
		}
			
			div table.tableRadioButton td{
				border:none;
				padding:0em!important;
			}
				
				div table.tableRadioButton td input,
				div table.tableRadioButton td label{
					display:inline;
				}
				
				div table.tableRadioButton td input{
					margin:0 1em;
				}
				
				div table.tableRadioButton td label{
					width:auto;
				}
			
		div.formasPago{
		}	
			div.formasPago table td{
				display:block;
				margin:5px 0;
			}		
		
		/* Table tablaCondParticulares */
		div table.tablaCondParticulares{
			margin:0;
		}
			
			div table.tablaCondParticulares td,
			div table.tablaCondParticulares th{
				border:1px solid #ddd;
			}		
		
		
		/* Estilos Generales */
		p{
			line-height:18px;
		}
		
		p.error-confirmacion-inscripcion,
		p.confirmacion-inscripcion{
			padding:10px;
			font-size:14px;
		}
	
			p.error-confirmacion-inscripcion{
				border:2px solid red;
				color:red;
			}
			
			p.confirmacion-inscripcion{
				border:2px solid #09b552;
				color:#09b552;
			}
			
			#login span.error,
			#login .error-login span{
				margin:0!important;
			}	
			
			span.error,
			.error-login span{
				color:red;
				display:block;
				margin-bottom: 10px;
			}
				
				.error-login span{
					display:block;
				}

			label.error {             
                color: red;   
                display: inline-block;
                width: auto;
            } 
	
		p.tip {
			color: #a5a5a5;
			margin:0;		
		}
		
		p.tip-ayuda {
			color: #a5a5a5;
			margin:0;	
			font-size:11px;	
		}
		
		.loading-page {
			background: url(../imgs/loading.gif) no-repeat center center #0c3448;
			display: none;
			height: 100%;
			position: fixed;
			opacity: .9;
			left: 0;
			width: 100%;
			top: 0;
			z-index: 999;			
		}

	/* GRID */
	.row{
		display: flex;		
	}
	
	.row .col{
		flex-basis: 33%;
		padding: 5px;
	}
		


/* ajustes 2017-06-23*/


.subtitulo {
    border-bottom: 2px solid #0c3448;
    margin-top: 35px;
}

.mensaje{
	width:1000px;
}
.alerta{
    background-color: #eee;
    padding: 10px;
    border: 1px solid #ccc;
    border-left: 5px solid #df851a;
    margin-top: 0px;
}
.boxalerta{
        width: 800px;

}

.labelalerta{
        width: 130px;
}

/* ajustes 2017-07-06*/
span.ayuda2 {
    font-size: 11px;
    font-style: italic;
    color: #878787;
    margin-left: 5px;
}
.label260 {
	width: 280px;
}

div.box-certif{
	width:100%;
	margin-right:20px;
	padding:10px;
				}

/** AGREGADOS IMPORTAR INSCRIPCIONES 19-04-2018**/
div.boxFull{
	width:100%;
	float:left;
	margin-right:20px;
	padding:10px;
}
    div.boxFull table{
        width: 97%;
        margin: 1% 3% 0 0;
    }
    div.boxFull table tr.head td {
        background-color: #0c9897;
        color: #FFFFFF;
    }
    div.boxFull table tr td.question {
        width: 60%;
    }
    div.boxFull b {
        font-size: 11pt;
    }
.center {
    text-align: center;
}
div.estilotexto {
    margin: 10px;
}