@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic);

/*#tecnoSolucionesCR {
    background: url('../images/carrusel/01.jpg') no-repeat top;
    display: inline-block;
    font-size: 0;
    height: 18px;
    text-indent: -90000px;
    width: 105px;
}*/

input, textarea, select {
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    margin: 4px 0;
    padding: 6px;
}
.submitBtn {
    background: #26375f;
    color: #fff;
    font-family: "Noto Sans", sans-serif;
}

.contacto input {
    width: 170px;
}

select {
    width: 185px;
}

/**
 * Aca van los estilos personales para el Cliente
 **/


body {
    font-family: "Noto Sans", sans-serif;
}

.divtemplate {
    padding: 10px;
    margin: 0px 10px;
    text-align:center;
    overflow: auto;
}
#header {
    position: relative;
    width: 980px;
    height: 75%;
    margin: 0px auto;
    z-index: 999;
    padding: 0px;
    display: table;
}

#logo-image {
    background: url("../images/logo-header.png") no-repeat;
    height: 138px;
    width: 350px;
    float: left;
}

.header-adjust {
    position: relative;
    /*top: -162px;*/
}
.header {
    position: relative;
    min-width: 980px;
    max-width: 1650px;
    margin: 0 auto;
}
.logoSitio {
    background: url("../images/logo-header.png") no-repeat top;
    height: 96px;
    width: 259px;
    position: absolute;
    z-index: 1000;
    display: inline-block;
    margin-top: 6px;
    left: -14px;
}
.langContainer {
    /*background: url("../images/lenguajePequeño.png") no-repeat;*/
    height: 29px;
    right: 640px;
    position: absolute;
    width: 95px;
    top: 5px;
}
li.enBackground .nuestra-historia{
    margin-top:47px;
}
.esBackground {
    /*background: url("../images/es_menu.png") no-repeat;*/
}

.esBackground:hover {
    /*background: url("../images/es_menu_over.png") no-repeat;*/
}

.enBackground {
    /*background: url("../images/en_menu.png") no-repeat;*/
}

.enBackground:hover {
    /*background: url("../images/en_menu_over.png") no-repeat;*/
}
.menu{
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    height: 111px;
    position: absolute;
    width: 100%;
    z-index: 91;
    box-shadow: 0 -20px 30px #000;
}

.wrapper {
    width: 980px;
    position: absolute;
    z-index: 1000;
    display: inline-block;
    top: 0;
    left: 50%;
    margin-left: -490px;
}
.nav {
    margin: 0px auto;
    height: 62px;
    padding-left: 30%;
    font-size: 0;
}
.nav > li {
    display: inline-block;
    vertical-align: top
}
.nav a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    text-align: center;
}
.nav a {
    display: block;
    background: url(../images/header-menu-sprite.png) no-repeat left top;
    width: 114px;
    height: 111px;
}
.nav a.nav-home:hover, .nav li.seleccionado a.nav-home {
    background-position: -114px 0;
}
.nav a.nav-nosotros:hover, .nav li.seleccionado a.nav-nosotros {
    background-position: -228px 0;
}
.nav a.nav-servicios:hover, .nav li.seleccionado a.nav-servicios {
    background-position: -342px 0;
}
.nav a.nav-filosofia:hover, .nav li.seleccionado a.nav-filosofia {
    background-position: -456px 0;
}
.nav a.nav-registro:hover, .nav li.seleccionado a.nav-registro {
    background-position: -570px 0;
}
.nav a.nav-contacto:hover, .nav li.seleccionado a.nav-contacto {
    background-position: -684px 0;
}

.nav a span {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
}

.container {
    width: 980px;
    margin: 22px auto 0;
    padding: 0 20px;
    box-sizing: border-box;
}
.container:after{
    display: block;
    content: ' ';
    clear: both;
}
.contenedor {
    width: 640px;
    vertical-align: top;
    float: left;
    margin-bottom: -55px;
    padding: 0 30px 0 0;
    box-sizing: border-box;
}

