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

body{
    font-family:"Myriad Pro Regular";
    margin:0;
    background-color:#fff;
}
a{
    text-decoration:none;
}
p{
    margin:0;
}
#divTextoFin {
    background-color: #000;
    padding: 25px 0 25px 0;
    width: 100%;
    text-align: center;
    color: #878787;
    font-size: 13px;
}
#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;
}
.textbox{
    background-color:#fff;
    border-width:0;
    font-family:Myriad Pro Light, Arial, Verdana;
    border-width:0;
    padding:10px;
    font-size:20px;
    color:#000;
}
#header{
    margin:0 auto 0 auto;
    display:table;
}
#header_txt{
	float:right;
	text-align:right;
}


@media only screen and (min-width:996px){
    #header, #bloque1, #bloque2, #bloque3, #bloque4, #bloque5{
        width:996px;
    }
	#header_txt{
		display:block;
	}
    #divMenu{
        left:50%;
        width:420px;
    }
    #logo{
        width:206px;
    }
    #titulo{
        font-size:36px;
    }
    #subtitulo{
        font-size:26px;
    }
    #bloque2A{
        font-size:30px;
        padding:200px 0 0 50%;
        width:50%;
    }
    #bloque3A{
        float:left;
        width:50%;
    }
    #bloque3B{
        margin-top:0;
        float:right;
        width:50%;
    }
    #bloque3A_titulo{
        font-size:27px;
    }
    #bloque3A_img{
        width:464px;
    }
    .textbox{
        width:90%;
    }
    #bloque5A{
        float:left;
        width:49%;
    }
    #bloque5B{
        float:right;
        width:49%;
    }
    #map_canvas{
        margin:0 auto 0 auto;
        width:478px;
        height:228px;
    }
    #bloque5A_img{
        width:478px;
        height:228px;
    }
}
@media only screen and (max-width:996px) {
    #header, #bloque1, #bloque2, #bloque3, #bloque4, #bloque5{
        width:100%;
    }
	#header_txt{
		display:block;
	}
    #divMenu{
        left:0;
        right:75px;
    }
    #logo{
        width:175px;
    }
    #titulo{
        font-size:34px;
    }
    #subtitulo{
        font-size:20px;
    }
    #bloque2A{
        font-size:30px;
        padding:200px 0 0 0;
        width:100%;
    }
    #bloque3A{
        float:none;
        width:100%;
    }
    #bloque3B{
        margin-top:40px;
        float:none;
        width:100%;
    }
    #bloque3A_titulo{
        font-size:24px;
    }
    #bloque3A_img{
        width:90%;
    }
    .textbox{
        width:80%;
    }
    #bloque5A{
        float:none;
        width:100%;
    }
    #bloque5B{
        float:none;
        width:100%;
    }
    #map_canvas{
        margin:40px auto 0 auto;
        width:80%;
        height:228px;
    }
    #bloque5A_img{
        width:80%;
    }
}
@media only screen and (max-width:500px) {
    #header, #bloque1, #bloque2, #bloque3, #bloque4, #bloque5{
        width:100%;
    }
	#header_txt{
		display:none;
	}	
    #divMenu{
        left:0;
        right:75px;
    }
    #logo{
        width:150px;
    }
    #titulo{
        font-size:32px;
    }
    #subtitulo{
        font-size:13px;
    }
    #bloque2A{
        font-size:26px;
        padding:200px 0 0 0;
        width:100%;
    }
    #bloque3A{
        float:none;
        width:100%;
    }
    #bloque3B{
        margin-top:40px;
        float:none;
        width:100%;
    }
    #bloque3A_titulo{
        font-size:21px;
    }
    #bloque3A_img{
        width:90%;
    }
    .textbox{
        width:70%;
    }
    #bloque5A{
        float:none;
        width:100%;
    }
    #bloque5B{
        float:none;
        width:100%;
    }
    #map_canvas{
        margin:40px auto 0 auto;
        width:80%;
        height:228px;
    }
    #bloque5A_img{
        width:80%;
    }
}