body {
    font-family: 'Trebuchet MS', Arial;
    margin: 0;
    min-width:1348px;
    /*max-width:1348px;*/
}

h3 {
    font-size: 16px;
}

.active {
    background: -webkit-gradient(linear, left top, left bottom, from(#eeedeb), to(#dfded9));
}

.e-mail {
    color: #e67e22;
    font-family: Roboto;
    text-decoration: none;
}

.e-mail:hover {
    color: #27ae60;
}

.desplegable {
    font-size: 14px;
}

footer a {
    color:#00b3e4;
    text-decoration: none;
}



/*  HEADER  -------------------------------------------------------------- */

header {
    width: 100%;
    height: 54px;
}

#inner-header {
    width: 980px;
    margin: auto;
    height: 90px;
}

#logo {
    float: left;
    font-family: Arial;
}


/* Menú horizontal de Inicio  */

nav {
    clear: left;
    background-image: url(./img/header_bg.png);
    height: 54px;
}

#inner-nav-header  {
    width: 980px;
    float: right;
    margin-right: 140px;
	padding-top: 12px;
}

    #inner-nav-header ul {
        margin-top: 0;
        padding-top: 9px;
        margin-left: -35px;
    }

        #inner-nav-header ul li {
            list-style: none;
            display: inline;
        }

            #inner-nav-header ul li a:hover {
                color: #495058;
            }

    #inner-nav-header a {
        text-decoration: none;
        color: #525252;
        padding: 20px;
    }


#menu li a {
    padding-top: 18px;
    padding-bottom: 9px;
}

    #menu li a:hover {
        background: -webkit-gradient(linear, left top, left bottom, from(#eeedeb), to(#dfded9));
        color: #495058;
    }

#empresa {
    border-top: 4px solid #f19b6c;
}

#servicios {
    border-top: 4px solid #019796;
}

#soluciones {
    border-top: 4px solid #f18fbb;
}

#cloudmenu {
    border-top: 4px solid #b3b3e1;
}

#gestionmenu{
    border-top: 4px solid #fb5e3f;
}

ul#menu {
    background: transparent;
    width: 510px;
    float: right;
    padding: 10px;
}

    ul#menu li {
        color: black;
        float: left;
        list-style: none;
        font-size: 16px;
        font-family: Roboto;
    }

        ul#menu li:hover {
            cursor: pointer;
        }

    ul#menu ul {
        display: none;
        position: absolute;
        top: 54px;
        background: #f0efed;
        font-size: 13px;
        padding: 5px 0px 5px 5px;
        margin: 0;
    }

        ul#menu ul li {
            float: left;
            color: black;
            width: 100%;
            /*margin:2% 0%;*/
            padding-bottom: 4px;
            padding-top: 3px;
            padding-right: 20px;
            font-size: 13px;
			background:cornflowerblue;
        }

            ul#menu ul li a {
                color: black;
            }

                ul#menu ul li a:hover {
                    color: #aaa073;
                    cursor: pointer;
                    background: none;
                }

    ul#menu li:hover ul ul, ul#menu li:hover ul ul ul, ul#menu li.iehover ul ul, ul#menu li.iehover ul ul ul {
        display: none;
        cursor: pointer;
    }

    ul#menu li:hover ul, ul#menu ul li:hover ul, ul#menu ul ul li:hover ul, ul#menu li.iehover ul, ul#menu ul li.iehover ul, ul#menu ul ul li.iehover ul {
        display: block;
        cursor: pointer;
    }

.quienes-menu {
    float: left;
}

.contacto-menu {
    float: left;
    clear: both;
}

.empleo-menu {
    float: left;
    clear: both;
}

/* Icono de Intranet */ 

#intranet {
	width: 95px;
	float: right;
	clear: both;
	margin-top: -60px;
	margin-right: 17px;
}


/*  BODY -------------------------------------------------------------------*/

/* Sección de imagen de intro */

.intro-image {
    height: 550px;
    background-image: url(./img/oficina.png);
    background-repeat: no-repeat;
    box-shadow: inset 0 -2px 3px rgba(0,0,0,.1);
}

#inner-intro {
    width: 980px;
    margin: auto;
}

