@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,700');



/* ESTILOS GENERALES
========================*/



body{
  font-family: 'Open Sans', sans-serif;
  background-color: #0084d7;
  font-weight: 300;
}

.contenido{
  background-color: #f9f9f9;
  padding-bottom: 2rem;
}
h1,h2,h3,h4,h5{
  color: #FFB600;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 2rem;
}
h1 small,h2 small{
  color: #00ADEF;
  font-size: 66%;
  text-transform: initial;
  font-weight: 300;
}

h1{font-size: 2rem}
h2{font-size: 1.6875rem}
h3{font-size: 1.375rem}
h4{font-size: 1.0625rem}
h5{font-size: 0.75rem}


a{
  color: #00ADEF;
  transition: all 400ms ease-out;
}
a:hover, a:focus {
  color: #005D81;
}

strong{
  color: #00105a
}
.contenedor-rayado{
  background-color: #f9f9f9;
}

.little-margin-top{
  margin-top: 1rem;
}
.little-margin-bottom{
  margin-bottom: 1rem;
}
.little-padding-top{
  padding-top: 1rem;
}
.little-padding-bottom{
  padding-bottom: 1rem;
}


/*		MENU
========================*/

/*submenu is-dropdown-submenu*/
.menu{
  width:100%;
  background: #00105a
}

.menu img{
  height: 38px;
  margin-right: 10px;
  display: none;
}
.is-stuck img{
  display: block;
  transition: all 400ms ease-out;
}

#contenedor-menu .top-bar, .top-bar ul {
  background:transparent;
  padding: 0px;
}
#contenedor-menu a{
  float: left;
  color: #fff;
}
#contenedor-menu a i{
  color: #fff;
}
#contenedor-menu a:hover,
#contenedor-menu a i:hover{
	
  color: #ffffff;
  background: #00ADEF;
}

/* Color de los bordes de los items de menu */
#contenedor-menu a{
  font-weight: 700;
  font-size: .9rem;
}

#contenedor-menu .menu .active > a {
  color: #f7f7f7;
  background: #FFB600
}

#contenedor-menu .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  color: #fff;
}

#contenedor-menu .dropdown.menu > li.is-dropdown-submenu-parent >a::after { /* triangulito */
  border-color: #fff transparent transparent;
}

div.top-bar-left > ul > li > ul{
  background: #00ADEF;
}

div.top-bar-right > ul > li > ul{
  background: #00ADEF;
}

#contenedor-menu > ul > li > ul > li > a{
  border: none;
}
#example-menu > div.top-bar-left > ul > li > ul > li > a,
#example-menu > div.top-bar-left > ul > li > ul > li > a i{
  border: none;
  color: #dddddd;
}
#example-menu > div.top-bar-left > ul > li > ul > li > a:hover,
#example-menu > div.top-bar-left > ul > li > ul > li > a:hover i
{
  color: #fff;
}

.submenu{
  z-index:100;
}


@media screen and (max-width: 39.9375em) {
  .menu > li {
    display: block;
	}
}
/* /menu */



/*		HEADER
========================*/
div#header {
  padding: 1rem 0;
  background: #F9F9F9;
}


/*	ESTILOS DE CONTENIDO
========================*/
.callout {
  border: 0px solid rgba(255, 255, 255, 0);
}

.hero{
  background: #FFFFFF;
}
.hero p{
  font-size: 1.6rem;
}

div.content{
  background: #fafafa;
}

/*	ESTILOS DE FONT AWESOME
========================*/
.fa-stack-2x{
  color: #FFB600;
}
.fa-stack{
  margin-right: 1rem;
}

#header .button{
  background: #ffb600;
	font-size: 1em;
}

/*		FOOTER
========================*/
footer{
  padding: 1rem 0;
  margin: 1rem 0;
}

footer a, footer a i{
  color: #7ab5d9;
  font-weight: 600;
}
footer a:hover, footer a:hover i{
  color:#FFF;
}

footer p{
  color: #f7f7f7;
}
#logofooter a{
  display: block;
}