@font-face {
    font-family:"Myriad Pro Regular";
    src: url("myriadproregular.eot");
    src:url("myriadproregular.eot?#ley") format("embedded-opentype"),
    url("myriadproregular.ttf") format("truetype"),
    url("myriadproregular.woff") format("woff");   
}
@font-face {
    font-family:"Myriad Pro Light";
    src: url("myriadprolight.eot");
    src:url("myriadprolight.eot?#ley") format("embedded-opentype"),
    url("myriadprolight.ttf") format("truetype"),
    url("myriadprolight.woff") format("woff");   
}

body{
    font-family:"Myriad Pro Regular";
    margin:0;
    background-color:#fff;
}
a{
    text-decoration:none;
}
p{
    margin:0;
}


#divMenu{
    display:none;
    background-color:#000;
    position:fixed;
    top:0;
    opacity:0.9;
    color:#dcdcdc;
    padding-bottom:20px;
}
#menu{
    width:75px;
}

.menu{
    color:#fff;
    margin:0 5% 0 5%;
    border-bottom:2px solid #68696b;
    padding-top:12px;
    height:32px;
    width:90%;
    opacity:0.8;
}
.menu:hover {
    opacity:1;
}
.menu911{
    background-image:url('../images/menu911.png'); background-position:left top; background-repeat:no-repeat; 
    padding:6px 0 15px 45px;
}
.menu311{
    background-image:url('../images/menu311.png'); background-position:left top; background-repeat:no-repeat; 
    padding:6px 0 15px 45px;
}
.menugenero{
    background-image:url('../images/menugenero.png'); background-position:left top; background-repeat:no-repeat; 
    padding:6px 0 15px 45px;
}
.menuc5{
    background-image:url('../images/menuc5.png'); background-position:left top; background-repeat:no-repeat; 
    padding:6px 0 15px 45px;
}
.menutigre{
    background-image:url('../images/menutigre.png'); background-position:left top; background-repeat:no-repeat; 
    padding:6px 0 15px 45px;
}
.menulomas{
    background-image:url('../images/menulomas.png'); background-position:left top; background-repeat:no-repeat; 
    padding:6px 0 15px 45px;
}
.menusafer{
    background-image:url('../images/menusafer.png'); background-position:left top; background-repeat:no-repeat; 
    padding:6px 0 15px 45px;
}
.menudrone{
    background-image:url('../images/menudrone.png'); background-position:left top; background-repeat:no-repeat; 
    padding:6px 0 15px 45px;
}
.menucenter{
    background-image:url('../images/menucenter.png'); background-position:left top; background-repeat:no-repeat; 
    padding:6px 0 15px 45px;
}
.menusmarthealth{
    background-image:url('../images/menusmarthealth.png'); background-position:left top; background-repeat:no-repeat; 
    padding:6px 0 15px 45px;
}
.menusmartcityhub{
    background-image:url('../images/menusmartcityhub.png'); background-position:left top; background-repeat:no-repeat; 
    padding:6px 0 15px 45px;
}
.footer{
    color:#b3b3b3;
}
.footer:hover{
    color:#fff;
}
#footer1 {

}
#footer2 {
    margin: 45px 0 40px 0;
    width: 100%;
    font-family: "Myriad Pro Light";
    font-size: 14px;
    color: #b3b3b3;
    text-align: center;
}
#footer3 {
    display: table;
}
#divTextoFin {
    background-color: #000;
    padding: 25px 0 25px 0;
    width: 100%;
    text-align: center;
    color: #878787;
    font-size: 13px;
}
.bullet{
     font-family:'Myriad Pro Light';
     font-size:18px;
     color:#fff;
     background-image:url('../images/bullet.png');
     background-position:left top;
     background-repeat:no-repeat;
     padding-left:40px;
}
.tituloBoton{
    margin:0 auto 0 auto;
    width:272px;
    padding-top:3px;
    text-align:center;
    font-family:'Myriad Pro Regular';
    font-size:22px;
    font-weight:bold;
    color:#676767;
}
.textoBoton{
    margin:0 auto 0 auto;
    width:272px;
    margin-top:10px;
    text-align:center;
    font-family:'Myriad Pro Light';
    font-size:17px;
    color:#676767;
    height:100px;
}
.botonImg{
    margin:0 auto 0 auto;
    background:url('../images/boton_bg.png');
    padding:22px 30px  22px 30px;
    width:272px;
    height:156px;
}
@media only screen and (min-width:996px) {
    #header, #imagen, #botones, #smartcitycenter, #nuevageneracion, #form, #casos, #footer{
        width:996px;
    }
    #divImagen{
        height:580px;
    }
    #divMenu{
        left:50%;
        width:390px;
    }
    #foto{
        margin-left:-270px;
        width:1536px;
        height:580px;
    }
    #divLogo{
        top:180px;
    }
    #logo{
        width:740px;
    }
    #columnaBotones{
        float:left;
        width:33%;
    }
    #columnaSmartI{
        float:left;
        width:48%;
    }
    #columnaSmartD{
        float:right;
        width:48%;
    }
    #columnaFormI{
        float:left;
        width:48%;
    }
    #columnaFormD{
        float:right;
        width:48%;
    }
    #columnaCasos{
        float:left;
        width:25%;
    }
    #columnaFooterI{
        float: left;
        width: 49%;
    }
    #columnaFooterD {
        float: right;
        width: 49%;
    }
}
@media only screen and (max-width:996px) {
    #imagen, #botones, #casos{
        width:100%;
    }
    #header, #smartcitycenter, #nuevageneracion, #form, #footer{
        width:80%;
    }
    #divImagen{
        height:400px;
    }
    #divMenu{
        left:0;
        width:80%;
    }
    #foto{
        margin-left:0;
        width:100%;
        height:400px;
    }
    #divLogo{
        top:150px;
    }
    #logo{
        width:500px;
    }
    #columnaBotones{
        float:left;
        width:50%;
    }
    #columnaSmartI{
        float:none;
        width:100%;
    }
    #columnaSmartD{
        float:none;
        width:100%;
    }
    #columnaFormI{
        float:none;
        width:100%;
    }
    #columnaFormD{
        float:none;
        width:100%;
    }
    #columnaCasos{
        float:left;
        width:50%;
    }
    #columnaFooterI{
        float: none;
        width: 100%;
    }
    #columnaFooterD {
        float: none;
        width: 100%;
    }
}
@media only screen and (max-width:500px) {
    #imagen, #botones, #casos{
        width:100%;
    }
    #header, #smartcitycenter, #nuevageneracion, #form, #footer{
        width:80%;
    }
    #divImagen{
        height:200px;
    }
    #divMenu{
        left:0;
        width:80%;
    }
    #foto{
        margin-left:0;
        width:100%;
        height:200px;
    }
    #divLogo{
        top:80px;
    }
    #logo{
        width:300px;
    }
    #columnaBotones{
        float:none;
        width:100%;
    }
    #columnaSmartI{
        float:none;
        width:100%;
    }
    #columnaSmartD{
        float:none;
        width:100%;
    }
    #columnaFormI{
        float:none;
        width:100%;
    }
    #columnaFormD{
        float:none;
        width:100%;
    }
    #columnaCasos{
        float:none;
        width:100%;
    }
    #columnaFooterI{
        float: none;
        width: 100%;
    }
    #columnaFooterD {
        float: none;
        width: 100%;
    }
}