#txtSLCintro {
    font-size: 40px;
    text-align: center;
    font-family: 'Trebuchet MS', Arial;
    font-weight: bold;
    padding-top: 25px;
}

.hardware {
    width: 100%;
    position: relative;
    margin-top: 416px;
}

.mac {
    background-image: url(./img/mac.png);
    width: 684px;
    height: 387px;
    position: absolute;
    left: 50%;
    bottom: -22px;
    margin-left: -342px;
}

.cloud {
    background-image: url(./img/cloud.png);
    width: 291px;
    height: 199px;
    position: absolute;
    left: 60%;
    bottom: -34px;
}

/*  Sección 1 Desarrollo de proyectos         */

#txt-desarrollo {
    float: right;
    font-size: 28px;
    padding-right: 455px;
    color: #e67e22;
    font-family: Antonio Light;
}

#txt2-desarrollo {
    float: right;
    font-size: 18px;
    padding-right: 196px;
    padding-top: 7px;
    font-family: Roboto;
}

#txt3-desarrollo {
    float: right;
    padding-right: 333px;
    padding-top: 3px;
    font-family: roboto;
    line-height: 25px;
}

#botonverde {
    float: right;
    width: 224px;
    margin-right: 415px;
    margin-top: -69px;
    clear: left;
    background-color: #27ae60;
    padding: 20px;
}

#verde {
    background-color: #27ae60;
    text-align: left;
    padding-right: 93px;
    color: white;
    text-decoration: none;
    font-family: Roboto;
    font-weight: bold;
    font-size: 14px;
}

#botonverde:hover {
    opacity: .8;
}

.arrow {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: url(./img/arrow.png) no-repeat center center;
    float: right;
}

#foto-desarrollo {
    background-repeat: no-repeat;
    float: left;
    margin-top: 15px;
}

/*  Sección 2 INFOR       */
.infor {
    background-color: #ecf0f1;
    height: 350px;
    box-shadow: inset 0 2px 4px #cccccc;
}

#inner-infor {
    width: 1100px;
    margin-left: 150px;
    padding: 13px;
}

#logo_wk {
	float: left;
	padding-top: 30px;
	width: 0px;
	padding-left: 39px;
}

#titulo-infor {
    font-family: Antonio Light;
}

#inner-infor p {
    text-align: center;
    font-size: 28px;
    color: #b64ec2;
}

#body-infor {
    margin-top: -21px;
}

    #body-infor p {
        text-align: center;
        color: black;
        font-size: 18px;
        padding-bottom: 20px;
        font-family: Roboto;
    }

    #body-infor ul li {
        display: inline;
        list-style: none;
        padding-right: 34px;
    }


/* Sección 3 CLOUD  */

.cloudsection {
    height: 320px;
    box-shadow: inset 0 2px 4px #cccccc;
}

.inner-cloud {
    width: 980px;
    margin: auto;
    padding-top: 36px;
    height: 400px;
}

#foto-cloud {
    padding-top: 50px;
    background-repeat: no-repeat;
    float: left;
}

.foto-cloud2 {
    padding-top: 40px;
    background-repeat: no-repeat;
    float: left;
}

#fraseinicial {
    color: #27ae60;
    text-align: center;
    font-size: 28px;
    font-family: Antonio Light;
}

#comentario {
    text-align: center;
    padding-top: 10px;
    font-family: Roboto;
    font-size: 18px;
}

#botonnaranja {
    float: right;
    width: 224px;
    margin-right: 72px;
    margin-top: -126px;
    clear: left;
    background-color: #e67e22;
    padding: 20px;
}

#naranja {
    background-color: #e67e22;
    text-align: left;
    padding-right: 93px;
    color: white;
    text-decoration: none;
    font-family: Roboto;
    font-weight: bold;
    font-size: 14px;
}

#botonnaranja:hover {
    opacity: .8;
}

.arrow {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: url(./img/arrow.png) no-repeat center center;
    float: right;
}


/*  FOOTER --------------------------------------------------------------- */

#top-footer {
    width: 100%;
    height: 35px;
    background-color: #f6f6f6 /*#fe5c5c*/;
    border-top: #dbe3e3 solid 1px;
}

