html,body{
    font-family:Open Sans Light,Helvetica,sans-serif,arial; 
    margin: 0;
    padding: 0;
    height: 100%;
}

@font-face {
    font-family:"Open Sans Light";
    src: url(../Fonts/open-sans/OpenSans-Light.ttf);
}

@font-face {
    font-family:"Open Sans Regular";
    src: url(../Fonts/open-sans/OpenSans-Regular.ttf);
}

#contenedor {
   min-height:100%;
   position:relative;
}


/* * * * * * * HEADER * * * * * * */

#header{
    height:95px;
    background-color: white;
    width: 100%;
    position: fixed;
    font-weight: lighter;
    z-index: 999;
    background-color: rgba(255,255,255,0.9);
    -webkit-backface-visibility: hidden
}

#header-redes-sociales{
    width: 100%;
    margin:0px auto;
    height:25%;
    border-bottom: 1px solid gainsboro;
}

#header-padding-right-social{
    padding-right: 12.5%;
    margin:0px auto;
}

#header2{
    position: relative;
    width:75%;
    margin:0px auto;
    height:75%;
}

.header-icon-social{
    float:right;
}

.header-icon{
    height: 1.2em;
}

#logo-empresa{
    height: 80px;
}

#menu-principal{
    position: absolute;
    right: 0;
    margin-top:0px;
}

ul#menu-principal>li{
    list-style: none;
    float:left;
    font-size: 1em;
    display: inline-block;
    /*text-align: center;*/
    margin: 0px 0 0 0;
    color: #6DD43E;
    padding-left: 0.8em;
    padding-top: 0.3em;
}  

.menu-principal-opciones:hover{
    background-color: rgba(255,255,255,0.9);
}

ul#menu-principal>li>ul{
    display:none;
    list-style: none;
    padding-left: 0;
    font-family: Open Sans Light;
}

ul#menu-principal>li:hover>ul{
    display: block;
    padding: 0px;
}
ul#menu-principal>li:hover>ul:hover{
    cursor: pointer;
}

ul#menu-principal>li>ul>li:hover{
    font-weight: bold;
}

.menu-simple:hover{
     cursor: pointer;
}

.menu-seleccionado{
    border-top: 1px solid lime;
}
.menu-no-seleccionado{
    border:0px;
}

#menu-home{
    width:85px;
}

#home-log{
    display:none;
    width:85px;
}

#home-movil{
    display:none;
    width:30px;
}

#servicios-movil{
    display:none;
    width:30px;
}

#equipo-movil{
    display:none;
    width:30px;
}
#contacto-movil{
    display:none;
    width:30px;
}
#log-movil{
    display:none;
    width:30px;
}

#actualidad-movil{
    display:none;
    width:30px;
}

#menu-servicios{
    width:105px;
}

#menu-equipo{
    width:85px;
}

#menu-contacto{
    width:105px;
}

#menu-log{
    width:85px;
}

#submenu1{
    background-color: rgba(255,255,255,0.9);
    width: 230px;
}
#submenu2{
    background-color: rgba(255,255,255,0.9);
    width: 150px;
}
#submenu3{
    background-color: rgba(255,255,255,0.9);
    width: 150px;
}
#submenu4{
    background-color: rgba(255,255,255,0.9);
    width: 150px;
}

#flecha-subida{
    display: hidden;
    position: fixed;
    bottom: 0;
    right: 25px;
    width: 50px;
    height: 50px;
    background-color: rgba(74, 72, 69,0);
    z-index: 999;
}

#return-to-top {
    position: fixed;
    z-index: 999;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(255,255,255, 0.5);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}



/* * * * * * * CUERPO * * * * * * */

#cuerpo {
   padding-top: 95px;
   width:100%;
   /*padding-bottom:200px;*/   
}

.total-width{
    width:100%;
}

.total-width-overflow{
    width:100%;
    overflow: auto;
}

.percentaje-width{
    width:75%;
    overflow: auto;
    margin: 0 auto;
}

.percentaje-1-width-overflow{
    width:1%;
    overflow: auto;
    float:left;
}
.percentaje-2-width-overflow{
    width:2%;
    overflow: auto;
    float:left;
}

.percentaje-4-width-overflow{
    width:4%;
    overflow: auto;
    float:left;
}

.percentaje-10-width-overflow{
    width:10%;
    overflow: auto;
    float:left;
}