.contenido h1.header-portada{
    text-align: center;
    color: #12275c;
    font-family: Noto Sans Regular,sans-serif;
    font-size: 35px;
    font-weight: normal;
}
#inicio-parrafo {
    text-align: justify;
    font-family: "Noto Sans", sans-serif;
    font-size: 15px;
    line-height: 25px;
}
#texto-resaltado {
    font-family: Noto Sans,sans-serif;
    font-style: italic;
    Color: #2c6adb;
    font-size: 21px;
}
#titulo-ventajas {
    font-family: Noto Sans Regular, sans-serif;
    color: #fff;
    font-size: 23px;
}
#texto-ventajas {
    font-family: Noto Sans Regular, sans-serif;
    font-size: 14px;
    color: #363636;
}

.contenido h1{
    margin-top: 0;
}

.contenido h1 span {
    background: url("../images/cintillo.png") no-repeat;
    width: 35px;
    height: 36px;
    display: inline-block;
    margin-right: 5px;
}

.contenido h1.header-contenido{
    text-align: center;
    color: #12275c;
    font-family: Noto Sans Regular,sans-serif;
    font-size: 29px;
    font-weight: normal;
    border-bottom: 1px solid #dfe7f7;
    line-height: 44px;
}

h1.nosotros{
    background: url("../images/cintillo.png") no-repeat 34% 0;
}

h1.filosofia{
    background: url("../images/filosofia.png") no-repeat 34% 5px;
}

h1.postulacion{
    background: url("../images/postulaciones.png") no-repeat 34% 2px;
}

h1.servicios{
    background: url("../images/servicios.png") no-repeat 34% 2px;
}

h1.contacto{
    background: url("../images/contacto.png") no-repeat 37% 2px;
}

p{
    font-family: Noto Sans Regular, sans-serif;
    color: #363636;
    font-size: 15px;
    line-height: 22px;
}
#titulo {
    font-size: 18px;
    color: #12275c;
    font-weight: bold;
    font-style: italic;
}
#subtitulo1{
    color: #365795;
    font-size: 16px;
    font-style: italic;
    text-decoration: underline;
    font-weight: bold;
}
a {
    color: #e66700;
    font-size: 15px;
    text-decoration: underline;
    font-style: italic;
}
#enlace-footer {
    color: #fff;
    text-decoration: none;
}
#titulo-ventajas2 {
    font-family: Noto Sans Regular, sans-serif;
    color: #fff;
    font-size: 20px;
}
#texto-ventajas2 {
    font-family: Noto Sans Regular, sans-serif;
    font-size: 13px;
    color: #363636;
}
#columnRight {
    padding: 0;
    float: right;
    width: 296px;
}
#columnRight .restraint {
    /*margin: 28px 0px 0px -11px;*/
}
.bannerRegistro {
    display: block;
    background: url("../images/registrate-aqui-off.jpg") no-repeat;
    height: 87px;
    width: 295px;
}
.bannerRegistro:hover {
    display: block;
    background: url("../images/registrate-aqui-on.jpg") no-repeat;
    height: 87px;
    width: 295px;
}
.registerBanner {
    display: block;
    background: url("../images/register-here-off_06.jpg") no-repeat;
    height: 87px;
    width: 295px;
}
.registerBanner:hover {
    display: block;
    background: url("../images/register-here-on_06.jpg") no-repeat;
    height: 87px;
    width: 295px;
}
.bannerServicios {
    display: block;
    background: url("../images/bannerServicios.jpg");
    height: 113px;
    width: 296px;
}
.bannerServicios:hover {
    display: block;
    background: url("../images/bannerServicioshover.jpg");
    height: 113px;
    width: 296px;
}
.servicesBanner {
    display: block;
    background: url("../images/ourServicesBannerOff_03.jpg");
    height: 113px;
    width: 296px;
}
.servicesBanner:hover {
    display: block;
    background: url("../images/ourServicesBannerOn_03.jpg");
    height: 113px;
    width: 296px;
}
.bannerContacto {
    display: block;
    background-image: url("../images/bannerContacto.jpg");
    height: 113px;
    width: 296px;
}
.bannerContacto:hover {
    background-position: 0 -113px;
}
.contactBanner {
    display: block;
    background-image: url("../images/contactBannerOff.jpg");
    height: 113px;
    width: 294px;
}
.contactBanner:hover {
    display: block;
    background: url("../images/contactBannerOn.jpg");
    height: 113px;
    width: 294px;
}
.contenedor-banners {
    display: inline-block;
    text-align: left;
    width: 980px;
    padding-left: 7%;
    box-sizing: border-box;
}
.banner-servicios {
    display: inline-block;
    background-image: url("../images/banner-servicios.jpg");
    width: 226px;
    height: 252px;
    margin-right: 50px;
}
.banner-servicios:hover {
    background-position: 0 -252px;
}
.services-banner {
    display: inline-block;
    background-image: url("../images/our-services-off_06.jpg");
    width: 226px;
    height: 252px;
    margin-right: 50px;
}
.services-banner:hover {
    display: inline-block;
    background: url("../images/our-services-on_06.jpg");
    height: 252px;
    width: 226px;
}
.banner-contacto {
    background: url("../images/banner-contacto.jpg");
    display: inline-block;
    height: 252px;
    width: 226px;
}
.banner-contacto:hover {
    background-position: 0 -252px;
}
.contact-banner {
    background: url("../images/contact-us-off.jpg");
    display: inline-block;
    height: 252px;
    width: 226px;
}
.contact-banner:hover {
    display: inline-block;
    background: url("../images/contact-us-on.jpg");
    height: 252px;
    width: 226px;
}
.banner {
    margin-bottom: 18px;
}
.banner.inicio {
    position: absolute;
    z-index: 1000;
}