#middle-footer {
    width: 100%;
    height: 177px;
    background-color: #f6f6f6 /*#fe3939*/;
}

#bottom-footer {
    width: 100%;
    height: 47px;
    background-color: #f6f6f6 /*#fe5c5c*/;
}

#inner-middle {
    width: 980px;
    margin: auto;
    padding-top: 20px;
    padding-left: 150px;
}

    #inner-middle .nav-footer ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        #inner-middle .nav-footer ul li strong {
            margin-bottom: 5px;
        }

        #inner-middle .nav-footer ul li {
            vertical-align: top;
            margin: 0 20px 0 0;
            color: #00b3e4;
            margin-bottom: 3px;
        }

            #inner-middle .nav-footer ul li .enlaces li {
                font-size: 13px;
                margin-top: 5px;
            }

strong {
    font-weight: bold;
    color: black;
}

.nav-footer {
    background-color: transparent;
    box-shadow: none;
    background-image: none;
}


.enlaces li a:hover {
    color: #222;
    cursor: pointer;
}


#nav-footer1 {
    float: left;
    padding-right: 15px;
}


.nav-footer2 {
    float: left;
    border-left: #DBE3E3 1px solid;
    height: 144px;
    padding-left: 40px;
}

/* ------------------------------------------------------------------------------------------------------------------------- */

/*     HTML SOMOS  ------------------------------------------------------------*/

#Engenet {
    margin: auto;
    height: 435px;
    background-color: #fdfdfd;
}

#inner-Engenet {
    width: 980px;
    margin: auto;
}

#logoEngenet {
    float: left;
    padding-left: 72px;
}

#textoSomos {
    float: right;
    font-size: 40px;
    padding-right: 180px;
    font-weight: bold;
    padding-top: 30px;
}

/*  Sección Contacto  */

#Contacto {
    height: 500px;
    box-shadow: inset 0 2px 4px #cccccc;
}

#titulo-Contacto {
    padding-left: 255PX;
    padding-top: 20px;
}

#mapa {
    padding-left: 185px;
    padding-top: 15px;
    height: 305px;
    width: 620px;
    float: left;
}

#info-contacto {
    height: 252px;
    width: 200px;
    float: left;
    padding-left: 25px;
}


/*   Sección de Empleo  */

#Empleo {
    height: 300px;
    background-color: #fdfdfd;
    margin: auto;
    box-shadow: inset 0 2px 4px #cccccc;
}

#titulo-empleo {
    padding-left: 255PX;
    padding-top: 20px;
}

#txt-empleo {
    width: 800px;
    margin-left: 300px;
}

#e-mail {
    width: 194px;
    margin: auto;
}

#e-mail a {
    color: #e67e22;
    font-family: Roboto;
    text-decoration: none;
}

#e-mail a:hover {
    color: #27ae60
}



/* Sección Conexión Remota  */

.Soporte {
    height: 350px;
    box-shadow: inset 0 2px 4px #cccccc;
}

#foto-remota {
    background-repeat: no-repeat;
    float: left;
    margin-top: 15px;
	clear: left;
}

#txt-remoto {
	width: 450px; 
	float: right;
}

#fraseremoto {
    text-align: center;
    font-size: 28px;
    font-family: Antonio Light;
	
}

#comentario-remota {
    text-align: center;
    padding-top: 10px;
    font-family: Roboto;
    font-size: 18px;
}

#bot_connect {
    float: right;
    width: 250px;
    margin-right: 65px;
    background-color: transparent;
    padding: 20px;
}

#comentario-remota2 {
    text-align: center;
    padding-top: 10px;
    font-family: Roboto;
    font-size: 18px;
	float: right; 
	clear: right; 
	width: 450px;
}

/*  HTML SERVICIOS ---------------------------------------------------------------------------- */

/*  Sección Intro Servicios  */

#intro-Servicios {
    height: 440px;
}

/*  Sección Desarrollo de Proyectos   */

#Proyectos {
    height: 450px;
    background-color: #fdfdfd;
    box-shadow: inset 0 2px 4px #cccccc;
}

#titulo-proyectos {
    float: left;
    font-family: Antonio Light;
    font-size: 28px;
    padding-left: 162px;
    padding-top: 40px;
}