.percentaje-16-width-overflow{
    width:16.66666667%;
    overflow: auto;
    float:left;
}

.percentaje-16-width-overflow:hover{
    cursor: pointer;
}

.percentaje-20-width-overflow{
    width:20%;
    overflow: auto;
    float:left;
    position: relative;
}

.percentaje-25-width-overflow{
    width:25%;
    overflow: auto;
    float:left;
}
.percentaje-25-width-hidden{
    width:25%;
    overflow: hidden;
    float:left;
}
.percentaje-32-width-overflow{
    width:32%;
    overflow: auto;
    float:left;
}

.percentaje-33-width-overflow{
    width:33.3%;
    overflow: auto;
    float:left;
}

.percentaje-33-width-hidden{
    width:33.3%;
    overflow: hidden;
    float:left;
}

.percentaje-50-width-overflow{
    width:50%;
    overflow: auto;
    float:left;
}

.percentaje-50-width-overflow-empresa{
    width:50%;
    overflow: auto;
    float:left;
}

.percentaje-64-width-overflow{
    width:64%;
    overflow: auto;
    float:left;
}

.percentaje-66-width-overflow{
    width:66.6%;
    overflow: auto;
    float:left;
}

.percentaje-75-width-overflow{
    width:75%;
    overflow: auto;
    float:left;
}

.percentaje-90-width-overflow{
    width:90%;
    overflow: auto;
    float:left;
}
.percentaje-95-width-overflow{
    width:95%;
    overflow: auto;
    float:left;
}

/* * * * * * * HOME * * * * * * */

/**Gestor energetico**/
#home-bar1-color{
    background-color: #7AC943;
    height: 50px;
}

#home-bar1-text{
    /**height:50px;**/
    line-height: 50px;
    font-size: 1.6em;
    height:100%;
    overflow: hidden;
    color: white;
}

#center-text{
    display: inline-block;
    line-height: normal;
}

#home-section1-height{
    overflow: auto;
    z-index: 10;
}


#home-section1-padding{
    margin-top: 1em;
}

.home-section1-split{
    width:23%;
    height:100%;
    float:left;
}

.home-section1-split2{
    width:2%;
    height:100%;
    float:left;
}

.home-section1-img{
    width:100%
}

.home-section1-text{
    height:40%;
    width: 100%;
    font-size:0.7em;
}

.img-section1{
    height: 100%;
    width: 100%;
}
.text-section1{
    text-align: center;
}

/**Video**/
#home-bar2-color{
    background-color: #4DC8E3;
    overflow: auto;
}

#home-bar2-text{
    font-size: 1.2em;
}

.titulo-bar2{
    color:#EF3E30;
    margin: 0;
    font-size: 0.96em;
}

.subtexto-bar2{
    margin-top: 3px;
    font-size: 0.65em;
    font-family: Open Sans Light;
}

.home-section2-split{
    width:49%;
    height: 100%;
    float:left;
}

.home-section2-split2{
    width:2%;
    height:100%;
    float:left;
}

#home-bar3-color{
    background-color: white;
    overflow: auto;
}

.home-bar-green-color{
    background-color: #7AC943;
    overflow:auto;
}

.home-bar-blue-color{
    background-color: #18AED3;
    overflow:auto;
}

.home-barCert-text{
    /**height:50px;**/
    font-size: 1.8em;
    height:100%;
    overflow:auto;
    color: white;
}

#section2-video{
    width: 100%;
    height:300px;
}

#ventajas-height{
    height:326px;
}
    

.section2-ventajas{
    width: 100%;
    height:20%;
    overflow:hidden;
    /*margin-top:0.2em;*/
}
#ventajas-height:hover{
    cursor: pointer;
}

.section2-ventajas-img{
    float:left;
}

.section2-ventajas-txt{
    width:90%;
    float:left;
    padding-top:0.4em;
}

.ventajas-texto{
    color:#EF3E30;
    margin:0;
    font-size: 0.8em;
}

.ventajas-texto2{
    margin:0;
    font-size: 0.65em;
    font-family: Open Sans Light;
}

.spacing-home-video{
     margin-top: 0.8em;
}

/*.spacing-home-video2{*/
/*     margin-top: 1em;
}*/


/**solicitar trabajo**/

#solicitar-trabajo{
    width: 99%;
    border: 3px;
    border-style: solid;
    border-color: red;
    overflow: auto;
    margin-top: 1em;
}

