@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400);
@import url('https://fonts.googleapis.com/css?family=Roboto');
body, html{
	font-family: 'Roboto', sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	color: #5a5a5a;
}

h1{
	text-transform: uppercase;
  color:#033077;
}
h1 strong{
	font-weight: 900;
}
h2{
	text-transform: uppercase;
	line-height: 30px;
	margin:  0;
  color:#033077;
}
h3{
  font-size: 18px;
  font-weight: 900;
  color:#033077;
}
h4{
	text-transform: uppercase;
  color:#033077;
}
h5{
	text-transform: uppercase;
	font-weight: 700;
	line-height: 20px;
  color:#033077;
}
p{
	font-family: 'Open Sans', sans-serif;
}
p.intro{
	font-size: 16px;
	margin: 12px 0 0;
	line-height: 24px;
	font-family: 'Open Sans', sans-serif;
}
a{
  text-decoration: none;
}
a:hover,
a:focus{
	color: #0080FF;
  text-decoration: none;
}
div.line{
  border-top:4px solid red;
  width: 50px;
  height: 8px;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
}
div.line:before{
  content: "";
  border-top:4px solid red;
  position: relative;
  display: block;
  top:10px;
  left:5px;
  width: 40px;
}
div.space{
  display: block;
	height: 30px;
}
.content{
	position: relative;
	padding: 20% 0 0;
}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
ul, ol{
	padding: 0;
	-webkit-padding: 0;
	-moz-padding: 0;
}
a.boton{
  background: red;
  border:1px solid #FFA7A7;
  border-radius: 25px;
  box-shadow: 0px 0px 7px 1px #f00;
  padding: 5px;
  width: 150px;
  font-size: 14px;
  color:#fff;
  text-align: center !important;
}

p.text-success{
  color:#fff;
}
/***************/
/* Navigation */
/***************/
#tf-menu {
	transition: all 0.8s;
}
#tf-menu.navbar-default {
	background-color: rgba(0, 57, 148, 0.75);
  border:none;
}
a.navbar-brand >img{
  margin:0px;
  height: 50px;
}

#tf-menu.navbar-default .navbar-nav > li > a {
	text-transform: uppercase;
	color: #FFF;
	font-size: 14px;
}
#tf-menu.navbar-default .navbar-nav > li > a:hover,
#tf-menu.navbar-default .navbar-nav > li > a:focus{
	color: #fff !important;
	background-color: #0080FF;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
	color: #fff !important;
	background-color: #0080FF;
	font-weight: 700;
}
.navbar-toggle {
	border-radius: 0;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
	background:#0080FF;
	border: none;
}
.navbar-default .navbar-toggle:hover>.icon-bar {
	background-color: #FFF;
}

/***************/
/* FOOTER */
/***************/
/* Footer */
footer{
	background: #033077;
	color: #ffffff;
	padding: 20px 0 15px 0;
}
div.logo{
  text-align: center;
  padding: 20px;
}
div.logo img{
  width: 180px;
}
nav#footer .fnav{
  vertical-align: middle;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  text-align: center;
}
nav#footer .fnav ul.menufooter{
  display: flex;
  flex-direction: column;
  justify-content: center;
  list-style: none;
}
ul.menufooter li a{
  color:#fff;
  display: block;
  padding: 20px;
  background: rgba(0,0,0,0.2);
  border:1px solid rgba(255,255,255,0.2);
}
ul.footer-social li{
	display: inline-block;
	margin-right: 10px;
}
nav#footer p{
	font-size: 12px;
	margin-top: 10px;
}
#footer i.fa {
	height: 30px;
	width: 30px;
	border: 2px solid #8c8c8c;
	font-size: 20px;
	padding: 4px 5px;
	border-radius: 50%;
	color: #8c8c8c;
	transition: all 0.5s;
}
#footer i.fa:hover{
	background: #FCAC45;
	border-color: #FCAC45;
	color: #ffffff;
}
/* Clant copyright */
div.copyright{
  padding: 10px;
  text-align: center;
  font-size: 10px;
  margin-top:30px;
}
div.copyright a{
  color:aqua;
}

/***************/
/* INICIO */
/***************/
/* tf-Home */
#tf-home{
	background: url(../img/work-from-home.jpg);
	background-size: cover;
	background-position: right;
	background-attachment: fixed;
	background-repeat: no-repeat;
	color: #cfcfcf;
}

#tf-home .overlay{
	background: none;
	height: 700px;
	background-attachment: fixed;
}
#tf-home p.frojo{
  background: red;
	color: #fff;
  padding: 5px;
  margin: 0px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 35px;
}
#tf-home p.whitebold{
  background: none;
	color: #fff;
  padding: 0px;
  margin: 0px;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
  font-size: 45px;
}
#tf-home p.numgrande{
  background: none;
	color: red;
  margin: -50px 0px;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
  font-size: 155px;
}
a.fa.fa-angle-down{
	padding: 10px 15px;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 50%;
	font-size: 24px;
	margin-top: 100px;
	transition: all 0.5s;
}

