::selection {
    background: red;
    color: white;
}
::-moz-selection {
    background: red;
    color: white;
}
root {
    display: block;
}
body {
    font-family: 'Titillium Web', sans-serif;
    text-align: center;
    font-size: 19px;
}
a:link {
    color: #19B5FE;
}
a:visited {
    color: #19B5FE;
}
/*NETTE CSS*/
a[href^="#error:"] {
    background: red;
    color: white;
}
#ajax-spinner {
    margin: 15px 0 0 15px;
    padding: 13px;
    background: white url('../images/spinner.gif') no-repeat 50% 50%;
    font-size: 0;
    z-index: 123456;
    display: none;
}

div.flash {
    color: black;
    background: #FFF9D7;
    border: 1px solid #E2C822;
    padding: 1em;
    position: absolute;
    width: 100%;
}
form th, form td {
    vertical-align: top;
    font-weight: normal;
}

form th {
    text-align: right;
}

form .required label {
    font-weight: bold;
}

form .error {
    color: #D00;
    font-weight: bold;
}

html.js .jshidden {
    display: none;
}
/* END NETTE CSS*/

.kontakt_uvod {
    width: 50%;
    max-width: 600px;
    margin: 0 auto;
}
a.btn {
    color: white;
}
.kontakt_uvod a.btn {
    color: white;
    font-size: 20px;
    /*
      margin-top: 2vw;
    */
    margin-bottom: 5px;
    font-weight: bold;
    opacity: 0.9;
}
.kontakt_uvod a.btn:hover {
    opacity: 1;
}
.kontakt_uvod:hover .kontakt_uvod_tabulka {
    display: block;
}
.kontakt_uvod_tabulka {
    font-family: 'Titillium Web', sans-serif;
    background: rgba(236, 240, 241, 0.9);
    max-width: 600px;
    margin: 0 auto;
    padding: 1vw;
    font-size: 18px;
    display: none;
    box-shadow: 0 5px 10px grey;
    border-radius: 5px;
}
.zvyraznovac {
    color: #e74c3c;
}
h2 {
    font-size: 3vw;
    text-decoration: underline;
    margin-bottom: 2vw;
}
h3 {
    font-size: 2vw;
    padding: 1vw;
	font-weight: bold;
}
li {
    list-style-type: none;
}
b {
    font-weight: bold;
}
#nabidka_vozu,
#povinne_ruceni,
#pojisteni{
    padding-top: 75px;
    padding-bottom: 75px;
}

#uvod {
    background-image: url('../img/road_b.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    font-family: 'Poiret One', cursive;
}
section img {
    width: 100%;
    height: auto;
}
.napisy_uvod{
    margin-top: 2vw;
}
.logo_napis{
    font-size: 10vw;
    color: white;
    font-weight: bold;
    padding: 0;
    margin: 0;

}
.logo_napis_second {
    font-size: 2vw;
    color: rgb(213, 213, 215);
    width: 30%;
    position: relative;
    left: 53%;
    text-align: left;
}
.logo {
    position: absolute;
    max-width: 150px;
    left: 20px;
    top: 25px;
    opacity: 0.15;
}
.logo_top {
    position: fixed;
    max-width: 150px;
    left: 20px;
    top: 12px;
    opacity: 0.5;
    z-index: 200;
}
#horni_lista {
    width: 100%;
    z-index: 100;
}