#solicitar-trabajo-text{
    width: 60%;
    float:left;
}

#solicitar-trabajo-boton{
    width: 40%;
    float:left;
}

#solicitar-trabajo-text-padding{
    padding-left: 2em;
}

#solicitar-trabajo-text1{
    font-size: 1.4em;
    font-style: oblique;
    margin-bottom: 0px;
    color: #4DC8E3;
}

#solicitar-trabajo-text2{
    font-size: 1.2em;
    margin-top: 0px;
    font-family: Open Sans Light;
    font-weight: lighter;
}

#solicitar-trabajo-boton1{
    background-color: #EF3E30;
    border: 0px none;
    color: #000;
    height: 2.5em;
    width: 60%;
    font-size: 1em;
    margin-top: 48px;
    margin-left: 20%;
    cursor: pointer;
    -moz-box-shadow: 5px 5px 5px grey;
    -webkit-box-shadow: 5px 5px 5px grey;
    box-shadow: 5px 5px 5px grey;
}

#solicitar-trabajo-boton2{
    background-color: #EF3E30;
    border: 0px none;
    color: #000;
    height: 3em;
    width: 30%;
    font-size: 1em;
    margin-top: 2em;
    cursor: pointer;
    box-shadow: 5px 5px 5px #808080;
    margin-bottom: 10px;
}

#solicitar-trabajo-boton3{
    background-color: #EF3E30;
    border: 0px none;
    color: #000;
    width: 100%;
    font-size: 1em;
    cursor: pointer;
    box-shadow: 5px 5px 5px #808080;
    margin-bottom: 5px;
    height: 3em;
}

#solicitar-trabajo-boton1:hover{
    background-color: #CC1E10;
}


#solicitar-trabajo-boton2:hover{
    background-color: #CC1E10;
}

#solicitar-trabajo-boton3:hover{
    background-color: #CC1E10;
}
/**MAPA**/

.mapa{
    width:100%;
    height:225px;
}

#mapa-esp-canvas{
    width:100%;
    height:100%;
}

#mapa-pnm-canvas{
    width:100%;
    height:100%;
}

/* * * * * * * PIE * * * * * * */

#pie{
    position: absolute;
    width:100%;
    overflow: auto;
    bottom: 0;color:white;
}

#pie-info{
    width:100%;
    overflow: auto;
    background-color: lightgrey;
    color: #666;
}

#pie-titulos{
    overflow: auto;
    width: 75%;
    margin:0px auto;
    font-size: 1.2em;
}

#pie-titulo1{
    padding-top:8px;
    width:33.3%;
    float:left;
}
#pie-titulo2{
    padding-top:8px;
    width:42%;
    float:left;
}
#pie-titulo3{
    padding-top:8px;
    width:24.7%;
    float:left;
}

#pie-titulos-border{
    height:1px;
    border-bottom: 1px solid;
}

#pie-info-contenido{
    width: 75%;
    overflow: auto;
    margin:0px auto;
}

#pie-contenido1{
    width:33.3%;
    height: 100%;
    float:left;
    font-size: 0.78em;
}
#pie-contenido2{
    width:42%;
    height: 100%;
    float:left;
}

.pie-social{
    width:100%;
    height: 33.3%;
}

.pie-social-img{
    width:70%;
    padding-left: 15%;
}

/*.pie-social-img{
    width:9%;
    float:left;
    padding-top:0.7em;
}*/

.pie-social-txt{
    width:90%;
    float:left;
    padding-top:0.7em;
}

#pie-contenido3{
    width:24.7%;
    height: 100%;
    float:left;
}

#pie-copyright{
    width: 100%;
    overflow: auto;
    text-align:center;
    background-color: #666;
}

#pie-copyright2{
    width: 75%;margin:0px auto;
}

#pie-copyright-info{
    width:33.3%;
    height: 100%;
    font-size: 0.5em;
    /*padding-top:10px;*/
    float:left;
}

#pie-copyright-c{
    width:24.7%;
    height: 100%;
    float:left;
    font-size:0.5em;
}

#pie-copyright-blank{
    height: 100%;width:42%;float:left;
    font-size: 0.5em;
}

.subtexto{
    font-size:0.78em;
}
.subtexto2{
    font-size:0.78em;margin:0;
}

.tittexto{
    margin:0;font-size:0.9em;
}

