/*!
 * Start Bootstrap - Creative v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE)
 */body,html{width:100%;height:100%}body{font-family:Merriweather,'Helvetica Neue',Arial,sans-serif}hr{max-width:50px;border-width:3px;border-color:#f05f40}
 hr.light{border-color:#fff}a{color:#f05f40;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}a:hover{color:#f05f40}h1,h2,h3,h4,h5,h6{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}
 .bg-primary{background-color:#001D3F!important}
 .bg-second{background-color: #C2E0F4;}
 .bg-dark{background-color:#000811!important}
 .text-faded{color:rgba(0,0,0,.7)}
 section{padding:8rem 0}
 .section-heading{margin-top:0}::-moz-selection{color:#fff;background:#212529;text-shadow:none}::selection{color:#fff;background:#212529;text-shadow:none}img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}body{-webkit-tap-highlight-color:#212529}
 #mainNav{border-bottom:1px solid rgba(33,37,41,.1);background-color:#fff;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
 #mainNav .navbar-brand{font-weight:700;text-transform:uppercase;color:#f05f40;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}
 #mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#f05f40}
 #mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{font-size:.9rem;font-weight:700;text-transform:uppercase;color:#212529}
 #mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#f05f40}
 #mainNav .navbar-nav>li.nav-item>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{color:#677D8F!important;background-color:transparent}
 #mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{background-color:transparent}@media (min-width:992px){#mainNav{border-color:transparent;background-color:transparent}
 #mainNav .navbar-brand{color:rgba(255,255,255,.7)}
 #mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fff}
 #mainNav .navbar-nav>li.nav-item>a.nav-link{padding:.5rem 1rem}
 #mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{color:rgba(255,255,255,.7)}
 #mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#fff}
 #mainNav.navbar-shrink{border-bottom:1px solid rgba(33,37,41,.1);background-color:#F5F8F8}
 #mainNav.navbar-shrink .navbar-brand{color:#000811}
 #mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color:#677D8F}
 #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{color:#212529}
 #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{color:#677D8F}}
 header.masthead{padding-top:10em;padding-bottom:calc(10rem - 56px);background-image:url(../img/header.jpg);background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}header.masthead hr{margin-top:30px;margin-bottom:30px}header.masthead h1{font-size:2rem}header.masthead p{font-weight:300}@media (min-width:768px){header.masthead p{font-size:1.15rem}}@media (min-width:992px){header.masthead{height:100vh;min-height:650px;padding-top:0;padding-bottom:0}header.masthead h1{font-size:3rem}}@media (min-width:1200px){header.masthead h1{font-size:4rem}}.service-box{max-width:400px}
 .portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto}
 .portfolio-box .portfolio-box-caption{position:absolute;bottom:0;display:block;width:100%;height:100%;text-align:center;opacity:0;color:#fff;background:rgba(103,125,143,.9);-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content{position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center}
 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{padding:0 15px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}
 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:14px;font-weight:600;text-transform:uppercase}
 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}
 .portfolio-box:hover .portfolio-box-caption{opacity:1}
 .portfolio-box:focus{outline:0}@media (min-width:768px){.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px}}.text-primary{color:#f05f40!important}.btn{font-weight:700;text-transform:uppercase;border:none;border-radius:300px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}
 .btn-xl{padding:1rem 2rem}.btn-primary{background-color:#f05f40;border-color:#f05f40}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:#ee4b28!important}.btn-primary:active,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(240,95,64,.5)!important}

.txt-primary{
  color: #E6F3F2;
}

.txt-primary2{
  color: #050F15;
}

.txt-second{
  color: #F5F8F8;
}

.txt-dark{
  color: #677D8F;
}
 #foto{
  width: 150px; 
  height: 150px;
  border-radius: 50%;
}
.shadow{
  text-shadow: 0 0 2px #000; /* horizontal-offset vertical-offset 'blur' colour */
  -moz-text-shadow: 0 0 2px #000;
  -webkit-text-shadow: 0 0 2px #000;
}

#texto_p{
    text-align: justify;
    font-size: 1em;
    font-weight: bold;
    color: #FFF;
    text-shadow: 0 0 2px #000; /* horizontal-offset vertical-offset 'blur' colour */
    -moz-text-shadow: 0 0 2px #000;
    -webkit-text-shadow: 0 0 2px #000;
}
#texto{
    text-align: justify;
}

#lista_ul li{
	float: left;
}

.lista_limpia{
  list-style-type: none;
}

#lista_cir{
  list-style-type: circle;
}

#lista_cir li, #lista_cir li p{
  color: #050F15;
}

#lista_cir_re{
  list-style-type: disc;
}

#lista_cua{
  list-style-type: square;
}

#sliderFrame{
	width: 100%;
	background-color: ##36A6C8FF;
}

#slider{
	width: 100%;
	background-color: ##36A6C8FF;
}


#slider, #slider .sliderInner{
	width: 100%;
	padding: 0px;
}
/*#foto1{
  list-style-image: url("../img/main.jpg");
  border-radius: 50%;
  size: 2px;
}*/

.personal-pic:hover{
  opacity: 0.95;
	-webkit-transform: scale(1.8);
    transform: scale(1.8)
}


/* css para tabs*/
/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    border-radius: 10px;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

/*Boton ir arriba*/
.ir-arriba {
	display:none;
	padding:20px;
	background:#024959;
	font-size:20px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
	opacity: 0.75;
	z-index: 100
}


.slider-video{
	padding-bottom: 10em;
	margin-bottom: 10em;
}

#tab_list{
  background-color: #E6F3F2;
  
}

#tab_list button{color: #677D8F;}

.color_table{
  border-radius: 5px;
  background-color: #E6F3F2;
}

.hr_hidden{
    height: 3em;
    clear: both;
    visibility: hidden;

}

.video_set{
  border-radius: 10px;
  width: 50%;
}

.color_fondo{
  margin: 0 auto;
  background-color: #E6F3F2;
  width: 75%;
  border-radius: 5px;
  color: #000811;
}

.color_fondo2{
  margin: 0 auto;
  background-color: #85C1E9;
  width: 70%;
  border-radius: 5px;
  color: #000811;
}

.color_fondo3{
  margin: 0 auto;
  background-color: #000811;
  width: 30%;
  border-radius: 5px;
  color: #F5F8F8;
}

.color_fondo4{
  margin: 0 auto;
  background-color: #85C1E9;
  width: 30%;
  border-radius: 5px;
  color: #000811;
  border: solid .5px;
  border-color:#000811;
}

.color_fondo5{
  margin: 0 auto;
  background-color: #E6F3F2;
  width: 30%;
  border-radius: 5px;
  color: #000811;
  border: solid .5px;
  border-color:#85C1E9;
}

.color_fondo6{
  margin: 0 auto;
  width: 30%;
  color:#09F5DA;
  border-radius: 5px;
  border: solid .5px;
  border-color:#09F5DA;
}

.color_fondo_titulo{
  margin: 0 auto;
  background-color: #E6F3F2;
  width: 30%;
  border-radius: 5px;
  color: #000811;
  border: solid .5px;
  border-color:#85C1E9;
}
.contenedor_img_text{
  padding-top: 20px;
}
.imagen_texto{
  width: 15em;
  height: 8em;
  padding: 5px;
  border-radius: 15px;

}