#puntosclave {
    float: left;
    clear: left;
    padding-left: 129px;
}

#txt-proyectos {
    padding-top: 10px;
    font-family: Roboto;
    font-size: 14px;
    width: 600px;
    padding-left: 160px;
    float: left;
    clear: left;
    text-align: justify;
    color: #757575;
    line-height: 23px;
}

#foto-proy {
    float: right;
    margin-top: -227px;
}

/*  Sección Consultoría      */

#Consultoria {
    height: 560px;
    box-shadow: inset 0 2px 4px #cccccc;
}

#titulo-consultoria {
    float: left;
    font-family: Antonio Light;
    font-size: 28px;
    padding-left: 162px;
    padding-top: 40px;
}

#texto-consultoria {
    float: left;
    font-family: Roboto;
    font-size: 14px;
    padding-left: 162px;
    padding-top: 10px;
    width: 600px;
    clear: left;
    text-align: justify;
    line-height: 25px;
}

#foto-consultoria {
    float: right;
    padding-right: 100px;
    margin-top: 50px;
}

#LOPD-titulo {
    float: left;
    font-family: Antonio Light;
    font-size: 22px;
    padding-left: 162px;
    padding-top: 15px;
}

#texto-LOPD {
    float: left;
    clear: left;
    font-family: Roboto;
    font-size: 14px;
    padding-left: 162px;
    width: 600px;
    text-align: justify;
    line-height: 25px;
}

/*  Sección   Mantenimiento    */

#Mantenimiento {
    height: 400px;
    box-shadow: inset 0 2px 4px #cccccc;
    background-color: #fdfdfd;
}

#titulo-Mantenimiento {
    font-family: Antonio Light;
    font-size: 28px;
    float: left;
    padding-left: 162px;
    padding-top: 40px;
}

#texto-mantenimiento {
    text-align: justify; 
    font-family: Roboto; 
    font-size: 14px;
    float: left; 
    padding-left: 162px;
    width: 980px;
    clear: left;
    padding-top: 10px;
    line-height: 25px;
}

#texto-mantenimiento a {
    text-decoration: none;
    color: #e67e22
}

#texto-mantenimiento a:hover {
    color: #27ae60
}

/*  Sección  Comunicaciones  */

#Comunicaciones {
    height: 585px;
    box-shadow: inset 0 2px 4px #cccccc;
}

#titulo-comunicaciones {
    font-family: Antonio Light;
    font-size: 28px;
    float: left;
    padding-left: 162px;
    padding-top: 40px;
}

#texto-Com {
    text-align: justify; 
    font-family: Roboto; 
    font-size: 14px;
    float: left; 
    padding-left: 162px;
    width: 980px;
    clear: left;
    padding-top: 10px;
    line-height: 25px;
}

#tabla {
    width: 802px;
    height: 390px;
    margin: auto;
}

/*    Sección  Outsourcing   */

#Outsourcing  {
    height: 405px;
    box-shadow: inset 0 2px 4px #cccccc;
    background-color: #fdfdfd;
}

#titulo-Out {
    font-family: Antonio Light;
    font-size: 28px;
    float: left;
    padding-left: 162px;
    padding-top: 40px;
}

#texto-Out {
    text-align: justify; 
    font-family: Roboto; 
    font-size: 14px;
    float: left; 
    padding-left: 162px;
    width: 980px;
    clear: left;
    padding-top: 10px;
    line-height: 25px;
}

#foto-Out {
    float: right;
    margin-top: -186px;
}


/*    Sección  Formación     */

#Formacion {
    height: 400px;
    box-shadow: inset 0 2px 4px #cccccc;
}

#titulo-formacion {
    font-family: Antonio Light;
    font-size: 28px;
    float: left;
    padding-left: 162px;
    padding-top: 40px;
}

#texto-formacion {
    text-align: justify; 
    font-family: Roboto; 
    font-size: 14px;
    float: left; 
    padding-left: 162px;
    width: 700px;
    clear: left;
    padding-top: 10px;
    line-height: 25px;
}

#foto-formacion {
    float: left; 
    clear: left; 
    padding-left: 20px;
    padding-top: 10px;
}

#foto1-formacion {
    float: right;
    padding-right: 140px;
    margin-top: 5px;
}