.text-copyright{
    margin-bottom: 0;margin-top: 5px;
}

/* * * * * * * GALERIA * * * * * * */

#galeria{
	width:100%;
}


.slider {
    display: block;
    height: 400px;
    width: 75%;
    margin: 0px auto;
    position: relative;
}

.sliderB {
    display: block;
    width: 100%;
    margin: 0px auto;
    position: relative;
}

.sliderinner {
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
}

.sliderinnerB {
    width: 100%;
    height: 326px;
    overflow: hidden;
    position: relative;
}

#galeria-image-z{
    width: 100%;
    height: 400px;
    overflow: hidden;
    z-index: -1;
    position: absolute;
    top: 0px;
}

#galeria-image-z>img{
    width:100%;
    height: 400px;
}

#galeria-image-zb{
    width: 100%;
    height: 326px;
    overflow: hidden;
    z-index: -1;
    position: absolute;
    top: 0px;
}

#galeria-image-zb>img{
    width:100%;
    height: 326px;
}

.sliderinner>ul {
    margin:0px;
    padding:0px;
    list-style: none;
    height: 400px;
    width: 1000%;
    overflow: hidden;
    position: relative;
    left: 0px;
    -webkit-transition: left 1.6s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: left 1.6s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: left 1.6s cubic-bezier(0.77, 0, 0.175, 1);
    transition: left 1.6s cubic-bezier(0.77, 0, 0.175, 1);
}

.sliderinnerB>ul {
    margin:0px;
    padding:0px;
    list-style: none;
    height: 326px;
    width: 1000%;
    overflow: hidden;
    position: relative;
    left: 0px;
    -webkit-transition: left 1.6s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: left 1.6s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: left 1.6s cubic-bezier(0.77, 0, 0.175, 1);
    transition: left 1.6s cubic-bezier(0.77, 0, 0.175, 1);
}



.sliderinner>ul>li {
    width: 10%;
    height: 400px;
    float: left;
    position: relative;
}

.sliderinner>ul>li>img {
    margin: auto;
    width: 100%;
    height: 400px;
}
.sliderinnerB>ul>li {
    width: 10%;
    height: 326px;
    float: left;
    position: relative;
}

.sliderinnerB>ul>li>img {
    margin: auto;
    width: 100%;
    height: 326px;
}

.slider input[type=radio] {
    position: absolute;
    left: 50%;
    bottom: 15px;
    z-index: 100;
    visibility: hidden;
}
.sliderB input[type=radio] {
    position: absolute;
    left: 50%;
    bottom: 15px;
    z-index: 100;
    visibility: hidden;
}

.slider label {
    position: absolute;
    left: 50%;
    bottom: 10px;
    z-index: 100;
    width: 12px;
    height: 12px;
    background-color:white;
    opacity: 0.3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.8);
    box-shadow: 0px 0px 3px rgba(0,0,0,.8);
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
}
.sliderB label {
    position: absolute;
    left: 50%;
    bottom: 10px;
    z-index: 100;
    width: 12px;
    height: 12px;
    background-color:white;
    opacity: 0.3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.8);
    box-shadow: 0px 0px 3px rgba(0,0,0,.8);
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
}

