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

@font-face {
    font-family: 'book';
    src: url('fonts/book.eot');
    src: url('fonts/book.eot?#iefix') format('embedded-opentype'),
         url('fonts/book.woff') format('woff'),
         url('fonts/book.ttf') format('truetype'),
         url('fonts/book.svg#book') format('svg');
    font-weight: normal;
    font-style: normal;

}

.book {
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-family: 'book', sans-serif;
	font-size: 13px;
}


html, body{
    margin:0;
    padding:0px;
    width:100%;
    height:100%;
    font-family: book, Arial;
    font-size:100%;
    background-color: #000000;
}

header{
    background-color: black;
    background: url('images/navy_blue.png') repeat;
    min-width: 960px;
    height:80px;
}

header #message{
    height:0px;
    width:100%;
    text-align: center;
    color: black;
    background: url('images/top.png') repeat;
}

header #logo_wrapper{
    height:80px;
    width:327px;
    margin-left:auto;
    margin-right:auto;
}


header #logo{
    height:80px;
    width:327px;
    background-image: url('images/logo.png');
    margin-left:auto;
    margin-right:auto;
}

/******* MENU ******/



#menu li a:visited {
    text-decoration:none;
}

#menu li a:hover {
    /*background-color: white;*/
    color:white;
    text-decoration:none;
    background: #ffa84c; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffa84c 0%, #ce521d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ce521d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffa84c 0%,#ce521d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffa84c 0%,#ce521d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffa84c 0%,#ce521d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffa84c 0%,#ce521d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ce521d',GradientType=0 ); /* IE6-9 */

}

#menu .selected{
    color:white;
    text-decoration:none;
    background: #ffa84c; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffa84c 0%, #ce521d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ce521d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffa84c 0%,#ce521d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffa84c 0%,#ce521d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffa84c 0%,#ce521d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffa84c 0%,#ce521d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ce521d',GradientType=0 ); /* IE6-9 */
}

#menu li a:active {
    text-decoration:none;
}

/******* CONTENT **********/

#content_wrapper{
    width:100%;
    background-color: white;
}


#content_wrapper_image{
    width:100%;
    background-color:white;
    padding-top: 20px;
    background: url('images/pontadolphe.jpg') no-repeat;
    background-position: center top;
    background-color: black;
    margin-left:auto;
    margin-right:auto;
}

#content{
    margin-left:auto;
    margin-right:auto;
    padding:5px;
    padding-bottom: 30px;

}

.text{
    padding-left: 20px;
    color:white;
    background: url('images/65black.png') repeat;
    text-align: justify;
}


#content a{
    color:white;
    text-decoration: underline;
}

#content a:visited{
    color:white;
    text-decoration: underline;
}

#content a:hover{
    color:#ffa84c;
}

#content h1{
    text-align: center;
    padding-bottom: 5px;
    border-bottom: 1px dotted grey;
}

#content p{
    padding: 10px;
}


/*************** FOOTER ************/

#partners{
    width:100%;
    height:50px;
    padding-top: 10px;
}

#partners ul {
    list-style-type: none;
    width:680px;
    padding:0px;
    margin:auto;
    
}
#partners li{
    float:left;
    padding-right: 20px;
    padding-left: 20px;
}


/*********** FOOTER *************/

footer{
    background-color:white;
}
#footerSplit{
    height:10px;
    width:100%;
    text-align: center;
    color: black;
    background: url('images/top.png') repeat;
}

#footerMenu{
    /*background: url('images/random_greys.png') repeat;*/
    background-color: black;
    color:white;
    font-size: 12px;
}

#footerMenu table{
    max-width:auto;
    margin-left:auto;
    margin-right:auto;
}

#footerMenu a{
    color:white;
    text-decoration: none;
}

#footerMenu a:hover{
    color:#ffa84c;
}

#footerMenu a:active{
    color:#ffa84c;
    text-decoration: none;
}


/****** CLASSES ******/
.shadow {
    -moz-box-shadow:    3px 3px 5px 6px #000;
    -webkit-box-shadow: 3px 3px 5px 6px #000;
    box-shadow:         3px 3px 5px 6px #000;
}

.innershadow {
    -moz-box-shadow:    inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow:         inset 0 0 10px #000000;
}

.one-edge-shadow {
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}

/***** Navigation ********/
#navigation{
    position:fixed;
    margin-left: 50px;
    margin-top: 10px;
    padding-top: 5px;
    width:220px;
    padding-left:5px;
    z-index: 1;
    background-color: white;
    border:1px solid black;
    color:white;
    background: url('images/80black.png') repeat;
}

/********* MAPS ******/

.navmap{
   float:left;
   width:100%;
}


#times{
    
}


/******* DEVELOPER TOOLS *******/

#trafficstore table{
    border:1px solid white;
}
#trafficstore table td{
    padding:10px;
}


#apps{
    position:absolute;
    top:10px;
    left:0;
    width:300px;
    height:40px;
}

#apps div{
    float:left;
}




/******* SOCIAL *******/

#social{
    position:absolute;
    top:10px;
    right:0;
    width:140px;
    height:60px;
}

#social div{
    float:left;
}

.facebook a{
    width:  60px;
    height: 60px;
    display: block;
    background-image: url('images/facebook.png');
}

.facebook a:hover {
    background-image: url('images/facebook_hover.png');
}

.twitter a{
    width:  60px;
    height: 60px;
    display: block;
    background-image: url('images/twitter.png');
}

.twitter a:hover {
    background-image: url('images/twitter_hover.png');
}


.appstore a{
    width:  135px;
    height: 40px;
    display: block;
    background-image: url('images/appstore.png');
}

.appstore a:hover {
    background-image: url('images/appstore.png');
}
.playstore a{
    width:  115px;
    height: 40px;
    display: block;
    background-image: url('images/play.png');
}

.playstore a:hover {
    background-image: url('images/play.png');
}

/********* BLOCKS *******/

table{
    width:100%;
}

#slider{
    width:100%;
    margin:10px;
}

#slider-result{
    height:20px;
    width:100%;
    background-color: white;
    text-align: center;
}

.webmap{
    width:100%;
    height:100%;
    
}

/************* DEVELOPER ********/

#developer_menu{
    background-color:  white;
    text-align: center;
}

#developer_menu p {
    text-align: center;
    margin:0;
    padding:5px;
}