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


/**********ESTILOS ENCABEZADOS********/
	h1,h2,h3,h4,h5,h6 {
		font-family: 'Open Sans', sans-serif;
		font-weight: 700;
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 0.875rem; padding:0rem 0rem 0rem 0rem; margin:0rem 0rem 0.625rem 0rem; text-align:center; color:#B25F2B; text-transform:none; } /**TÍTULO PPAL INTEERNAS***/
	h1 span{ font-size:1.25rem; color:#424242; font-weight:400; }
	h2 { font-size: 1.25rem; text-align:left; padding:0rem 0rem 0.3125rem 0rem; margin:0.625rem 0px 0.625rem 0px; text-transform:capitalize;} /**SUBTÍTULOS INTERNAS**/
	h3 { font-size: 1.063rem; text-align:left; margin:0px; text-transform:uppercase;} /**TÍTULOS MENÚ CRÉDITOS**/
	h4 { font-size: 1.188rem; margin:0 0 0.3125rem 0; text-align:center; padding:0.625rem; color:#000; text-transform:uppercase; border-bottom:0.0625rem solid #D5D5D5;} /**TITULO MENU DERECHA **/
	h5 { font-size: 1.875rem; text-align:left; margin:0rem; padding:1rem 0rem; color:#F3F3F3; text-transform:capitalize;} /**TITULOS DE CADA AREA DE PRACTICA HOME**/
	h6 { font-size: 1.875rem; text-align:center; padding-bottom: 0rem; margin:0rem 0rem 0.625rem 0rem; text-transform:none; color:#FFF; border-bottom:0.0625rem solid #F3DD79; border-top:0.0625rem solid #F3DD79;} /**TITULOs AREA PRACTICA Y QUIENES SOMOS HOME***/

/*============================ESTILOS AD DEL SITIO WEB===========================*/

/**********ANCHO FULL ROW********/
.full_size {
	max-width:100%;
}

/******FONDO CONTENIDO SPLASH*********/
#fondo_contenido_splash {
	background-color:rgba(255,255,255,0.83);
	padding:0.9375rem;
	margin-top:1.875rem;
	border-radius:0.625rem;
}

/******CONTENIDO*********/
.contenido {
	text-align:justify;
}

.contenido a {
	text-decoration:none;
	color:#0184A0;
}

.contenido a:hover {
	text-decoration:none;
	color:#00395F;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
}

/*******SEPARADOR CONTENIDO*********/
.separador_splash {
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color:#BBBABA;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 1.25rem 0 1.25rem 0;
}

/*****BOTONES SPLASH*************/
.botones_splash {
	text-align:center;
}

/***********************ALINEACIÓN BOTON REGRESAR***************************/
.both_alineacion_derecha {
	clear:both;
	margin-bottom:1.25rem;
	padding-right:0.625rem;
}

.alineacion_derecha {
	width:100%;
	border-radius:0.25rem;
	margin-top:0.625rem;
	margin-bottom:0.625rem;
	text-align:center;
	padding:0.25rem;
	background-color:#FFF;
	border-bottom:0.25rem solid #FFDC68;
	color:#333;
	font-weight:600;
	text-transform:capitalize;
}

.both_alineacion_derecha a {
	text-decoration:none;
	color:#021b59 !important;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
}

.both_alineacion_derecha a:hover {
	color:#364a7d !important;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
}

/***************ESTADO DE LA BARRA DE LAS PREGUNTAS FRECUENTES****************/
/*=======Esta linea sirve para cambiar el color de fondo y color del texto de la barra activa de las preguntas=======*/
.accordion .accordion-navigation.active > a, .accordion dd.active > a {
    background-color: #95979a;
	color:#fff;
	border-top-left-radius:0.375rem;
	border-top-right-radius:0.375rem;
}

/*=======Esta linea sirve para darle color, margen de la barra donde esta le pregunta=======*/
.accordion .accordion-navigation, .accordion dd {
    background-color: rgba(24, 69, 144, 0.9);
    display: block;
    margin-bottom: 0.625rem !important;
	border-radius:0.375rem;
}
/*=======Esta linea sirve para darle estilos donde esta le pregunta cuando se hace el hover=======*/
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
	background-color:rgba(69, 108, 173, 0.7);
	border-radius:0.375rem;
}
/*=======Esta linea sirve para darle estilos al titulo de la pregunta en reposo=======*/
.accordion .accordion-navigation > a, .accordion dd > a {
	  color: #FFF;
	  padding: 1rem;
	  display: block;
}
/*=======Esta linea sirve para darle estilos al cajón del contenido activo=======*/
.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
	display: block;
	background: white;
	border-bottom-left-radius:0.3125rem;
	border-bottom-right-radius:0.3125rem;
	border-left:0.0625rem solid #dedede;
	border-bottom:0.0625rem solid #dedede;
	border-right:0.0625rem solid #dedede;
}

/**=======================INICIO MEDIA QUERY AD============================**/

/* small displays */
@media only screen {
	
	/*********************FONDO HORIZONTAL HEADER LOGO TELÉFONOS Y CERTIFICADOS***************/
	/*=============LOGO===================*/
	#logo_sitio img {
		width:100%;
		max-height:100%;
		max-width:17.5rem !important;
	}
	
	/****************FONOD HORIZONTAL MENU*****************/
	/*=================BARRA MENU==================*/
	#barra_menu {
		margin-top:0.625rem !important;
		margin-bottom:0.625rem !important;
	}
	
	#barra_menu h2 {
		display:none !important;
	}
	
	/*============REDES===============*/
	#rsociales {
		display:none;
	}
	
	#skype_botton {
		display:none;
	}
	
	figure.effect-marley p {
		display:none;
		bottom: 30px;
		line-height: 1.5;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}

	
	table thead tr th,
	table tfoot tr th,
	table tfoot tr td,
	table tbody tr th,
	table tbody tr td,
	table tr td {
	display:list-item !important;
	line-height: 1.125rem; }	
		
	/*********CONTENIDOS IMAGENES**********/
	.contenido img {
		margin:10px 0px !important;
		width:100% !important;
		max-height:100%;
		max-width:100%;
	}
			
}