.slider input[type=radio]#control1:checked~label[for=control1] { background-color: white;opacity: 0.7; }
.slider input[type=radio]#control2:checked~label[for=control2] { background-color: white;opacity: 0.7; }
.slider input[type=radio]#control3:checked~label[for=control3] { background-color: white;opacity: 0.7; }
.slider input[type=radio]#control4:checked~label[for=control4] { background-color: white;opacity: 0.7; }
.slider input[type=radio]#control5:checked~label[for=control5] { background-color: white;opacity: 0.7; }
.slider input[type=radio]#control6:checked~label[for=control6] { background-color: white;opacity: 0.7; }
.slider input[type=radio]#control7:checked~label[for=control7] { background-color: white;opacity: 0.7;}
.slider input[type=radio]#control8:checked~label[for=control8] { display:none;}
.slider input[type=radio]#controlLastAudi:checked~label[for=controlLastAudi] { display:none;}
.slider input[type=radio]#controlLastCompra:checked~label[for=controlLastCompra] { display:none;}
.slider input[type=radio]#controlLastControl:checked~label[for=controlLastControl] { display:none;}
.sliderB input[type=radio]#controlLastCliente:checked~label[for=controlLastCliente] { display:none;}
.slider input[type=radio]#controlLastInst:checked~label[for=controlLastInst] { display:none;}
.sliderB input[type=radio]#control1b:checked~label[for=control1b] { background-color: white;opacity: 0.7; }
.sliderB input[type=radio]#control2b:checked~label[for=control2b] { background-color: white;opacity: 0.7; }
.sliderB input[type=radio]#control3b:checked~label[for=control3b] { background-color: white;opacity: 0.7; }
.sliderB input[type=radio]#control4b:checked~label[for=control4b] { background-color: white;opacity: 0.7; }
.sliderB input[type=radio]#control5b:checked~label[for=control5b] { background-color: white;opacity: 0.7; }
.sliderB input[type=radio]#controlLastHomeB:checked~label[for=controlLastHomeB] { display:none;}
.sliderB input[type=radio]#controlLastEmpresaB:checked~label[for=controlLastEmpresaB] { display:none;}
.slider label[for=control1] { margin-left: -36px }
.slider label[for=control2] { margin-left: -18px }
.slider label[for=control4] { margin-left: 18px }
.slider label[for=control5] { margin-left: 36px }
.slider label[for=control6] { margin-left: 54px }
.slider label[for=control7] { margin-left: 72px }
.slider label[for=control8] { margin-left: 90px; display:none; }
.slider label[for=controlLastAudi] { margin-left: 18px; display:none; }
.slider label[for=controlLastCompra] { margin-left: 36px; display:none; }
.slider label[for=controlLastControl] { margin-left: 18px; display:none; }
.sliderB label[for=controlLastCliente] { margin-left: 18px; display:none; }
.slider label[for=controlLastInst] { margin-left: 72px; display:none; }
.sliderB label[for=control1b] { margin-left: -36px }
.sliderB label[for=control2b] { margin-left: -18px }
.sliderB label[for=control4b] { margin-left: 18px }
.sliderB label[for=control5b] { margin-left: 36px }
.sliderB label[for=controlLastHomeB] { margin-left: 54px; display:none; }
.sliderB label[for=controlLastEmpresaB] { margin-left: 18px; display:none; }
.slider input[type=radio]#control1:checked~.sliderinner>ul { left: 0 }
.slider input[type=radio]#control2:checked~.sliderinner>ul { left: -100% }
.slider input[type=radio]#control3:checked~.sliderinner>ul { left: -200% }
.slider input[type=radio]#control4:checked~.sliderinner>ul { left: -300% }
.slider input[type=radio]#control5:checked~.sliderinner>ul { left: -400% }
.slider input[type=radio]#control6:checked~.sliderinner>ul { left: -500% }
.slider input[type=radio]#control7:checked~.sliderinner>ul { left: -600% }
.slider input[type=radio]#control8:checked~.sliderinner>ul { left: -700% }
.slider input[type=radio]#controlLastAudi:checked~.sliderinner>ul { left: -300% }
.slider input[type=radio]#controlLastCompra:checked~.sliderinner>ul { left: -400% }
.slider input[type=radio]#controlLastControl:checked~.sliderinner>ul { left: -300% }
.sliderB input[type=radio]#controlLastCliente:checked~.sliderinner>ul { left: -300% }
.slider input[type=radio]#controlLastInst:checked~.sliderinner>ul { left: -600% }
.sliderB input[type=radio]#control1b:checked~.sliderinnerB>ul { left: 0 }
.sliderB input[type=radio]#control1b:checked~.sliderinner>ul { left: 0 }
.sliderB input[type=radio]#control2b:checked~.sliderinnerB>ul { left: -100% }
.sliderB input[type=radio]#control2b:checked~.sliderinner>ul { left: -100% }
.sliderB input[type=radio]#control3b:checked~.sliderinnerB>ul { left: -200% }
.sliderB input[type=radio]#control3b:checked~.sliderinner>ul { left: -200% }
.sliderB input[type=radio]#control4b:checked~.sliderinnerB>ul { left: -300% }
.sliderB input[type=radio]#control5b:checked~.sliderinnerB>ul { left: -400% }
.sliderB input[type=radio]#controlLastHomeB:checked~.sliderinnerB>ul { left: -500% }
.sliderB input[type=radio]#controlLastEmpresaB:checked~.sliderinnerB>ul { left: -300% }



@-webkit-keyframes mymove {
    from {opacity: 0;}
    to {opacity: 0.5;}
} 