/* tf-services Section */
#tf-services{
	padding: 50px 0;
}
#tf-services h4{
  background:#033077;
  background-size: cover;
  color:#fff;
  font-size: 25px;
  padding-top:60px;
	height: 150px;
	margin-bottom: 10px;
  transition: all 0.5s;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}

/* tf-proyecta Section */
#tf-proyecta{
	background: url(../img/proyectatufuturo.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	color: #ffffff;
}
#tf-proyecta .overlay{
  background: rgba(0,0,0,0.5);
	height: auto;
	background-attachment: fixed;
	padding: 200px 0;
}
#tf-proyecta .container{
  position: relative;
}
#tf-proyecta .section-title{
  height: 300px;
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content: space-between;
}
#tf-proyecta .section-title h2,
#tf-proyecta .section-title.center h2{
  color:#fff;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
  font-weight: 300;
  line-height: 35px;
}
#tf-proyecta div.section-title h2>strong{
  background: red;
  padding:0px 5px;
}
#tf-proyecta p{
  line-height: 24px;
}

/* tf-legal section */
#tf-legal{
	padding: 50px 0;
  background:red;
  color:#fff;
}
#tf-legal h2{
  font-size: 20px;
  color:#fff;
}
#tf-legal ul{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  list-style: none;
}
#tf-legal li{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}
#tf-legal li>img{
  width: 50px;
}

/* tf-asesorialegal Section */
#tf-asesorialegal{
	background: url(../img/perito_judicial-1200x786.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
  color: #ffffff;
}
#tf-asesorialegal .overlay{
  background: rgba(0,0,0,0.5);
	height: auto;
	background-attachment: fixed;
  padding: 200px 0;
}
#tf-asesorialegal .section-title{
  height: 300px;
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content: space-between;
}
#tf-asesorialegal .section-title h2,
#tf-asesorialegal .section-title.center h2{
  color:#fff;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
  font-weight: 300;
  line-height: 35px;
}
#tf-asesorialegal div.section-title h2>strong{
  background: #033077;
  padding:2px 6px;
  border:none;
}
#tf-asesorialegal p{
  line-height: 24px;
}

/* tf-sbif Section */
#tf-sbif{
  display: block;
  background: #033077;
  color:#fff;
  padding:40px;
  font-size:14px;
}
#tf-sbif p{
  border: 2px solid #fff;
  padding: 15px;
}

/* tf-whatsapp Section */
#tf-whatsapp{
  display: block;
  background: #27C0A8;
  color:#fff;
  padding:40px;
  font-size:14px;
}
#tf-whatsapp div.section-title{
  margin:auto;
  display: flex;
  justify-content: center;
}
#tf-whatsapp ul{
  list-style: none;
  text-align: left;
  margin-left: 18px;
}
#tf-whatsapp ul li{
  padding: -7px;
}
#tf-whatsapp ul li.whatfono{
  font-size: 22px;
}
#tf-whatsapp img{
  align-self: flex-start;
  width: 100px;
}
#tf-whatsapp strong{
  font-size: 28px;
}

/***************/
/* NOSOTROS */
/***************/
/*ns-slider*/
#ns-slider{
  background: url(../img/shutterstock_2110224.jpg);
	background-size: cover;
	background-position: right -120px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	color: #cfcfcf;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#ns-slider h1.titslider{
	color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
  font-size: 40px;
}
/* ns-Intro */
#ns-intro{
  text-align: center;
  color: #fff;
  background: #008cff;
  padding: 30px;
}
#ns-intro p{
  border: 2px solid #36b5ff;
  padding:20px;
}
/* Mision Vision */
#ns-mv{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding: 20px;
  text-align:center;
}
#ns-mv div img{
  width: 400px;
}
#ns-mv h3{
  margin-bottom: 20px;
}
#ns_dicom{
  font-style: italic;
  color:#0061fe;
  padding:20px 5%;
  text-align: center;
}

/***************/
/* SERVICIOS */
/***************/
/*srv-slider*/
#srv-slider{
  background: url(../img/servicios-top.jpg) center top;
  background-color: #00173d;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
  color: #fff;
  height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px 20px;
}
#srv-slider h1.titslider{
	color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
  font-size: 40px;
}
#srv-slider h2{
  color:#fff;
  text-transform: uppercase;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}