/*    HTML    SOLUCIONES  -------------------------------------------------------------------------------------------------- */

/*   Sección de Introducción de Soluciones     */

#intro-Soluciones {
    height: 400px;
}

/*   Sección de iPyme     */

#iPyme {
    height: 450px;
    box-shadow: inset 0 2px 4px #cccccc;
    background-color: #fdfdfd;
}

#titulo-iPyme {
    font-family: Antonio Light;
    font-size: 28px;
    float: left;
    padding-left: 162px;
    padding-top: 40px;
}

#texto-iPyme {
    float: left;
    width: 980px;
    text-align: justify; 
    font-family: Roboto; 
    font-size: 14px;
    padding-left: 162px;
    padding-top: 10px;
    line-height: 25px;
}

#texto-iPyme a {
	text-decoration: none;
	color: #b20739;
}

#img-A3 {
	margin-left: 300px;
}

/*   Sección Gestión de Cierres de Caja (GCCWeb)     */

#GCCWeb {
    height: 600px;
    box-shadow: inset 0 2px 4px #cccccc;
}

#titulo-GCCWeb {
    font-family: Antonio Light;
    font-size: 28px;
    float: left;
    padding-left: 162px;
    padding-top: 40px;
}

#texto-GCCWeb {
    float: left;
    width: 980px;
    text-align: justify; 
    font-family: Roboto; 
    font-size: 14px;
    padding-left: 162px;
    padding-top: 10px;
    line-height: 25px;
}

/*   Sección Fidelización de Clientes   */

#Fidelizacion {
    height: 450px;
    box-shadow: inset 0 2px 4px #cccccc;
    background-color: #fdfdfd;
}

#titulo-Fidelis {
    font-family: Antonio Light;
    font-size: 28px;
    float: left;
    padding-left: 162px;
    padding-top: 40px;
}

#texto-Fidelis {
    float: left;
    width: 980px;
    text-align: justify; 
    font-family: Roboto; 
    font-size: 14px;
    padding-left: 162px;
    padding-top: 10px;
    line-height: 25px;
}

/*  Sección Tiendas Online     */

#Tienda {
    height: 400px; 
    box-shadow: inset 0 2px 4px #cccccc;
}

#titulo-Tienda {
    font-family: Antonio Light;
    font-size: 28px;
    float: left;
    padding-left: 162px;
    padding-top: 40px;
}

#texto-Tienda {
    float: left;
    clear: left;
    width: 600px;
    text-align: justify; 
    font-family: Roboto; 
    font-size: 14px;
    padding-left: 162px;
    padding-top: 10px;
    line-height: 25px;
}

#img-Tienda {
    float: right; 
    margin-right: 160px;
}

/*   Sección Webs Corporativas   */

#Webs {
    height: 400px;
    box-shadow: inset 0 2px 4px #cccccc;
    background-color: #fdfdfd;
}

#titulo-Webs{
    font-family: Antonio Light;
    font-size: 28px;
    float: left;
    padding-left: 162px;
    padding-top: 40px;
}

#texto-Webs{
    float: left;
    clear: left;
    width: 600px;
    text-align: justify; 
    font-family: Roboto; 
    font-size: 14px;
    padding-left: 162px;
    padding-top: 10px;
    line-height: 25px;
}

#img-Webs {
    float: right;
    margin-top: -40px;
    margin-right: 127px;
}

/*  Sección Beacons     */

#Beacons {
    height: 425px; 
    box-shadow: inset 0 2px 4px #cccccc;
}

#titulo-Beacons {
    font-family: Antonio Light;
    font-size: 28px;
    float: left;
    padding-left: 162px;
    padding-top: 40px;
}

#texto-Beacons {
    float: left;
    clear: left;
    width: 600px;
    text-align: justify; 
    font-family: Roboto; 
    font-size: 14px;
    padding-left: 162px;
    padding-top: 10px;
    line-height: 25px;
}

#img-Beacons {
    float: right; 
	margin-right: 90px;
    margin-top: 20px;
}

/*   Sección Control de acceso y Presencia   */

#Biometria {
    height: 400px;
    box-shadow: inset 0 2px 4px #cccccc;
    background-color: #fdfdfd;
}