#menu {
    float: right;
}
#menu ul li {
    float: left;
    list-style: none;
    font-size: 35px;
}
#menu a {
    padding: 1.5vw;
    padding-top: 0;
}
#menu a:hover {
    color: whitesmoke;
    text-decoration: none;
}
.horni_lista_default{
    padding-top: 20px;
    padding-bottom: 20px;
    background: rgba(255,255,255,0.05);
}
.horni_lista_default a:hover {
    /*border-bottom: 1px solid white;*/
}
.horni_lista_default a:active{
    text-decoration: none;
}
.horni_lista_top {
    position: fixed;
    top: 0;
    padding-top: 15px;
    padding-bottom: 15px;

    background: rgb(38,55,127);
    background: -moz-linear-gradient(top,  rgba(38,55,127,1) 0%, rgba(54,79,152,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(38,55,127,1)), color-stop(100%,rgba(54,79,152,1)));
    background: -webkit-linear-gradient(top,  rgba(38,55,127,1) 0%,rgba(54,79,152,1) 100%); 
    background: -o-linear-gradient(top,  rgba(38,55,127,1) 0%,rgba(54,79,152,1) 100%); 
    background: -ms-linear-gradient(top,  rgba(38,55,127,1) 0%,rgba(54,79,152,1) 100%); 
    background: linear-gradient(to bottom,  rgba(38,55,127,1) 0%,rgba(54,79,152,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26377f', endColorstr='#364f98',GradientType=0 ); 

    /*
    min-height: 2vw;
    background: #556f9b;
    border-bottom: 1px solid white;
    */
}
.horni_lista_top a {
    color: #19B5FE;
}
.horni_lista_top a:active{
    text-decoration: none;
}
.horni_lista_top a:hover {
    /*
      border-bottom: 1px solid white;
    */
}
#horni_lista:after {
    content: '';
    display: block;
    clear: both;
}
.horni_lista_top #menu ul li {
    float: left;
    list-style: none;
    font-size: 25px;
}
#nabidka_vozu {
    background: white;
}
#nabidka_vozu h2 {
    color: #333333;
}
#nabidka_vozu a.btn-default {
    color: #333333;
}
.auto {
    min-width: 135px;
    max-width: 640px;
}
.auto a {
    text-decoration: none;
}
.auto p {
    padding: 0;
    margin: 0;
}
.stitek_auto {
    position: relative;
    top: -90px;
    text-align: right;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    background-color: rgba(65, 131, 215, 0.7);
    transition: all 0.3s;
}
.auto:hover .stitek_auto {
    opacity: 0;
}
.nazev_auta {
    font-size: 15px;
}
.cena {
    color: whitesmoke;
    font-weight: bold;
    font-size: 20px;
    height: 28px;
}
.box_upoutavka {
    padding-top: 4vw;
    padding-bottom: 4vw;
    font-size: 25px;
    color: #333333;
    margin: 0 auto;
    text-align: center;
}
#vlajka {
    width: 130px;
    float: left;
    margin-right: 20px;
    margin-top: 0px;
}
.table {
    font-size: 20px;
    width: 100%;
    margin: 0 auto;
}
.tabulka {
    background: rgba(236, 240, 241, 0.1);
    margin-top: 4vw;
    margin-bottom: 4vw;
    color: grey;
}
.tabulka h3{
    text-align: left;
    font-size: 26px;
    color: white;
    font-weight: bold;
    background-color: #3B4F83;
}
.info_tabulka {
    margin-top: 1vw;
    font-size: 15px;
    color: white;
}
#povinne_ruceni {
    background: #141f61;
    /* Old browsers */
    background: -moz-linear-gradient(top, #141f61 1%, #8bb2cb 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #141f61), color-stop(100%, #8bb2cb));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #141f61 1%, #8bb2cb 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #141f61 1%, #8bb2cb 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #141f61 1%, #8bb2cb 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #141f61 1%, #8bb2cb 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#141f61', endColorstr='#8bb2cb', GradientType=0);
    /* IE6-9 */
    color: white;
}
.img_kulaty {
    width: 200px;
    margin-bottom: 2vw;
}
#povinne_ruceni table {
    color: whitesmoke;
}
.havarie_sos {
    font-weight: bold;
    margin-bottom: 4vw;
}
.sos_second {
    font-size: 20px;
}
#povinne_ruceni .zvyraznovac {
    background-color: #e74c3c;
    color: white;
}
#povinne_ruceni .glyphicon {
    font-size: 50px;
    color: whitesmoke;
}
.tucne {
    font-weight: bold;
}
.retro {
    text-align: left;
    color: grey;
    padding-top: 4vw;
    padding-bottom: 4vw;
    width: 75%;
    margin: 0 auto;
}
.retro li {
    list-style-type: disc;
}
#vice_info_retro {
    color: #333333;
    padding: 3vw;
}
#vice_info_retro a.btn {
    color: #333333;
}
#kontakty {
    padding-top: 75px;
    background: #556f9b;
    /* Old browsers */
    background: -moz-linear-gradient(top, #556f9b 1%, #8bb2cb 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #556f9b), color-stop(100%, #8bb2cb));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #556f9b 1%, #8bb2cb 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #556f9b 1%, #8bb2cb 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #556f9b 1%, #8bb2cb 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #556f9b 1%, #8bb2cb 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#556f9b', endColorstr='#8bb2cb', GradientType=0);
    /* IE6-9 */
    color: white;
    text-align: left;
    font-size: 15px;
}
#kontakty .page-header{
    color: #DDD;
    font-size: 20px;
    font-weight: bold;
}
.kontakt{
    padding-bottom: 1vw;
}
.kontakt a {
    color: white;
    text-decoration: underline;
}
#mapa {
    width: 100%;
    height: 600px;
    margin: 0 auto;
}
#js {
    position: absolute;
    bottom: 10px;
    background: red;
    color: white;
}
a.active {
    color: white;
    text-decoration: none;
}
.slider_uvod {
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    margin-top: 50px;
    position: absolute;
    width: 100%;
    bottom: 0;
}
.slider_uvod h3 {
    font-size: 25px;
}
.item_slider {
    background-color: rgba(255, 255, 255, 0.25);
}
.slider_container {
    width: 700px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 15px;
    margin-bottom: 20px;
    text-align: left;
}
.slider_container h3{
    padding: 0;
}
.slider_container img{
    width: 100%;
    max-width: 200px;
    height: auto;   
}
.slider_obrazek:after {
    content: '';
    display: block;
    clear: both;
}
.slider_text {
    padding-left: 50px;
}
.odkaz_administrace{
    position: fixed;
    top: 45%;
    left: 0;
    background-color: red;
    padding: 10px;
    font-size: 10px;
    color: white;
    z-index: 1000;
    transition: all 0.25s;
}
.odkaz_administrace:hover{
    font-size: 20px;
    padding: 15px;
}
.odkaz_administrace:visited{
    color: white;
}
.odkaz_administrace:active{
    color: white;
}
.alert{
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 1000;
}
/*
-------------------------------------------
MEDIA QUERIES
-------------------------------------------

@media only screen and (min-width: 480px) {

}
@media only screen and (min-width: 768px) {

}
@media only screen and (min-width: 960px) {

}
*/
/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
    #menu ul li {
	font-size: 20px;
    }

	h2 {
		font-size: 35px;
	}
	h3 {
		font-size: 25px;
	}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    #mail_kontakt a {
	font-size: 20px;
    }
    #menu ul li {
	font-size: 30px;
    }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

    .kontakt_uvod:hover .kontakt_uvod_tabulka {
	display: none;
    }
    .horni_lista_top {
	position: static;
	min-height: 100px;
	background: none;
	/* Old browsers */
	box-shadow: none;
    }
    .logo{
	display: none;
    }
    .logo_top {
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 250px;
    }

}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .slider_container {
	width: 75%;
    }
    .slider_container img{
	display: none;
    }
    .stitek_auto {
	position: static;
    }
    .auto:hover .stitek_auto {
	opacity: 1;
    }
    .nazev_auta {
	font-size: 15px;
    }
    .cena {
	color: whitesmoke;
	font-weight: bold;
	font-size: 20px;
	height: 28px;
    }
	h2 {
		font-size: 35px;
	}
	h3 {
		font-size: 25px;
	}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    .logo_napis_second {
	font-size: 15px;
	width: 100%;
	position: static;
	text-align: center;
    }
    .slider_container {
	width: 90%;
    }
    .slider_container img{
	display: none;
    }
    .carousel-indicators{
	display: none;
    }
    .stitek_auto {
	position: static;
    }
    .auto:hover .stitek_auto {
	opacity: 1;
    }
    .nazev_auta {
	font-size: 12px;
    }
    .cena {
	color: whitesmoke;
	font-weight: bold;
	font-size: 15px;
	height: 21px;
    }
    h2 {
	font-size: 35px;
    }
    h3 {
	font-size: 25px;
	padding: 1vw;
    }
    #menu {
	float: none;
    }
    #menu ul li {
	list-style: none;
	font-size: 25px;
	float: none;
    }
    body {
	font-size: 15px;
    }
    .table {
	font-size: 10px;
	width: 100%;
	margin: 0 auto;
    }
    .tabulka {
	font-size: 10px;
    }
    #nabidka_vozu a.btn {
	margin-top: 10px;
    }
    .box_upoutavka {
	font-size: 15px;
    }
    .kontakt_uvod:hover .kontakt_uvod_tabulka {
	display: none;
    }
    .kontakt_uvod a.btn {
	font-size: 12px;
    }
    a.btn {
	font-size: 12px;
    }
    .sos_second {
	font-size: 10px;
    }
    .logo{
	display: none;
    }
}