html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
}
body{
	line-height:20px;
	font-weight: 400;
	font-size: 14px;
	font-family: "Playfair Display", serif;
	font-style: normal;
	cursor:default;
	background: #fff;
	color: #0040A0;
}
ol, ul{
	list-style:none;
}
.sin_m{margin:0px;}
.sin_p{padding:0px;}
.centrar{
	margin: auto;
	display: table;
}
/*Margenes y padding*/
.m_t5{margin-top:5px;}
.m_t15{margin-top:15px;}
.m_l20{margin-left:20px;}
.m_t10{margin-top:10px;}
.m_b10{margin-bottom:10px;}
.m_t20{margin-top:20px;}
.m_b20{margin-bottom:20px;}
.m_t30{margin-top:30px;}
.m_t40{margin-top:40px;}
.m_b30{margin-bottom:30px;}
.m_r20{margin-right:20px;}
.m_l20{margin-left:20px;}
.m_t60{margin-top:60px;}
.m_b60{margin-bottom:60px;}
.m_t90{margin-top:90px;}
.m_b90{margin-bottom:90px;}

.p_5{padding:5px;}
.p_t5{padding-top:5px;}
.p_b5{padding-bottom:5px;}
.p_l5{padding-left:5px;}
.p_r5{padding-right:5px;}
.p_t10{padding-top:10px;}
.p_b10{padding-bottom:10px;}
.p_l10{padding-left:10px;}
.p_r10{padding-right:10px;}
.p_t15{padding-top:15px;}
.p_b15{padding-bottom:15px;}
.p_t20{padding-top:20px;}
.p_b20{padding-bottom:20px;}
.p_t30{padding-top:30px;}
.p_b30{padding-bottom:30px;}
.p_l20{padding-left:20px;}
.p_r20{padding-right:20px;}
.p_t90{padding-top:90px;}
.p_b90{padding-bottom:90px;}
.p_t60{padding-top:60px;}
.p_b60{padding-bottom:60px;}
.p_t40{padding-top:40px;}
.p_b40{padding-bottom:40px;}
/*Margenes y padding*/
/*Alineaciones*/
.f_right{float:right;}
.f_left{float:left;}
.aling_center{text-align: center;}
.aling_right{text-align: right;}
/*Alineaciones*/
b{font-weight: 600}
/*Colores background*/
.bg_azul_real{background-color: rgba(0, 96, 192, 1);}
.bg_azul_cielo{background: rgba(32, 160, 240, 1);}
.bg_azul_profundo{background: rgba(0, 64, 160, 1);}
.bg_dorado{background: rgba(208, 144, 0, 1);}
.bg_dorado_luminoso{background: rgba(240, 192, 48, 1);}
.bg_blanco{background: #fff;}

/*background hover*/
.bg_azul_real:hover{background-color: rgba(0, 96, 192, 1);}
.bg_azul_cielo:hover{background: rgba(32, 160, 240, 1);}
.bg_azul_profundo:hover{background: rgba(0, 64, 160, 1);}
.bg_dorado:hover{background: rgba(208, 144, 0, 1);}
.bg_dorado_luminoso:hover{background: rgba(240, 192, 48, 1);}
/*Colores textos*/

.col_azul_real{color: #0060C0;}
.col_azul_cielo{color: #20A0F0;}
.col_azul_profundo{color: #0040A0;}
.col_dorado{color: #D09000;}
.col_dorado_luminoso{color: #F0C030;}
/*Colores de los modulos*/
.font_size16{
	font-size: 16px;
}
.font_size18{
	font-size: 20px;
}
.btn_dorado {
    background: #D09000;
    color: #fff;
    border: 1px solid #FFE7A0;
    border-radius: 400px;
	text-decoration: none;
    font-weight: 300;
    box-shadow:
        inset 0 1px 2px rgba(255, 255, 255, 0.8),
        inset 0 -2px 3px rgba(120, 70, 0, 0.25),
        0 3px 8px rgba(150, 95, 0, 0.3);

    cursor: pointer;
    transition: all 0.3s ease;
}

.btn_dorado:hover {
    filter: brightness(1.08);
    transform: translateY(-2px);
    box-shadow:
        inset 0 1px 3px rgba(255, 255, 255, 0.9),
        0 5px 14px rgba(208, 144, 0, 0.45);
}

.btn_dorado:active {
    transform: translateY(1px);
}
.ramas_blancas {
    opacity: 0.10;
}
/*Footer*/
.pie{
	background-color: #000;
	color: #fff;
	text-align: center;
	padding: 5px;
	bottom: 0px;
}
.pie > a{
	color: #fff;
	text-decoration: none;
}
.pie > a:hover{
	text-decoration: underline;
}
/*Footer*/
/*Ondad*/
.seccion-blanca {
    background: #fff;
}
.separador-ondas {
    width: 100%;
    line-height: 0;
    overflow: hidden;
}
.separador-ondas svg {
    display: block;
    width: 100%;
}
/*Ondad*/
@media screen and (max-width:768px ) {
	.separador-ondas svg {
		height: 30px;
	}
	.seccion-blanca {
		padding: 20px;
	}
}
@media screen and (max-width:991px ) {
	.mar_btn_menu{
		margin-top: 14px;
	}
	.btn_dorado {
		padding: 10px 15px;
	}
}
@media screen and (min-width:768px ) {
	
	.separador-ondas svg {
		height: 55px;
	}
	.seccion-blanca {
		padding: 40px 20px;
	}
}
@media screen and (min-width:992px ) {
	.mar_btn_menu{
		margin-top: 20px;
	}
	.btn_dorado {
		padding: 12px 26px;
	}
}