#titulo-Biometria{
    font-family: Antonio Light;
    font-size: 28px;
    float: left;
    padding-left: 162px;
    padding-top: 40px;
}

#texto-Biometria{
    float: left;
    clear: left;
    width: 600px;
    text-align: justify; 
    font-family: Roboto; 
    font-size: 14px;
    padding-left: 162px;
    padding-top: 10px;
    line-height: 25px;
}

#img-Biometria {
    float: right;
    margin-top: -25px;
    margin-right: 127px;
}


/*       HTML CLOUD ---------------------------------------------------------------------------------------------*/

/*     Sección Introducción    */

#introCloud {
    height: 420px;
}

/*     Sección Registro de Dominios    */

#Registro {
    height: 350px;
    box-shadow: inset 0 2px 4px #cccccc;
    background-color: #fdfdfd;
}

#titulo-Registro {
    font-family: Antonio Light;
    font-size: 28px;
    float: left;
    padding-left: 162px;
    padding-top: 40px;
}

#texto-Registro {
     float: left;
    clear: left;
    width: 600px;
    text-align: justify; 
    font-family: Roboto; 
    font-size: 14px;
    padding-left: 162px;
    padding-top: 10px;
    line-height: 25px;
}

#img-registro {
    margin-top: -52px;
    float: right;
    margin-right: 180px;
}

/*    Sección Alojamiento Web      */

#Alojamiento {
    height: 450px;
    box-shadow: inset 0 2px 4px #cccccc;
}

#titulo-Alojamiento {
    font-family: Antonio Light;
    font-size: 28px;
    float: left;
    padding-left: 162px;
    padding-top: 40px;
}

#texto-Alojamiento {
    float: left;
    clear: left;
    width: 980px;
    text-align: justify; 
    font-family: Roboto; 
    font-size: 14px;
    padding-left: 162px;
    padding-top: 10px;
    line-height: 25px;
}

#img-alojamiento {
    float: right;
    margin-right: 178px;
    margin-top: -221px;
}

/*      Sección Cloud       */

#Cloud2 {
    height: 450px;
    box-shadow: inset 0 2px 4px #cccccc;
    background-color: #fdfdfd;
}

#titulo-Cloud {
    font-family: Antonio Light;
    font-size: 28px;
    float: left;
    padding-left: 162px;
    padding-top: 40px;
}

#texto-Cloud {
    float: left;
    clear: left;
    width: 980px;
    text-align: justify; 
    font-family: Roboto; 
    font-size: 14px;
    padding-left: 162px;
    padding-top: 10px;
    line-height: 25px;
}

#img-Cloud2 {
    float: right;
    margin-top: -350px;
    margin-right: 136px;
}

/*   Sección Servidor Dedicado    */

#Servidor {
    height: 350px;
    box-shadow: inset 0 2px 4px #cccccc;
}

#titulo-servidor {
    font-family: Antonio Light;
    font-size: 28px;
    float: left;
    padding-left: 162px;
    padding-top: 40px;
}

#texto-servidor {
    float: left;
    clear: left;
    width: 980px;
    text-align: justify; 
    font-family: Roboto; 
    font-size: 14px;
    padding-left: 162px;
    padding-top: 10px;
    line-height: 25px;
}

/*    Sección Copias de Seguridad    */

#Copias {
    height: 450px;
    box-shadow: inset 0 2px 4px #cccccc;
    background-color: #fdfdfd;
}

#titulo-Copias {
    font-family: Antonio Light;
    font-size: 28px;
    float: left;
    padding-left: 162px;
    padding-top: 40px;
}

#texto-Copias {
    float: left;
    clear: left;
    width: 980px;
    text-align: justify; 
    font-family: Roboto; 
    font-size: 14px;
    padding-left: 162px;
    padding-top: 10px;
    line-height: 25px;
}

/*  HTML GESTIÓN BOLERAS ---------------------------------------------------------------------------- */

/*  Sección Intro Gestión Boleras */

.altura {
    width: 980px;
    height: 200px;
}

#intro-Gestion {
    height: 3900px;
}

#titulointro-Objetivo {
    float: left;
    font-family: Antonio Light;
    font-size: 28px;
    padding-left: 162px;
    padding-top: 40px;
}

