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

body, html, *{  font-family: 'Roboto', sans-serif; font-weight: 300;}

h1{ font-family: 'Roboto', sans-serif; font-weight: 700;  font-size: 38px!important;  margin-bottom: 60px; clear: both!important}
h1.bco{ font-family: 'Roboto', sans-serif; font-weight: 700;  color:#333;   margin-top:0px; margin-bottom: 0px; font-size: 38px!important}
h2{ font-family: 'Roboto', sans-serif; font-weight: 300;font-size: 30px; padding-left: 20px; border-left: solid 2px #c52536; margin-bottom: 17px; margin-top: 20px}
h3{ font-family: 'Roboto', sans-serif; font-weight: 300;font-size: 26px; padding-left: 20px; margin-bottom: 37px; margin-top: 0px; }
h4{ line-height: 18px; color: #25343A; font-size: 2em; margin-bottom: 20px}
h5{ line-height: 18px; color: #25343A; font-size: 18px}
p{font-family: 'Roboto', sans-serif; font-weight: 300;font-size: 16px; margin-bottom: 20px}
a:hover{ color: #c52536}
.borde{padding-left: 20px; border-left: solid 1px #2B2D5E; }

ul.bullet{font-family: 'Roboto', sans-serif; font-weight: 300;font-size: 16px; list-style: none outside; margin-left: -20px}
ul.bullet li {margin-left: -20px}
ul.bullet li:before{
	content: "•";
	color: #c52536;
	margin-right: 10px
		
}
table {font-family: 'Roboto', sans-serif; font-weight: 300;font-size: 16px;}
table tr.header{color: #c52536;  }
hr.amarillo { border:#2B2D5E 2px solid; }
hr.amarillo2 { border:#2B2D5E 1px solid; margin-top:230px!important; border-bottom:none;  }

.amarillo p{ color: #fff}
.amarillo  a{ color: #346360}
.azul {color: #2B2D5E}
.bco {color:#FFFFFF}
.bgazul{ background: #2B2D5E; color: #FFF}
.rojo{color: #c52536;}
.bgrojo{background-color: #c52536; color: #FFFFFF!important}

.date{ color: #fff; margin-top: 26%; text-shadow: none }
.date h3{font-size: 2em; font-family: 'Roboto', sans-serif; font-weight: 400;letter-spacing: 1px; color: #2B2D5E}
.note{ font-size: 11px}
.navbar-collapse { font-size: 17px; font-family: 'Roboto', sans-serif; font-weight: 700; }
.border {
    position:relative;
    display:inline-block;
}
.border:after {
    content:'';
    position:absolute;
    left:0;right:0;
    top:90%;
    margin: 10px 0px;
    width:30%;
    height:6px;
    background:#2B2D5E;
	
}
.clear{ width: 100%; clear: both}

.dia{ background: #57ABA1; color: #fff; font-size:2.2em; width: 45px; text-align: center; font-family: 'futura_bdcn_btbold'; border-radius: 50px; float: left; margin-right: 20px }


.nav-tabs { border-bottom: 2px solid #DDD; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs > li > a { border: none; color: #666; font-size: 20px }
.nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #c52536 !important; background: transparent!important; }
.nav-tabs > li > a::after { content: ""; background: #c52536; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); background: #c52536  }

.tab-nav > li > a::after { background: #c52536 none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 15px 0; }
.tab-content{padding:0px}

.card { 	 margin-bottom: 30px; }



.footer{ background-color: #F2F2F2; width: 100%; min-height:90px; padding: 15px 0px 20px; color: #003B5E}
@media (max-width: 1024px){	h1.bco{ clear: both;  margin-top:60px;}}

@media (max-width: 992px) {
	h1.bco{ color: #fff!important; clear: both;  margin-top:80px; font-size: 3.5em!important}
}


@media(max-width:768px) {
	.date{ color: #fff; margin-top: 20px; }
}