#srv-slider p{
  background: rgba(0, 89, 255, 0.8);
  box-shadow: 0px 0px 3px rgb(0, 132, 255);
  border-radius: 3px;
  padding:20px;
}
/* srv-main */
#srv-main{
  display:flex;
  flex-direction: column;
  justify-content: space-around;
}
#srv-main .mainitem h3{
  text-transform: uppercase;
  font-size:24px;
}
#srv-main div.mainitem img{
  width: 100%;
}
#srv-main div.mainitem div{
  padding:30px 20px;
  text-align: center;
}
#srv-main div.mainitem p{
  font-size: 14px;
  margin-bottom: 30px;
}
#srv-main div.mainitem a{
  padding:5px 15px;
}
/* srv-servicios */
#srv-servicios{
  background: url(../img/servicios_fondo.jpg) top center;
  background-attachment: fixed;
  background-size: cover;
  color:#fff;
  padding:100px 20px;
}
#srv-servicios h2{
  color:#fff;
  font-weight: bold;
  margin-bottom: 10px;
}
#srv-servicios ul{
  list-style: none;
  text-align: center;
  background: rgba(0,0,0,0.4);
  padding:10px;
}
#srv-servicios li{
  padding:5px;
  font-size: 16px;
}

#srv-servicios div.sbif{
  text-align: center;
  color: #fff;
}
#srv-servicios div.sbif h4{
  color:#fff;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#srv-servicios div.sbif a{
  color:#fff;
}
/***************/
/* REQUISITOS */
/***************/
/*req-slider*/
#req-slider{
  background: url(../img/requisitos_slider.png);
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	color: #cfcfcf;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#req-slider h1.titslider{
	color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
  font-size: 40px;
}
/* req-requisitos */
#req-requisitos{
  padding:30px 20px;
}
#req-requisitos ul{
  list-style: none;
  overflow: hidden;
  padding: 0% 10%;
}
#req-requisitos ul li{
  vertical-align: middle;
  padding: 5px 0px;
  width: 100%;
  float:left;  
}
#req-requisitos ul img{
  margin-right:10px;
}

/* req-faq */
#req-faq{
  padding: 20px;
}
#req-faq article{
  margin-bottom:40px;
}

/***************/
/** Convenios **/
/***************/
/*cnv-slider*/
#cnv-slider{
  background: url(../img/marina.jpg);
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	color: #cfcfcf;
  height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#cnv-slider h1.titslider{
	color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
  font-size: 40px;
}
#cnv-intro{
  padding: 30px 20px;
  background-color:#f00;
  color: #fff;
}
#cnv-intro p{
  background-color: rgba(0,0,0,0.4);
  padding:20px;
}







/***************/
/* Contacto */
/***************/
/*cnt-slider*/
#cnt-slider{
  background: url(../img/shutterstock_9316711.jpg);
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	color: #cfcfcf;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#cnt-slider h1.titslider{
	color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
  font-size: 40px;
}
/* cnt-contacto */
#cnt-contacto h2{
  background: #00a8ff;
  color:#fff;
  padding: 20px 20px;
  font-size: 20px;
}
#cnt-contacto div.contenedor{
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#cnt-contacto ul{
  list-style: none;
  padding: 20px 20px;
}
#cnt-contacto li{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin:15px 0px;
}
#cnt-contacto li>img{
  width: 60px;
}
#cnt-contacto div.cntinfo{
  margin-left:10px;
}
#cnt-contacto p{
  margin: 0px;
}
#cnt-contacto p.importante{
  font-size: 18px;
}
/* cnt-formulario */
div.formconte{
  background: linear-gradient(#033179, #0061fe);
  width: 100%;
}
#cnt-formulario{
  padding: 20px;
  color:#fff;
  margin: auto;
  width: 340px;
}
#cnt-formulario strong{
  font-size: 22px;
  line-height: 20px;
}
#cnt-formulario input, #cnt-formulario textarea{
  width: 300px;
  height: 25px;
  border:1px solid #ccc;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  margin: 5px 10px 5px 0px;
  padding: 5px;
  font-size: 12px;
  color:#777;
}
#cnt-formulario textarea{
  height: 100px;
}
#cnt-formulario input.submit{
  background: #f00;
  border-radius:30px;
  color:#fff;
  font-size: 16px;
  height: 33px;
}
/* cnt-mapa */
#cnt-mapa{
  height: 370px;
}


/*
#tf-contact{
	padding: 80px 0;
}

label {
	float: left;
	font-size: 12px;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
}
#tf-contact .form-control {
	display: block;
	width: 100%;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

#tf-contact .form-control:focus {
	border-color: inherit;
	outline: 0;
	-webkit-box-shadow: transparent;
	box-shadow: transparent;
}

button.btn.tf-btn.btn-default {
	float: right;
	background: #FCAC45;
	border: 0;
	border-radius: 0;
	padding: 10px 40px;
	color: #ffffff;
	text-transform: uppercase;
}

.btn:active, .btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn:focus, 
.btn:active:focus, 
.btn.active:focus, 
.btn.focus, 
.btn:active.focus, 
.btn.active.focus {
	outline: thin dotted;
	outline: none;
	outline-offset: none;
}
*/