.head-logo-container {
	text-align:center;
}

.head-title-container {
	text-align:center;
}

.head-subtitle {
    margin:1px 0 0 0;
    padding:0;
	font-size:10pt;
    color:#777;
	line-height:15px;
}

.head-title {
	margin:0;
	padding:0;
	font-size:17pt;
	color:#02aaf4;
}

.head-title a:link,
.head-title a:visited,
.head-title a:hover,
.head-title a:active {
	text-decoration:none;
	color:#02aaf4 !important;
}

@media (min-width:321px) {
	.head-title {
	    font-size:14pt;
	}
}

@media (min-width:361px) {
	.head-logo-container {
	    text-align:center;
	}

	.head-title-container {
	    text-align:left;
	}

	.head-subtitle {
        margin:14px 0 0 0;
	    font-size:17pt;
	}

	.head-title {
	    font-size:17pt;
	}
}

@media (min-width:1025px) {
	.head-logo-container {
	    text-align:center;
	}

	.head-title-container {
	    text-align:left;
	}

	.head-subtitle {
        margin:14px 0 0 0;
	    font-size:18pt;
	}
    
	.head-title {
        margin:4px 0 0 0;
	    font-size:21pt;
	    font-weight:normal;
	}
}




.nav-container {
	background:#02aaf4;
	padding:1em 0;
}

.navbar {
	min-height:40px;
	margin-bottom:0;
}

.navbar-header {
	text-align:right;
}

.navbar-default {
    background:transparent;
	border:none;
}

.navbar-default .navbar-toggle {
 	float:none;
 	background-color:#DDD;
}

.navbar-default .navbar-nav > li > a {
	margin:auto 14px;
	text-align:center;
	text-decoration:none;
	font-size:18pt;
	font-weight:normal;
	color:#fcfcfc !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color:#fff !important;
	background-color:transparent;
	text-decoration:underline;
}

.navbar-brand {
    padding-top:10px;
}

@media (min-width:361px) {
    .navbar-default .navbar-nav > li > a {
	    margin:auto 7px;
	    font-size:12pt;
    }

    .navbar-brand {
        padding-left:30px;
    }
}

@media (min-width:1025px) {
    .navbar-default .navbar-nav > li > a {
	    margin:auto 17px;
	    font-size:19pt;
    }

    .navbar-brand {
        padding-left:60px;
    }
}



.dropdown-menu {
    background:rgba(0,0,0,0.9);
    color:#02aaf5 !important;
    font-size:1.3em;
}

.dropdown-menu > li > a {
    color:#02aaf5 !important;
}

.navbar-nav > li > .dropdown-menu {
    background:rgba(255,255,255,0.9);
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover  {
    background:transparent;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        text-align:center;
        color:#F1F1F1 !important;
    }
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background:rgba(2,170,244,0.9);
    color:#fff !important;
}

.navbar-collapse {
    border:none !important;
    box-shadow:none !important;
}



ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}





.ocultar-mobile {
    display:none;
}

@media (min-width:1025px) {
    .ocultar-mobile {
        display:block;
    }
}





.visible-mobile {
    display:block;
}

@media (min-width:767px) {
    .visible-mobile {
        display:none;
    }
}




.col-sidebar-left {
	display:none;
}

@media (min-width:1025px) {
    .col-sidebar-left {
	    display:block;
    }
}




.col-social-media {
	display:none;
}

@media (min-width:1025px) {
    .col-social-media {
	    display:block;
    }
}











.content-area {
    background:#e9ebee;
}

.page-title {
    background:transparent;
}

.page-section-color-01 {
    background:transparent;
}



section {
	padding-top:40px;
	padding-bottom:40px;
	font-size:14pt;
	color:#555;
}

section.page-ini {
    background:#e9ebee;
}

section.page-section-color-00 {
    background:transparent;
}

section.page-section-color-01 {
    background:red;
}

section.page-section-color-02 {
    background:#e9ebee;
}

section.page-section-ads-001 {
	padding-top:15px;
	padding-bottom:15px;
	background:#02aaf4;
}

.container {
    background:transparent;
}

.site-footer {
    background:#434345;
}





a:link,
a:visited,
a:hover,
a:active {
	color:#02aaf5;
}




h1 {
	margin-top:4px;
	margin-bottom:1.4em;
	color:#02aaf4;
}

h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active {
	color:#02aaf4 !important;
}

h2 {
	margin-top:40px;
	margin-bottom:24px;
    color:#02aaf4;
}

h2 a:link,
h2 a:visited,
h2 a:hover,
h2 a:active {
	color:#02aaf4 !important;
}

h3 {
	margin-top:30px;
	margin-bottom:24px;
	color:#02aaf4;
}

h3 a:link,
h3 a:visited,
h3 a:hover,
h3 a:active {
	color:#02aaf4 !important;
}





.breadcrumbs {
	margin-bottom:4px;
	font-size:9pt;	
	color:#AAA;
}

.breadcrumbs a:link {
	color:#AAA !important;
}

.social-media-sub-title {
	margin-top:4px;
	margin-bottom:44px;
}

.video-youtube-responsive {
    position:relative;
    padding-bottom:75%;
    height:0;
    overflow:hidden;
}

.video-youtube-responsive iframe {
    position:absolute;
    top:0;
    left:0;
    width:100% !important;
    height:100% !important;
}














.iconos-redes {
    padding: 0;
    text-align: center;
}

.iconos-redes li {
    list-style: none;
}

.iconos-redes a {
    background: #8a8787;
    color: #fff;
    width: 1.4em;
    height: 1.4em;
    border-radius: 50%;
    display: inline-block;
    line-height: 1.6em;
    font-size: 1.4em;
    text-align: center;
}

.iconos-redes a:hover {
    background: #02d7fd;
}













/*texto para lectores de pantalla*/
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  border:0;
}

.scroll-to-top{
  text-decoration:none;
  position:fixed; 
  bottom:2em;
  right:20px;
  display:none;
  font-size:36px;
  color:#333;
}

.scroll-to-top:hover{
  text-decoration:none;
  color:#aaa;
}










.preloader {
  width: 70px;
  height: 70px;
  border: 10px solid #eee;
  border-top: 10px solid #666;
  border-radius: 50%;
  animation-name: girar;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;

position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
@keyframes girar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}