@charset "iso-8859-2";
/* CSS Document */
/* azul rgb(43,69,145) verde rgb(49,152,66) */

@font-face {
    font-family: 'rotsan';
    src: url('/funcionalidades/fuentes/rotsan.eot');
    src: url('/funcionalidades/fuentes/rotsan.eot?#iefix') format('embedded-opentype'),
         url('/funcionalidades/fuentes/rotsan.woff') format('woff'),
         url('/funcionalidades/fuentes/rotsan.ttf') format('truetype'),
         url('/funcionalidades/fuentes/rotsan.svg#AccentureRotis') format('svg');
    font-weight: normal;
    font-style: normal;}

body {overflow-x: hidden; font-size:18px; font-family:'rotsan';}

h1.tecnobureau {margin:20px;}
h1.tecnobureau img {width:100%; max-width:556px;}

.header {display: flex; align-items:center}
.header div:nth-child(2) {text-align:right}
.header div:nth-child(2) a .btn-seg {-webkit-box-shadow:0px 0px 5px 0px rgba(102,102,102,1); -moz-box-shadow:0px 0px 5px 0px rgba(102,102,102,1); box-shadow:0px 0px 5px 0px rgba(102,102,102,1); width:230px; display:inline-block; padding:0px; margin:0px 10px; background:rgb(240,240,240); text-align:center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.header div:nth-child(2) a .right {margin-right:20px;}
.header div:nth-child(2) a .btn-seg p:first-child {background:rgb(43,69,145); margin:0px; padding:8px 5px 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 2px 1px 0px rgba(204,204,204,1); -moz-box-shadow: 0px 2px 1px 0px rgba(204,204,204,1); box-shadow: 0px 2px 1px 0px rgba(204,204,204,1); color:white}
.header div:nth-child(2) a .btn-seg p:first-child i {color:rgb(49,152,66); padding-right:5px}
.header div:nth-child(2) a .btn-seg p:nth-child(2) {margin:0px; padding:13px 5px 10px; color:rgb(43,69,145)}
/*.header div:nth-child(2) a:hover .btn-seg {background:rgb(43,69,145);}
.header div:nth-child(2) a:hover .btn-seg p:first-child {background:rgb(240,240,240); color:rgb(49,152,66); -webkit-box-shadow:0px; -moz-box-shadow:0px; box-shadow:none; -webkit-border-radius: 2px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius: 2px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-radius: 2px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;}
.header div:nth-child(2) a:hover .btn-seg p:nth-child(2) {color:white;}*/
.imgBtns {width: 200px;}

.menu {background-color:#333; padding:15px 15px 12px}
.menu-pc { list-style:none; margin:0px; padding:3px 20px 0px; width:100%; display:flex; justify-content:space-between; font-size:1.4em}
.menu-pc li {display:inline}
.menu-pc a {color:white;}
.menu-pc a.activo { text-decoration:underline}
.menu-cel, .menu-cel2 {display:none;}
img.bxsliders {display:none;}

.nuestraofi {position:absolute; top:400px; right:300px; background:rgba(43,69,145,0.5); color:white; padding:20px 30px 15px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}
.nuestraofi h2 { font-size:3.5em; margin-bottom:20px}
.nuestraofi p { font-size:2em; line-height:45px}
.nuestraofi p {margin:25px 0px}

h3 {color:white; text-align:center; padding:20px 0px 10px; font-size:2em; margin:50px 0px 0px}
h3.titulo_azul {background:rgb(43,69,145);}
h3.titulo_verde {background:rgb(49,152,66);}

.servicios { display:flex; justify-content:center}
#tres {display:none}
.servicios a, .equipo {background: rgba(49,154,203,1); background: -moz-linear-gradient(top, rgba(49,154,203,1) 0%, rgba(43,70,146,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(49,154,203,1)), color-stop(100%, rgba(43,70,146,1))); background: -webkit-linear-gradient(top, rgba(49,154,203,1) 0%, rgba(43,70,146,1) 100%); background: -o-linear-gradient(top, rgba(49,154,203,1) 0%, rgba(43,70,146,1) 100%); background: -ms-linear-gradient(top, rgba(49,154,203,1) 0%, rgba(43,70,146,1) 100%); background: linear-gradient(to bottom, rgba(49,154,203,1) 0%, rgba(43,70,146,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#319acb', endColorstr='#2b4692', GradientType=0 );}
.servicios a {width:30%; max-width:380px; color:white; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 4px 4px 5px 0px rgba(181,181,181,1); -moz-box-shadow: 4px 4px 5px 0px rgba(181,181,181,1); box-shadow: 4px 4px 5px 0px rgba(181,181,181,1); padding:25px 20px 20px; margin:40px 2% 0px; display:block;}
.servicios a:hover { text-decoration:none; background: rgba(43,70,146,1);
background: -moz-linear-gradient(top, rgba(43,70,146,1) 0%, rgba(49,154,203,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(43,70,146,1)), color-stop(100%, rgba(49,154,203,1)));
background: -webkit-linear-gradient(top, rgba(43,70,146,1) 0%, rgba(49,154,203,1) 100%);
background: -o-linear-gradient(top, rgba(43,70,146,1) 0%, rgba(49,154,203,1) 100%);
background: -ms-linear-gradient(top, rgba(43,70,146,1) 0%, rgba(49,154,203,1) 100%);
background: linear-gradient(to bottom, rgba(43,70,146,1) 0%, rgba(49,154,203,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b4692', endColorstr='#319acb', GradientType=0 );}
.servicios a div { background:url(/img/dsgn/seghig.png) no-repeat 20px 0px; background-size:auto 100%; font-size:2em; line-height:40px; padding-left:40%; height:112px; display:flex; align-items:center;}
.servicios a .seghig {background-image:url(/img/dsgn/seghig.png);}
.servicios a .control {background-image:url(/img/dsgn/control.png);}
.servicios a .medicina {background-image:url(/img/dsgn/medicina.png);}
.servicios a .medioamb {background-image:url(/img/dsgn/medioamb.png);}
.servicios a .sistemas {background-image:url(/img/dsgn/sistemas.png);}
.servicios a .ing {background-image:url(/img/dsgn/ing.png);}
.servicios a .covid {background-image:url(/img/dsgn/covid.png);}

.quienes { background:url(/img/dsgn/fondo.png); padding:25px 100px; }
.fundamentos div { text-align:justify}
.fundamentos div p {padding:0px 20px; margin-bottom:20px}
.fundamentos div:first-child {text-align:center; font-size:1.3em; }
.equipo .mapab { background:url(/img/dsgn/mapa.png) no-repeat top left; background-size:auto 100%; text-align:center; padding:40px 25% 40px 10%}
.equipo .mapab div div:nth-child(2) div {background:rgba(255,255,255,0.2); text-align:justify; padding:40px; color:white; position:relative;}
.equipo .mapab div div:nth-child(2) div h4 {font-size:1.5em; font-weight:bold; color:rgb(43,69,145); margin-bottom:20px}
.mapaa {position: absolute; top:0px; left:-400px; height:100%;}
.marquee {width:1000px; overflow: hidden; margin:40px auto;}
.marquee img { margin:0px 20px}
footer { background:#333 url(/img/dsgn/tecnofooter.png) no-repeat center center; background-size:auto 100%; color:white; padding:25px 100px; position:relative}
footer ul {padding:0px; margin:0px 0px 0px 80px;}
footer li {list-style:none; padding:0px;}
footer a {color:white; text-decoration:none;}
footer a.activo, footer a:hover {text-decoration:underline; color:white}
footer img {padding-top:30px; max-width:100%}
.derechos {padding:30px 0px 20px; text-align:center}
a.logofooter {display:none;}

@media only screen and (max-width:1700px){
.nuestraofi {right:200px; top:350px}
}

@media only screen and (max-width:1650px){
.nuestraofi h2 {font-size:3em;}
.nuestraofi p {font-size:1.5em; line-height:35px; margin:20px 0px}
.equipo .mapab {padding:40px 15% 40px 0%}
}


@media only screen and (max-width:1400px){
.menu {padding:15px 10px 12px}
.menu-pc {padding:3px 10px 0px; font-size:1.3em}
.nuestraofi {top:300px; right:150px}
.servicios a div {font-size:1.6em; line-height:35px; padding-left:40%; height:90px;}
.quienes, footer {padding:25px 10px; }
.fundamentos div p {padding:0px 5px;}
footer ul {padding-left:50px;}
}

@media only screen and (max-width:1199px){
h1.tecnobureau {background-size:100%; width:100%; margin:10px 0px;}
h1 a { display:block; width:100%;}
.header div:nth-child(2) a .btn-seg {margin:30px 10px}
.menu {padding:15px 0px 12px}
.menu-pc {font-size:1.2em}
.nuestraofi {top:250px; right:100px}
.nuestraofi h2 {font-size:2.5em;}
.nuestraofi p {font-size:1.2em; line-height:30px; margin:15px 0px}
.servicios a div {background-position:0px center;}
.quienes, footer {padding:25px 10px;}
.equipo .mapab {padding:40px 70px 40px 0%}
.mapaa {left:-250px;}
.marquee {width:100%; margin:30px 0px}
footer ul {padding:0px; margin:0px 0px 0px 40px;}
.imgBtns {width: 150px;}
}

@media only screen and (max-width:1000px){
.nuestraofi {top:250px; padding:10px 20px}
.imgBtns {width: 150px;}
}

@media only screen and (max-width:991px){
/* sm */
body {overflow-x:hidden; font-size:14px;}
.header div:nth-child(2) a .btn-seg {width:180px;}
.header div:nth-child(2) a .right {margin-right:0px;}
.header div:nth-child(2) a .btn-seg {margin:10px 10px 20px}
.header div:nth-child(2) a .btn-seg p:nth-child(2) {padding:8px 5px 5px;}
.menu-pc {display:none;}
.menu-cel {display:block;}
.menu-cel a, .menu-cel2 a {color:white; font-size:1.9em; text-decoration:none; margin:10px;}
.nuestraofi {top:200px; padding:5px 10px}
.nuestraofi p {line-height:25px; margin:10px 0px}
.nuestraofi h2 {margin-bottom:10px}
.servicios a {padding:15px 20px 10px;}
.servicios a div {line-height:25px; background-size:auto 75%; background-position:15px center}
.fundamentos div p { font-size:1.3em; padding:0px;}
.equipo .mapab {padding:10px 20px 30px}
.equipo .mapab div div:nth-child(2) div {padding:20px 30px; color:white; position:relative; font-size:1.3em}
.mapaa {display:none;}
.marquee {margin:20px 0px}
footer {font-size:1.2em}
footer div div div:nth-child(4) {display:none;}
footer ul {padding-left:0px;}
}

@media only screen and (max-width:851px){
.servicios a div {background-position:5px center}
}

@media only screen and (max-width:767px){
/* xs */
.header {display:block; text-align:center}
.header div:nth-child(2) {text-align:center;}
h1.tecnobureau img {max-width:400px;}
.menu {display:none}
.menu-cel2 {display:block; background-color:#333; padding:10px 10px 2px; text-align:right;}
.bx-wrapper {display:none; margin:0px; padding:0px; height:0px;}
img.bxsliders {display:block; margin:0px 0px 20px; width:100%; border-top:1px solid #ccc; -webkit-box-shadow: 0px 1px 1px 0px rgba(100,100,100,1); -moz-box-shadow: 0px 1px 1px 0px rgba(100,100,100,1); box-shadow: 0px 1px 1px 0px rgba(100,100,100,1);}
.nuestraofi {display:none;}
.servicios a {width:45%; margin:20px 10px 10px; font-size:1em; height:110px}
.servicios a div { background-size:auto 50%; background-position:0px center; padding-left:30%}
.servicios a:nth-child(3){display:none;}
#tres {display:flex;}
.marquee {margin:10px 0px}
h3 {margin:30px 0px 0px}
footer div div div:first-child {display:none;}
a.logofooter {position:absolute; bottom:30px; right:50px; display:block}
.derechos {padding:20px 5px 10px; text-align:center}
.imgBtns {width: 180px; margin-bottom: 10px}
}

@media only screen and (max-width:450px){
.header div:nth-child(2) a .btn-seg {margin:10px 10px 20px; width:auto;}
.header div:nth-child(2) a .btn-seg p {font-size:0.8em}
.header .btns {padding:0px}
.servicios a {width:45%; margin:10px 10px 5px; font-size:0.7em; height:80px; padding:5px 5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.servicios a div { background-size:auto 55%; background-position:0px 15px; padding-left:35%; height:80px; line-height:20px}
.servicios a:nth-child(3){display:none;}
.fundamentos div p { font-size:1.2em; padding:0px; text-align:center}
.equipo .mapab div div:nth-child(2) div, .fundamentos div p {font-size:1.1em}
footer {padding:25px 10px 15px;}
footer p { font-size:0.9em;}
a.logofooter { right:20px;}
.imgBtns {width: 150px;}
}