@import url("../fonts/PtSans/stylesheet.css");
/*
font-family: 'pt_sans_captionregular';
font-family: 'pt_sans_captionbold';
font-family: 'pt_sans_narrowregular';
font-family: 'pt_sans_narrowbold';
font-family: 'pt_sansregular';
font-family: 'pt_sansitalic';
font-family: 'pt_sansbold';
font-family: 'pt_sansbold_italic';
*/


html, body, .container-fluid { height:100%}
a:hover { text-decoration:none;}
.container-fluid { padding:0;    border-top: solid 10px #002046;}
.espacio {}
body {font-family: 'pt_sansregular';}
.line_top { height:10px; width:100%; position:fixed; top:0; left:0; background: #002046; z-index:10;}
#home { width:650px; top:50%; left:50%; position:absolute; margin:-220px 0 0 -325px;}
#home h1 { background:url(../images/logo_index.png) left top no-repeat; width:320px; height:164px; text-align:center; margin:0 auto 25px}
#home h1 span { display:none;}
#home p { text-align:center; font-size:18px; font-family: 'pt_sansbold'; width:85%; margin:10px auto; color:#000;}
#home .col-sm-6 { text-align:center;}
#home img { margin:0 auto;}


.imagen { position:relative; height:100%;}
.imagen .int { width:100%; height:100%; position:fixed;  background:url(../images/img_costado.jpg) center top no-repeat; background-size:cover;}
.imagen .inte { position:relative; width:100%; height:100%;}
.imagen .marca { left:50%; top:200px; position:fixed; margin:0 0 0 -110px; z-index:10}
nav .container-fluid { border-top:none;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { padding:0;}
.navbar-default { background:none; border:none; margin:0 -15px 0 0}
.navbar-header { float:none;}
.navbar-brand { height:99px; width:191px; float:none;}
.navbar-toggle { top:5px;}
.navbar-default .navbar-toggle { background:#fff;}
.navbar-default .navbar-toggle .icon-bar { background:#020304}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background:#31b2e1}

.ir { color:#31b2e1; padding:0;font-family: 'pt_sansbold'; margin:15px 0 0 0;}
.ir:hover { text-decoration:underline; color:#31b2e1;}

.bajada { padding:40px 0 0 200px; margin:0 0 40px}
.bajada span { color:#31b2e1; font-family: 'pt_sansbold';}

#interior { padding:0 15px 40px 0}

#equipo { margin:0 0 80px}
.mod_equipo { margin:0 0 10px; display:flex}
.mod_equipo h2 { font-size:14px; font-family: 'pt_sansbold'; padding:0; margin:0 0 8px;}
.mod_equipo ul { padding:0; margin:0 0 0 15px;}
.mod_equipo ul li {}
.mod_equipo .txt { background:#f4f4f4; padding:10px 20px;}

#hacemos { padding:0 15px 40px 15px}
.mod_hacemos {margin:0 0 40px; padding:40px; background:#F4F4F4; text-align:justify}
.mod_hacemos h2 {font-size:14px; font-family: 'pt_sansbold'; padding:0; margin:0 0 8px}
.mod_hacemos p {}

#clientes {padding:0 15px 40px 15px}
#clientes .img { margin:0 0 20px}

.contacto { color:#31b2e1; font-family: 'pt_sansbold';padding:0 0 0 15px; margin:0 0 40px;}
#contacto {}
#contacto .int { background: #f4f4f4; padding: 40px 40px 20px 40px;}
#contacto h2 {font-size:18px; font-family: 'pt_sansbold'; padding:0; margin:0 0 20px;}
#contacto h2 a { color:#31b2e1}
#contacto .mapa { padding:40px 0; margin: 0 0 0 40px;}
#contacto .mapa iframe { width:100%;}




@media (max-width:1199px){
.espacio { display:none;}
}


@media (max-width:991px){
.imagen { display:none;}
}

@media (max-width:767px){

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin:0; display:block; width:90px; height:60px;}
.imagen { display:none;}
.bajada { padding:0 15px}
.mod_equipo { display:inherit;}
.mod_equipo .img { margin:0 0 10px;}
.mod_equipo .img img { margin:0 auto}
.mod_equipo h2 { font-size:18px;}
.container-fluid>.navbar-header { margin:0 0 15px 0; background: url(../images/link_consultora.jpg) left 60% no-repeat; background-size: 70%; background-position-x: 100%;}
.ir {float: none !important; margin: 0 0 10px 15px;}
.container-fluid>.navbar-collapse { margin:0; padding:0 15px}
}


@media (max-width:450px){
.ir { display:block; margin:0 0 20px 15px;}
.mod_equipo .img img { width:100%; height:auto;}
#contacto { margin:0 0 0 15px;}
#contacto .mapa { margin:0;}
}