/* medium displays */
@media only screen and (min-width: 40.063em) {
	
	/*********************FONDO HORIZONTAL HEADER***************/
	/*=============LOGO===================*/
	#logo_sitio {
		text-align:center;
	}
	
	#logo_sitio img {
		width:100%;
		max-width:100%;
		max-height:100%;
	}
	
	/****************FONOD HORIZONTAL MENU*****************/
	/*===============BARRA MENU============*/
	#barra_menu {
		margin-top:0rem !important;
		margin-bottom:0rem !important;
	}
	
	#barra_menu h2 {
		display:none !important;
	}
	
	/*============REDES===============*/
	#rsociales {
		display:block;
	}
	
	#skype_botton {
		display:block;
	}
	
	figure.effect-marley p {
		display:block;
		bottom: 30px;
		line-height: 1.5;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}

	
	table thead tr th,
	table tfoot tr th,
	table tfoot tr td,
	table tbody tr th,
	table tbody tr td,
	table tr td {
	display:inline-table !important;
	line-height: 1.125rem; }
	
	/*********CONTENIDOS IMAGENES**********/
	.contenido img {
		margin:10px 0px !important;
		max-height:100%;
		max-width:100%;
	}
		
}

/* large displays */
@media only screen and (min-width: 64.063em) {
	
	/*********************FONDO HORIZONTAL HEADER***************/
	/*=============LOGO===================*/
	#logo_sitio {
		text-align:center;
	}
	
	#logo_sitio img {
		width:100%;
		max-width:100%;
		max-height:100%;
	}
	
	/*===============BARRA MENU============*/
	#barra_menu {
		margin-top:0rem !important;
		margin-bottom:0rem !important;
	}
			
	/*============REDES===============*/
	#rsociales {
		display:block;
	}
	
	#skype_botton {
		display:block;
	}
	
	figure.effect-marley p {
		display:block;
		bottom: 30px;
		line-height: 1.5;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}

	table thead tr th,
	table tfoot tr th,
	table tfoot tr td,
	table tbody tr th,
	table tbody tr td,
	table tr td {
	display:table-cell !important;
	line-height: 1.125rem; }
	
	
	/*********CONTENIDOS IMAGENES**********/
	.contenido img {
		margin:10px 10px 10px 0px !important;
		max-height:100% !important;
		max-width:100% !important;
	}

}

/**=======================FIN MEDIA QUERY AD============================**/