.inicio .contenido-ventajas .icon{
    width: 51px;
    height: 56px;
}

.contenido-ventajas .icon{
    display: table-cell;
    margin-left: 8px;
    width: 40px;
    height: 40px;
    vertical-align: middle;
}
.casco {
    background: transparent url("../images/icono-cintillo.png") no-repeat center top;
}
.figura {
    background: transparent url("../images/icono-personas.png") no-repeat center top;
}
.check-nube {
    background: transparent url("../images/icono-mundo.png") no-repeat center top;
}
.puzzle{
    background: transparent url("../images/icono-puzzle.png") no-repeat center top;
}
.persona {
    background: transparent url("../images/icono-persona.png") no-repeat center top;
}

.casco-pq {
    background: transparent url("../images/icono-cintillo-pq.png") no-repeat center top;
}
.figura-pq {
    background: transparent url("../images/icono-personas-pq.png") no-repeat center top;
}
.check-nube-pq {
    background: transparent url("../images/icono-mundo-pq.png") no-repeat center top;
}
.puzzle-pq{
    background: transparent url("../images/icono-puzzle-pq.png") no-repeat center top;
}
.persona-pq {
    background: transparent url("../images/icono-persona-pq.png") no-repeat center top;
}

.bannerVentajas {text-align: center;background: #12275c; display: block; padding: 10px 0; margin: 0;}
.bannerVentajas .txtTitulo{
    font-size: 23px;
    color: #FFFFFF;
}

.txt {
    text-align: left;
    width: 70%;
    display: table-cell;
    color: #363636;
    padding-top: 5px;
    line-height: 17px;
    font-size: 13px;
}

.inicio .txt{
    font-size: 14px;
}

.divider {
    display: block;
    border: 2px solid #fff;
    padding: 0 !important;
}
.contenido-ventajas {
    width: 295px;
    display: block;
    position: relative;
    background: rgba(236,242,248,0.8);
    font-size: 14px;
    color: #363636;
    margin: 0;
    padding: 0;
}
.contenido-ventajas li{list-style: none; padding: 10px 10px 7px 0;}
.home {
    margin-top: 47px;
}
.nuestra-historia {
    margin-top: 39px;
}
.servicios {
    margin-top: 40px;
}
.filosofia-menu {
    margin-top: 47px;
}
.registro-menu {
    margin-top: 47px;
}
.contacto-menu {
    margin-top: 47px;
}

.tsvFooter, .tsvFooter2 {
    margin: 0 auto;
    height: 61px;
    background-image: url('../images/bg_footer.png');
    background-repeat: repeat;
}

.tsvFooter .contenido-footer{
    background: url('../images/logo-footer.jpg') no-repeat right top;
}

.tsvFooter2 .contenido-footer{
    background: url('../images/logo-footer2.jpg') no-repeat right top;
}

.footer-container {
    background: url("../images/footer-background.jpg") no-repeat center top;
    width:100%;
    overflow: hidden;
    margin-top: 95px;
    text-align: center;
}

.contenido-footer {
    text-align: right;
    color: #e7e9ef;
    font-size: 12px;
    width: 980px;
    height: 61px;
    margin: 0 auto;
    padding-right: 86px;
    padding-top: 13px;
    box-sizing: border-box;
}