#txtintro-Objetivo {
    padding-top: 10px;
    font-family: Roboto;
    font-size: 14px;
    width: 980px;
    padding-left: 160px;
    float: left;
    clear: left;
    text-align: justify;
    color: #757575;
    line-height: 23px;
}


#titulointro-Maestros {
    float: left;
    font-family: Antonio Light;
    font-size: 28px;
    padding-left: 162px;
    padding-top: 40px;
}

#txtintro-Maestros {
    padding-top: 10px;
    font-family: Roboto;
    font-size: 14px;
    width: 980px;
    padding-left: 160px;
    float: left;
    clear: left;
    text-align: justify;
    color: #757575;
    line-height: 23px;
}

#sec-maestros {
    height: 600px;
}


#foto-maestros {
    float:left;
    clear: left;
    padding-left: 350px;
    padding-top: 30px;
}

#titulointro-Cierres {
    float: left;
    font-family: Antonio Light;
    font-size: 28px;
    padding-left: 162px;
    padding-top: 40px;
}

#subtitulo-Cierres {
    float: left;
    clear: left;
    font-family: Antonio Light;
    font-size: 16px;
    padding-left: 162px;
    padding-top: 10px;
}

#txtintro-Diario {
    padding-top: 10px;
    font-family: Roboto;
    font-size: 14px;
    width: 980px;
    padding-left: 160px;
    float: left;
    clear: left;
    text-align: justify;
    color: #757575;
    line-height: 23px;
}

#txtintro-Semanal {
    padding-top: 10px;
    font-family: Roboto;
    font-size: 14px;
    width: 980px;
    padding-left: 160px;
    float: left;
    clear: left;
    text-align: justify;
    color: #757575;
    line-height: 23px;
}

#titulointro-Presupuestos{
    float: left;
    font-family: Antonio Light;
    font-size: 28px;
    padding-left: 162px;
    padding-top: 40px;
}

#txtintro-Presupuestos{
    padding-top: 10px;
    font-family: Roboto;
    font-size: 14px;
    width: 980px;
    padding-left: 160px;
    float: left;
    clear: left;
    text-align: justify;
    color: #757575;
    line-height: 23px;
}

#foto-presupuestos {
    float:left;
    clear: left;
    padding-left: 260px;
    padding-top: 30px;
}

/*  Sección Fidelización de Clientes   */

#Fidelis {
    height: 710px;
    background-color: #fdfdfd;
    box-shadow: inset 0 2px 4px #cccccc;
}

#titulo-Fidelis {
    float: left;
    font-family: Antonio Light;
    font-size: 28px;
    padding-left: 162px;
    padding-top: 40px;
}


#txt-Fidelis {
    padding-top: 10px;
    font-family: Roboto;
    font-size: 14px;
    width: 980px;
    padding-left: 160px;
    float: left;
    clear: left;
    text-align: justify;
    color: #757575;
    line-height: 23px;
}

#foto-fid {
    float:left;
    clear: left;
    padding-left: 350px;
}

/*  Sección Control de Inventarios      */

#Inventarios {
    height: 700px;
    box-shadow: inset 0 2px 4px #cccccc;
}

#titulo-Inventarios {
    float: left;
    font-family: Antonio Light;
    font-size: 28px;
    padding-left: 162px;
    padding-top: 40px;
}

#texto-Inventarios {
    float: left;
    font-family: Roboto;
    font-size: 14px;
    padding-left: 162px;
    padding-top: 10px;
    width: 980px;
    clear: left;
    text-align: justify;
    line-height: 25px;
}

#foto-Inventarios {
    float:left;
    clear: left;
    padding-left: 280px;
}

/*  Sección   Enlace a Contabilidad    */

#Contabilidad {
    height: 690px;
    box-shadow: inset 0 2px 4px #cccccc;
    background-color: #fdfdfd;
}

#titulo-Contabilidad {
    font-family: Antonio Light;
    font-size: 28px;
    float: left;
    padding-left: 162px;
    padding-top: 40px;
}

