@import url('https://fonts.googleapis.com/css?family=Open+Sans&subset=latin-ext');

html { background: url(../images/bg1.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

/*
* { margin: 0; padding: 0; }
body { background-color: transparent !important; }

ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333; }

li { float: left; border-right: 1px solid #bbb; }

    li:last-child { border-right: none; }

    li a, .dropbtn { display: inline-block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; font-family: 'Open Sans',sans-serif; }

        li a:hover, .dropdown:hover .dropbtn { background-color: red; }

    li.dropdown { display: inline-block; }

.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); transition: ease-out 2s; }

    .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; }

        .dropdown-content a:hover { background-color: #f1f1f1; }

.dropdown:hover .dropdown-content { display: block; }

.active { background-color: #4CAF50; }

.content { width: 100%; margin: 0px 0%; }

#mainContent { margin-top: 15%; background-color: #fff; width: 100%; height: 10%; }*/


/* Bootstrap*/

body { background-color: transparent !important; }

li { border-right: 1px solid #bbb; }

    li:last-child { border-right: none; }

.navbar-inverse { border-radius: 0px !important; }

    .navbar-inverse .navbar-nav > .active > a { background-image: linear-gradient(to bottom,#4CAF50 0,#0f0f0f 100%) !important; }

.label { padding: 0 !important; }

input[type=text] { height: 40px; }

.top-buffer { margin-top: 25px; }
/* Bootstrap*/

.trafikButton { width: 285px; height: 400px; margin: 15% 5%; background-color: rgba(220,220,240,0.5); border: solid 5px #3496E2; border-radius: 15px; display: inline-block; background-image: url(../images/trafik.png); cursor: pointer; }

    .trafikButton:hover { background-color: #CEB590; }

    .trafikButton a { width: 100%; height: 100%; display: inline-block; }

.kaskoButton { width: 285px; height: 400px; margin: 15% 5%; background-color: rgba(220,220,240,0.5); border: solid 5px #FF0000; border-radius: 15px; display: inline-block; background-image: url(../images/kasko.png); }

    .kaskoButton:hover { background-color: #CEB590; }

    .kaskoButton a { width: 100%; height: 100%; display: inline-block; }

.saglikButton { width: 285px; height: 400px; margin: 15% 5%; background-color: rgba(220,220,240,0.5); border: solid 5px #4CAF50; border-radius: 15px; display: inline-block; background-image: url(../images/saglik.png); }

    .saglikButton:hover { background-color: #CEB590; }

    .saglikButton a { width: 100%; height: 100%; display: inline-block; }

/*input { width: 300px; border: 0; height: 50px; padding-left:5px; margin-top:5px; font-size: large; margin: 10px 2px 3px 5px; }

    input[type=text] { padding-left: 10px; width: 300px; margin-left: 0 28%; }

    input[type=submit] { font-size: 25px; }*/

#trafikContent { margin-top: 15%; margin-left: 37.7%; }