@keyframes mymove {
    from {opacity: 0;}
    to {opacity: 0.5;}
}

.description {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-family:Open Sans Light;
    font-size: 1.6em;
    /*text-shadow: -1px 0 grey, 0 1px grey, 1px 0 grey, 0 -1px grey;*/
    z-index: 1;
}
.description-botom-left {
    position: absolute;
    top: 325px;
    left: 0;
    width: 100%;
    font-family:Open Sans Light;
    font-size: 1.6em;
    /*text-shadow: -1px 0 grey, 0 1px grey, 1px 0 grey, 0 -1px grey;*/
    z-index: 1;
}
.description-botom-leftb {
    position: absolute;
    top:250px;
    left: 0;
    width: 100%;
    font-family:Open Sans Light;
    font-size: 1.6em;
    /*text-shadow: -1px 0 grey, 0 1px grey, 1px 0 grey, 0 -1px grey;*/
    z-index: 1;
}

.description-text {
    font-family: Open Sans Light;
    background-color: rgba(0,0,0,0);
    /*background-color: black;*/
    /*opacity: 0.5;*/
    padding:10px;
    top: 0;
    z-index: 1;
    color: #fff;
    animation: mymove 3s;
    -webkit-animation: mymove 3s;
}

#slide-text2, #slide-text1{
    color:#fff;
}


.slider-text-Back{
    background-color: rgba(0,0,0,0.5);
}
.slider-text-Back-right{
    background-color: rgba(0,0,0,0.5);
    float: right;
}

/* OPINION CLIENTE */
.frase{
    text-align: center;
    padding-top:15px;
}

.frase2{
    padding-top: 15px;
}

.oc-titulo{
    font-size:0.8em;
    font-weight: bold;
}
.oc-texto{
    font-size:0.8em;
    font-style: oblique;
    text-align: justify;
}

.oc-texto a{
	text-decoration:none;
	color: grey;
}

.oc-cargo{
    font-size:0.8em;
}
.oc-logo{
    height: 40px;
}

/* CERTIFICACIONES */

.numero-paso{
    width:5%;
    float:left;
}

.numero-paso-txt{
    width:95%;
    float:left;
}

.seccion-detallada{
    width:137px;
    float:left;
}

.seccion-detallada-txt{
    width:calc(100%-137px);
    float:left;
}

.numero-paso-txt-inner{
    padding-left:2.5%;
    font-size:1.5em;
}

.numero-paso-txt-inner-no-font{
    padding-left:2.5%;
}
.numero-paso-txt-inner-no-font2{
    padding-left:5%;
}

#paso1-explicacion{
    padding-left:7.5%;
    font-size:1.2em;
    margin-top:0px;
}

#paso2-explicacion{
    padding-left:7.5%;
    font-size:1.2em;
    margin-top:0px;
}


.margin-left10{
    margin:0 auto;
    font-size:1.6em;
    width:90%;
}

.margin0100{
    margin:0 auto;
    font-size:1.2em;
    width:90%;
}

.img-cert{
    width:70%;
    margin:0 auto;
}

.precio-cert{
    margin-top:5px;
    margin-bottom: 5px;
}

#margin-tbf10{
    margin-top:20px;
    margin-bottom:10px;
    float:left;
}

#total-width-overfloat{
    width:100%;overflow:auto;float:left;
}

.font-sizeCert{
    font-size: 20px;
}

.font-alignCenter{
    text-align: center;
}

#num-tlfn-cert{
    margin-top:0px;
    margin-bottom:10px;
    font-size:3em;
    text-align: center
}

#oferta-cert{
    margin-bottom:20px;
    width:90%;overflow: auto;
    margin-right:5%;
    float:right;
    border:4px solid #EF3E30;
}

#ofert-cert-color{
    color:red;
    font-size:1.4em;
}

.no-margin-p{
    margin-bottom: 0px;
    margin-top: 0px;
}

/*Margenes estandares*/

