html, body{ height: 100%; width: 100%; margin: 0; padding: 0; background: #FFF; }


textarea:focus, input:focus{
    outline: 0;
}

a { text-decoration: none; color: inherit;}
.cl{ clear: both; }
.contenedor{ width: 1100px; margin: 0 auto; position: relative; z-index: 1}

/* GENERALES ----------- */

header{ background-color: #000; position: relative; height: 550px; }
.contHeader{ position: absolute; top: 0; z-index: 1; width: 100%; }
.contHeaderInterno{ position: absolute; top: 0; z-index: 1; width: 100%; }

.logo{ width: 300px; height: 54px; float: left; margin-top: 40px; }
.logo img{ width: 100%; height: auto; }

.fraseInicio{ width: 650px; float: left; margin-top: 80px; }
.fraseInicio p{ line-height: 40px; margin: 5px 0; padding: 0 10px; background-color: #00bde3; color: #fff; font-family: 'GothamBold'; display: inline-block; font-size: 30px;}

.telefono{ display: block; float: right; line-height: 30px; color: #fff; text-align: right; font-family: 'GothamMedium'; font-size: 15px; margin-top: 45px; clear: right;}
.contHeaderInterno .telefono{ color: #707070; }

.contForm{ width: 260px; float: right; background: rgba(255,255,255,0.9); padding: 10px; margin-top: 10px; }
.contForm label{ font-size: 12px; font-family: 'GothamBook'; color: #5d5d5d; line-height: 35px; }
.contForm input[type="text"]{width: 248px; border: 1px solid #5d5d5d; line-height: 30px; padding: 0 5px; background-color: transparent;}
.contForm ul{ margin: 0; padding: 0; margin-bottom: 10px; }
.contForm ul li{ list-style-type: none; float: left; font-size: 10px; }
.contForm ul li label{ font-size: 10px; line-height: 20px; }
.contForm ul li input[type="checkbox"]{ margin-left: 8px; }
.contForm textarea{ width: 248px; border: 1px solid #5d5d5d; line-height: 20px; padding: 0 5px; background-color: transparent; resize: none; margin-top: 10px;  }
.contForm input[type="submit"]{ border: none; line-height: 35px; font-size: 10px; color: #fff; padding: 0 15px; color: #fff; font-family: 'GothamBold'; background-color: #00bde3; margin-top: 10px;}

/* HOME ----------- */

.contClaim{ padding: 40px 0; }
.claim{ line-height: 40px; font-size: 25px; color: #00bde3; font-family: 'GothamBold'; text-align: center; }
.contClaim ul{ margin: 0; padding: 0; margin-top: 40px; width: 100%; height: 30px; }
.contClaim ul li{ width: 20%; line-height: 30px; float: left; text-align: center; list-style-type: none; color: #707070; font-family: 'GothamBook'; font-size: 14px; }

.contEmpresa{ padding: 40px 0; background-color: #00bde3;}
.contEmpresa p{ color: #fff; font-family: 'GothamBook'; font-size: 14px; text-align: center; line-height: 25px; padding: 0 230px; }
.contEmpresa p span{ font-family: 'GothamBold'; }

.contBloques{ padding: 40px 0; }
.bloque{ width: 340px; float: left; margin-right: 40px; height: 500px; margin-bottom: 20px; }
.bloque:nth-of-type(3n){ margin-right: 0; }
.imgBloque{ width: 100%; height: 420px; margin-bottom: 20px; background-color: #00bde3; }
.txtBloque{ width: 100%; line-height: 30px; text-align: center; font-size: 20px; font-family: 'GothamBook'; color: #707070 }

.btVer{ width: 280px; border-radius: 20px;height: 80px;line-height: 80px; background-color: #00bde3; color: #fff; font-family: 'GothamMedium'; font-size: 13px; text-align: center; margin: 30px auto; cursor: pointer;}
.btVer:hover{ background-color: #707070; }

.fraseSlider{ margin: 100px auto 30px auto; width: 300px; text-align: center; font-size: 35px; color: #00bde3; line-height: 40px; font-family: 'GothamBold' }
.contFraseSlider{ padding: 40px 0; background-color: #00bde3;}
.contFraseSlider p{color: #fff; font-family: 'GothamBook'; font-size: 14px; text-align: center; line-height: 25px; padding: 0 280px; text-transform: uppercase;}
.contFraseSlider p span{ font-family: 'GothamBold'; }

.contImgBk{ width: 100%; height: 100%; position: relative; }
.imgBk{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.contSlider{ padding: 40px 0; }
.footer{ padding: 40px 0; background-color: #ebebeb; height: 54px;}
.footer .col{ width: 340px; float: left; margin-right: 40px; height: 54px; line-height: 54px; text-align: center; font-family: 'GothamMedium'; color: #707070; font-size: 12px; }
.footer .col:nth-of-type(3n){ margin-right: 0; }
.footer .logo{ margin-top: 0; }

/* EMPRENDIMIENTO ----------- */

.contEmprendimiento{ padding: 40px 0; margin-top: 120px;}
.colEmprendimiento{  width: 340px; float: left; margin-right: 40px; height: 500px; margin-bottom: 20px; }
.colEmprendimiento:nth-of-type(2){ margin-right: 0;  width: 720px;}
.imgEmpren{ width: 100%; height: 420px; margin-bottom: 20px; background-color: #00bde3; }
.imgEmpren img{ width: 100%; height: auto; }
.tituloEmprendimiento{ font-family: 'GothamBold'; font-size: 25px; color: #00bde3; line-height: 35px;}
.fraseEmprendimiento{ font-family: 'GothamMedium'; font-size: 16px; color: #707070; line-height: 30px;}
.colEmprendimiento p{ font-family: 'GothamBook'; font-size: 12px; line-height: 20px; }
.btConsulta{ float: left; }


/* SMALL screens ----------- */

@media only screen and (max-width : 1200px) {
    .contenedor{ width:760px; }
    .fraseInicio{ width: 430px; }
    .fraseInicio p{ font-size: 20px; }
    .contEmpresa p{padding: 0 90px;}
    .bloque{ width: 226.666667px; height: 380px; }
    .imgBloque{ height: 290px;}
    .txtBloque{ font-size: 15px;}
    .contFraseSlider p{padding:0 150px;}
    .footer .col{ width: 226.666667px; }
    .footer .logo{ width: 200px; margin: 0 auto; float: none; margin-top: 10px;}

    .colEmprendimiento{  width: 260px; float: left; margin-right: 40px; height: 500px; margin-bottom: 20px; }
    .colEmprendimiento:nth-of-type(2){ margin-right: 0;  width: 460px;}
}

@media only screen and (max-width : 761px) {
    .contenedor{ width:300px; }
    header{height:930px}
    .contForm{ margin-right: 10px; margin-top: 40px; }
    .fraseInicio{ width: 300px; }
    .fraseInicio p{ font-size: 16px; }
    .contClaim ul { height: 150px; margin-bottom: 40px; }
    .contClaim ul li { width: 100%;}
    .contEmpresa p{padding: 0 ;}
    .bloque{ height: 420px; width: 100%; }
    .imgBloque{ height: 380px;}
    .txtBloque{ font-size: 15px;}
    .contFraseSlider p{padding:0 150px;}
    .footer .col{     margin: 0 auto !important; float: none; }
    .footer .col:nth-of-type(1)   {line-height: normal;}
    .footer .logo{ width: 200px; margin: 0 auto; float: none; margin-top: 10px;}
    .footer{ height: 150px; }
    .telefono{ width: 70%;}
    .contEmprendimiento{ margin-top: 180px; }
    .btConsulta{ float: none; }
    .colEmprendimiento{  width: 300px; float: left; margin-right: 0; height: 500px; margin-bottom: 20px; }
    .colEmprendimiento:nth-of-type(2){ margin-right: 0;  width: 300px; height: 300px;}
}



/* ----- ANIMACIONES ---------------------------------------------------------------------------------------------------------------------------------------*/

.btVer{
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* ----- FONTS ---------------------------------------------------------------------------------------------------------------------------------------*/

@font-face {
    font-family: 'GothamBold';
    src: url('fonts/GothamBold.eot');
    src: url('fonts/GothamBold.eot') format('embedded-opentype'),
         url('fonts/GothamBold.woff2') format('woff2'),
         url('fonts/GothamBold.woff') format('woff'),
         url('fonts/GothamBold.ttf') format('truetype'),
         url('fonts/GothamBold.svg#GothamBold') format('svg');
}
@font-face {
    font-family: 'GothamMedium';
    src: url('fonts/GothamMedium.eot');
    src: url('fonts/GothamMedium.eot') format('embedded-opentype'),
         url('fonts/GothamMedium.woff2') format('woff2'),
         url('fonts/GothamMedium.woff') format('woff'),
         url('fonts/GothamMedium.ttf') format('truetype'),
         url('fonts/GothamMedium.svg#GothamMedium') format('svg');
}
@font-face {
    font-family: 'GothamBook';
    src: url('fonts/GothamBook.eot');
    src: url('fonts/GothamBook.eot') format('embedded-opentype'),
         url('fonts/GothamBook.woff2') format('woff2'),
         url('fonts/GothamBook.woff') format('woff'),
         url('fonts/GothamBook.ttf') format('truetype'),
         url('fonts/GothamBook.svg#GothamBook') format('svg');
}