#texto-Contabilidad {
    text-align: justify; 
    font-family: Roboto; 
    font-size: 14px;
    float: left; 
    padding-left: 162px;
    width: 980px;
    clear: left;
    padding-top: 10px;
    line-height: 25px;
}


#foto-Contabilidad {
    float:left;
    clear: left;
    padding-left: 260px;
    padding-top: 15px;
}

/*  Sección  Versión con Tokens  */

#Tokens {
    height: 610px;
    box-shadow: inset 0 2px 4px #cccccc;
}

#titulo-Tokens {
    font-family: Antonio Light;
    font-size: 28px;
    float: left;
    padding-left: 162px;
    padding-top: 40px;
}

#texto-Tokens {
    text-align: justify; 
    font-family: Roboto; 
    font-size: 14px;
    float: left; 
    padding-left: 162px;
    width: 980px;
    clear: left;
    padding-top: 10px;
    line-height: 25px;
}

#tabla {
    width: 802px;
    height: 390px;
    margin-left: 220px;
}

/*    Sección  Gestión Comercial   */

#Comercial  {
    height: 700px;
    box-shadow: inset 0 2px 4px #cccccc;
    background-color: #fdfdfd;
}

#titulo-Comercial {
    font-family: Antonio Light;
    font-size: 28px;
    float: left;
    padding-left: 162px;
    padding-top: 40px;
}

#texto-Comercial {
    text-align: justify; 
    font-family: Roboto; 
    font-size: 14px;
    float: left; 
    padding-left: 162px;
    width: 980px;
    clear: left;
    padding-top: 10px;
    line-height: 25px;
}

#foto-Comercial {
    float:left;
    clear: left;
    padding-left: 180px;
    padding-top: 15px;
}

/*      POLÍTICA DE PRIVACIDAD      */

#Privacidad {
    height: 900px;
}

#titulo-Privacidad {
    font-family: Antonio Light;
    font-size: 28px;
    padding-left: 184px;
    padding-top: 40px;
    padding-bottom: 20px;
}

#texto-Privacidad {
    width: 980px;
    text-align: justify; 
    font-family: Roboto; 
    font-size: 14px;
    margin: auto;
    line-height: 25px;
}

/*      POLÍTICA DE COOKIES      */

#Cookies {
    height: 1200px;
}

#titulo-Cookies {
    font-family: Antonio Light;
    font-size: 28px;
    padding-left: 184px;
    padding-top: 40px;
    padding-bottom: 20px;
}

#texto-Cookies {
    width: 980px;
    text-align: justify; 
    font-family: Roboto; 
    font-size: 14px;
    margin: auto;
    line-height: 25px;
}


/*    FOOTER DISEÑO Y DESARROLLO WEB      */

#diseño {
    width: 250px;
    margin: auto;
    font-family: Roboto;
    font-size: 11px;
}



/* Codigo para la política de cookies   --------------------------------------------------------------------------------------------------  */
 
/* CSS para la animación y localización de los DIV de cookies */
 
@keyframes desaparecer
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@keyframes aparecer
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
 
@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
#cookiesms1:target {
    display: none;
}
.cookiesms{	
	width:100%;
	height:32px;
	margin:0 auto;
	padding-left:6%;
        padding-top:5px;
        font-size: 14px;
        font-family: Roboto;
	clear:both;
        font-weight: strong;
color: #333;
bottom:0px;
position:fixed;
left: 0px;
background-color: #FFF;
opacity:5.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
transition: bottom 1s;
-webkit-transition:bottom 1s; /* Safari */
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
z-index:999999999;
}
 
.cookiesms:hover{
bottom:0px;
}
.cookies2{
background-color: #FFF;
display:inline;
/*opacity:0.95;*/
filter:alpha(opacity=95);
position:absolute; 
left:1%; 
top:-30px;
font-size:15px;
height:30px;
padding-top: 3px;
padding-left:25px;
padding-right:25px;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}


/*  Botón de Aceptar Cookies */

.button {
    background-color: #27ae60;
    color: white;
    border: none;
    cursor: pointer;
    padding: 4px;
    font-size: 13px;
    font-family: Roboto;
    margin-left: 14px;
}

.button:hover {
    background-color: #e67e22;
}

/* Fin del CSS para cookies -------------------------------------------------------------------------------------------------------------------- */