/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21-02-2016, 14:12:21
    Author     : MiToKuRo
*/

@font-face {
    font-family: 'playlistscript';
    src: url('../fonts/playlist_script-webfont.eot');
    src: url('../fonts/playlist_script-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/playlist_script-webfont.woff2') format('woff2'),
         url('../fonts/playlist_script-webfont.woff') format('woff'),
         url('../fonts/playlist_script-webfont.ttf') format('truetype'),
         url('../fonts/playlist_script-webfont.svg#playlistscript') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'league_gothicregular';
    src: url('../fonts/leaguegothic-regular-webfont.eot');
    src: url('../fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/leaguegothic-regular-webfont.woff2') format('woff2'),
         url('../fonts/leaguegothic-regular-webfont.woff') format('woff'),
         url('../fonts/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('../fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html, body{
    width: 100%;
    height: 100%;
    margin: 0;

}

.menu_ppal{

    width: 100%;
    background-color: #fff;
    position: fixed;
    top: 0;
    z-index: 999;
    height: 70px;
}
/*
MENU
*/
#menu-web{
    overflow: hidden;
    text-align: left;
    width: 100%;
}

#menu-web a{ text-decoration: none; font:normal normal normal 40px/45px 'league_gothicregular', sans-serif;-webkit-transition: 1s; transition: 1s;}

.menu-ul-web{}
#menu-movil{top:0;width:250px;position:fixed;z-index:5500;right:-1500px;display:none;overflow:auto;border-radius:5px; z-index: 9999; background: #fff; font:normal normal normal 15px/15px sans-serif; color: #101152; }
#menu-movil a{color: #101152; font-weight: bold;}
#menu-movil li{}

#mobile_menu{ font-size: 40px;}


.menu-inicio{
    padding-top: 15px;
}
.menu-inicio a{
    color: #009de4;    
}
.menu-perfil{
    padding-top: 15px;
}
.menu-perfil a{
    color: #e70185;
}
.menu-servicios{
    padding-top: 15px;
}
.menu-servicios a{
    color: #e8d300;
}
.menu-contacto{
    padding-top: 15px;
}
.menu-contacto a{
    color: #000000;
}
/*
FIN MENU
*/
.logo{
    width: 120px;
    height: 120px;
    padding-top: 25px;
    padding-left: 25px;
}
svg {width: 100%; height: auto;}
.triangulo-sup{
    width: 100%;
    position: fixed;
    top: 70px;
    z-index: 999;
}
.triangulo-inf{
    width: 100%;
    background: #1aa19a;
}
.triangulo-inf img{
    width: 100%;
}

.flex-parent{
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
}

.flex-child{
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

/*CONTENIDO*/
.inicio{
    background: url(../images/fondo1-300.png) no-repeat center,#fff152;
    margin-top: 70px;
    width: 100%;
    min-height: 100%;
}
.texto-inicio-1{
    font:normal normal normal 60px/65px 'league_gothicregular', sans-serif;
    color: #000000;
}
.texto-inicio-2{
    font:normal normal normal 60px/65px 'playlistscript', sans-serif;
    color: #000000;
}
.acerca-de{
    background:  url(../images/fondo1-300.png) no-repeat center, #e66675;

    padding-bottom: 50px;
    width: 100%;
}
.texto-acerca-de-1{
    font:normal normal normal 70px/75px  'playlistscript', sans-serif;
    color: #101152;
}
.texto-acerca-de-2{
    font:normal normal normal 23px/30px  'Open Sans', sans-serif;
    color: #101152;
}
.servicios{
    background:  url(../images/fondo1-300.png) no-repeat center, #c4c5ca;
    min-height: 400px;
    width: 100%;
    -webkit-transition: height 0.8s ease-in-out;
    -moz-transition: height 0.8s ease-in-out;
    transition: height 0.8s ease-in-out;
}
.texto-servicio-seleccion{
    font:normal normal normal 40px/45px  'league_gothicregular', sans-serif;
    line-height: 1.5;
    color: #101152;
    text-transform: uppercase;
}
.texto-servicio-seleccion .categ{
    padding-left: 40px;
    width: auto;
    cursor: pointer;
}
.texto-servicio-seleccion .seleccionado{
    background: #101152;
    border-radius: 30px;
    color: #fff;
}
.texto-servicio-seleccion .categ:hover{
    background: #101152;
    border-radius: 30px;
    color: #fff;
}
.contacto{
    background:  url(../images/fondo2-300.png) no-repeat center, #1aa19a;
    min-height: 400px;
    width: 100%;
}
.texto-contacto-1{
    font:normal normal normal 70px/75px  'playlistscript', sans-serif;
    color: #ffffff;
}
.texto-contacto-2{
    font:normal normal normal 25px/33px  'Open Sans', sans-serif;
    color: #ffffff;
}
.contacto-form{
    color: #fff;
    padding: 50px 30px;
    font:normal normal normal 25px/33px  'Open Sans', sans-serif;
}
.contacto-input{
    width: 100%;
    border: none;
    border-bottom: 3px solid #fff;
    background: none;
    
}
.triangulo-sep{
    width: 0;
    height: 0;
    margin: 0 auto;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
}

.amarillo{
    border-top: 40px solid #fff152;
}
.rojo{
    border-top: 40px solid #e66675;
}
.gris{
    border-top: 40px solid #c4c5ca;
}

.contenido-interno{
    padding: 40px 0px 40px 0px;
}
.backform{
    background: url(../images/lt.png) no-repeat top left, url(../images/rt.png) no-repeat top right, url(../images/lb.png) no-repeat bottom left, url(../images/rb.png) no-repeat bottom right;
}
.texto-pie{
    font:normal normal normal 12px/12px  'playlistscript', sans-serif;
}
.imagen-peque{
    border: 5px solid #fff;
    margin: 10px auto;
    max-height: 110px;
    cursor: pointer;
}
.imagen-peque:hover{
    -webkit-box-shadow: 10px 10px 45px -16px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 45px -16px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 45px -16px rgba(0,0,0,0.75);
}
#concepto{
    background: url(../images/fondo1-300.png) no-repeat center, #e66675;
    padding-bottom: 50px;
    width: 100%;
}
#clientes{
    background: url(../images/fondo1-300.png) no-repeat center, #c4c5ca;
    padding-bottom: 50px;
    width: 100%;
}
#servicios2{
    background: url(../images/fondo1-300.png) no-repeat center, #1aa19a;
    min-height: 400px;
    width: 100%;
}
@media (min-width:1200px){
}
@media (min-width:980px) and (max-width:1199px){    
}
@media (max-width:979px){    
}
@media (max-width:768px){
    .flex-parent{
    display: block;
    }

    .flex-child{
      display: block;
    }
    .img-home{
        max-height: 200px;
    }
}