.generic-top-margin{
    margin-top: 1.5em;
}
.generic-bottom-margin{
    margin-bottom: 1.5em;
}
.generic-top-bottom-margin{
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

/* auditorias */

.img-audi{
    width:50%;
    margin:0 auto;
}

/* compra */

.hidden-pop{
    padding-left: 2.5%;
}

.compra-pregunta{
    display:none;
}

.font-compra{
    line-height: 50px;
    font-size: 1.8em;
    height: 100%;
    overflow: hidden;
    color: #FFF;
}

.toggle{
    height: 25px;
}

.toggle:hover{
    cursor: pointer;
}

/* clientes */

.titulo-azul{
    color:#18ACD1;
    font-size:1.4em;
}

.clientes-opiniones-izq{
    background-color:#EAEAEA;
    width: 95%;
    float:left;
}
.clientes-opiniones-der{
    background-color: #EAEAEA;
    width: 95%;
    float:right;
}

.clientes-opiniones-txt{
    font-style: oblique;
    font-size:1.1em;
    text-align: center;
}

.clientes-opiniones-nombre{
    text-align: right;
}

/* contacto */

#boton-contacto{
    background-color: red;
    border:0px;
    font-size:1.1em;
    color:white;
}

.td-form-contacto{
    width: 50%;
    padding-top: 5px;
}

.input-form{
    font-size:1.1em;
}

/*equipo*/

.foto-equipo-comun:hover{
    cursor: pointer;
}

.sliderEquipo {
    display: block;
    width: 75%;
    margin: 0px auto;
    position: relative;
}

.description-Equipo {
    position: absolute;
    bottom: 0;
    width: 33%;
    font-family:Open Sans Light;
    z-index: 1;
    background-color: rgba(0,0,0,0.5);
    margin-bottom: 5px;
}

.description-text-Equipo{
    padding: 10px;
}

.frase-Equipo{
    width:66%;
    bottom: 0;
    z-index: 1;
    margin-bottom: 5px;
    position: absolute;
    background-color: rgba(255,255,255,0.7);
}

/* ACTUALIDAD */

.noticias-actualidad{
    background-color: white;
}

.noticia-fecha{
    position: absolute;
    background-color: rgba(0,0,0,0.6);
    text-align: center;
    margin-top: 5px;
    margin-right: 5px;
    right: 0;
    color:white;
}

.noticia-img:hover{
    cursor:pointer;
} 

.noticia-fecha:hover{
    cursor:pointer;
}

.noticia-titular:hover{
    cursor:pointer;
}

.noticia-dia{
    text-decoration: underline;
}

.noticia-titular{
    position: absolute;
    background-color: rgba(0,0,0,0.6);
    width:100%;
    bottom: 0;
    margin-bottom: 5px;
    text-align: center;
    max-height: 33%;
    overflow: hidden;
    color:white
}

#fecha-noticia-entera{
    width: 4%;
    float: left;
    margin-bottom: 15px;
}
#dia-noticia-entera{
    color:white;
    background-color: grey;
    text-align: center;
}
#mes-noticia-entera{
    margin-top: 2px;
    color:white;
    background-color: grey;
    text-align: center;
}
#noticia-entera-titulo{
    text-align: center;
    width:60%;
    float:left;
    margin-bottom: 20px;
}
#noticia-entera-img{
    margin-left: 1%;
    margin-bottom: 1%;
    width:35%;
    float:right;
}
#noticia-entera-fuente{
    width: 50%;
    margin: 0px auto;
    background: grey;
    color:white;
    text-align: center;
    clear: both;
}
#noticia-entera-fuente>a{
    text-decoration: none;
    color:white;
}

.noticia-entera-comentario{
    margin-top:5px;
    border-left: 1px solid grey;
    border-bottom: 1px solid grey;
}

.noticia-entera-comentario-nombre{
    padding-left: 10px;
}
.noticia-entera-comentario-fecha{
    padding-left: 10px;
    font-size: 0.7em;
    color:grey;
}
.noticia-entera-comentario-comentario{
    padding-left: 10px;
    padding-bottom: 10px;
}

#noticia-entera-anterior{
    float:left;
    width: 50%;
}

#noticia-entera-siguiente{
    float:right;
    width: 50%;
}

.noticia-entera-avanzar:hover{
    cursor: pointer;
}

#video{
    width:575px;
    margin-top: 10px;
    background-color: grey;
}

#myVideo{
    width:553px;
    margin: 10px;
}

/* OTROS */
@media only screen and (min-width : 0px) and (max-width : 480px){
    .clientes-opiniones-izq{font-size: 8px;}
    .clientes-opiniones-der{font-size: 8px;}
    .percentaje-50-width-overflow-empresa{
        font-size: 7px;
    }
    .description-text-Equipo{font-size:3px;}
    .frase-Equipo{font-size:3px;}
    .percentaje-20-width-overflow{
		width:90%;
    }
    .percentaje-4-width-overflow{
		width:0px;
    }
}

@media only screen and (min-width : 480px) and (max-width : 600px){
    .clientes-opiniones-izq{font-size: 10px;}
    .clientes-opiniones-der{font-size: 10px;}
    .percentaje-50-width-overflow-empresa{
        font-size: 9px;
    }
    .description-text-Equipo{font-size:6px;}
    .frase-Equipo{font-size:6px;}
    .percentaje-20-width-overflow{
		width:45%;
    }
    .percentaje-4-width-overflow{
		width:2%;
    }
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    #header{position:absolute;}
    ul#menu-principal > li {padding-left: 0.2em;}
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
    #header{position:absolute;}
    ul#menu-principal > li {padding-left: 0.2em;}
}

@media only screen and (min-width : 600px) and (max-width : 768px){
    .clientes-opiniones-izq{font-size: 11px;}
    .clientes-opiniones-der{font-size: 11px;}
    .percentaje-50-width-overflow-empresa{
        font-size: 10px;
    }
    .description-text-Equipo{font-size:8px;}
    .frase-Equipo{font-size:8px;}
    .percentaje-20-width-overflow{
		width:45%;
    }
    .percentaje-4-width-overflow{
		width:2%;
    }
}

@media only screen and (min-width : 768px) and (max-width : 800px){
    .clientes-opiniones-izq{font-size: 12px;}
    .clientes-opiniones-der{font-size: 12px;}
    .percentaje-50-width-overflow-empresa{
        font-size: 11px;
    }
    .description-text-Equipo{font-size:8px;}
    .frase-Equipo{font-size:8px;}
    .percentaje-20-width-overflow{
		width:45%;
    }
    .percentaje-4-width-overflow{
		width:2%;
    }
}

@media only screen and (min-width : 800px) and (max-width : 900px){
    .clientes-opiniones-izq{font-size: 13px;}
    .clientes-opiniones-der{font-size: 13px;}
    .percentaje-50-width-overflow-empresa{
        font-size: 12px;
    }
    .description-text-Equipo{font-size:10px;}
    .frase-Equipo{font-size:10px;}
    .percentaje-20-width-overflow{
		width:45%;
    }
    .percentaje-4-width-overflow{
		width:2%;
    }
}
@media only screen and (min-width : 900px) and (max-width : 1114px){
    .clientes-opiniones-izq{font-size: 14px;}
    .clientes-opiniones-der{font-size: 14px;}
    .percentaje-50-width-overflow-empresa{
        font-size: 13px;
    }
    .font-compra{font-size: 1.3em;}
    .description-text-Equipo{font-size:12px;}
    .frase-Equipo{font-size:12px;}
}
@media only screen and (min-width : 1114px) and (max-width : 1280px){
    
    .percentaje-50-width-overflow-empresa{
        font-size: 14px;
    }
    .description-text-Equipo{font-size:12px;}
    .frase-Equipo{font-size:12px;}
}

@media only screen and (min-width : 0px) and (max-width : 950px){
    ul#menu-principal > li {padding-left:0.2em;}
    #menu-home>img#home-web{display:none;}
    #menu-home>img#home-movil{display:block;}
    #menu-servicios>img#servicios-web{display:none;}
    #menu-servicios>img#servicios-movil{display:block;}
    #menu-equipo>img#equipo-web{display:none;}
    #menu-equipo>img#equipo-movil{display:block;}
    #menu-contacto>img#contacto-web{display:none;}
    #menu-contacto>img#contacto-movil{display:block;}
    #menu-actualidad>img#actualidad-web{display:none;}
    #menu-actualidad>img#actualidad-movil{display:block;}
    #menu-log>img#log-web{display:none;}
    #menu-log>img#log-movil{display:block;}
    #menu-home{width:30px;}
    #menu-servicios{width:30px;}
    #menu-equipo{width:30px;}
    #menu-contacto{width:30px;}
    #menu-actualidad{width:30px;}
    #menu-log{width:30px;}
    .font-compra{font-size: 1em;}
}    

@media only screen and (min-width : 0px) and (max-width : 1114px){
    #ventajas-height{height:auto;}
    .section2-ventajas{width: 100%;height:auto;overflow:auto;}
}