/* CSS Document */

body{
text-align: center;
background-image: url('./img/background.jpg');
background-repeat: repeat-y;
background-position: center;
background-color: #1d1d1d;
behavior: url("./csshover.htc");
}

a, a.visited, a.active,a.link {
text-decoration: none;
}

#page{
margin: 0 auto 0 auto;
width: 820px;
text-align: left;
margin-top: 10px;
}

/* begin of header*/



#header{
width: 820px;
height: 151px;
background-image: url('./img/header.jpg');
}



#czech{
width: 40px;
height: 33px;
background-image: url('./img/flags/czech.png');
background-position: right;
display: block;
}

#czech:hover{
width: 40px;
height: 33px;
background-image: url('./img/flags/czech.png');
background-position: left;
display: block;
}

#german{
height: 27px;
width: 40px;
background-image: url('./img/flags/german.png');
background-position: right;
display: block;
}

#german:hover{
height: 27px;
width: 40px;
background-image: url('./img/flags/german.png');
background-position: left;
display: block;
}

#english{
width: 40px;
height: 33px;
background-image: url('./img/flags/english.png');
background-position: right;
display: block;
}

#english:hover{
width: 40px;
height: 33px;
background-image: url('./img/flags/english.png');
background-position: left;
display: block;
}


#flags{
float: right;
width: 40px;
height: 93px;
position: relative;
top: 40px;
left: 40px;
}

#logged{
color: red;
font-size: 10pt;
}

#info{
color: #a3a3a3;
float: right;
font-family: arial;
font-size: 9pt;
position: relative;
top: 12px;
left: 10px;
}

#chyba{
color: white;
background: red;
padding: 3px;
font-size: 8pt;
}


/* chybova hlaska */


head:first-child+body .chybaHeader{
background-image: url('./img/chybaHeader.png');
}

.chybaHeader{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
  (src='./img/chybaHeader.png',sizingMethod='scale');
font-size: 1pt;
height: 13px;
width: 550px;
}

.chybaBody{
background-image: url('./img/chybaBody.png');
background-repeat: y-repeat;
width: 550px;
}

.chyba{
font-size: 10pt;
padding: 10px 20px 10px 10px;
}

.imgChyba{
float: left;
margin-right: 10px;
position: relative;
bottom: 7px;
}

head:first-child+body .chybaFooter{
background-image: url('./img/chybaFooter.png');
}

.chybaFooter{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
  (src='./img/chybaFooter.png',sizingMethod='scale');
font-size: 1pt;
height: 21px;
width: 550px;
}

#prouzek{ /* prouzek s kouskem loga a menu*/
width: 820px;
height: 43px;
background: white;
text-align: left;
}

#logobottom{
background-image: url('./img/logobottom.jpg');
width: 222px;
height: 43px;
float: left;
}

#menubegin{
width: 12px;
height: 43px;
background-image: url('./img/menubegin.jpg');
float: left;
}

#menu{
height: 43px;
width: 575px;
background-repeat: repeat-x;
float: left;
background-image: url('./img/menubackground.jpg');
}

#activebutton{
color: white;
float: left;
padding-left: 28px;
padding-right: 28px;
height: 43px;
background-image: url('./img/menubackgrounddown.jpg');
background-position: center;
}

a.menubutton{
color: white;
float: left;
padding-left: 28px;
padding-right: 28px;
height: 43px;
background-image: url('./img/menubackground.jpg');
display: block;
}

.menubutton:hover{
color: white;
float: left;
padding-left: 28px;
padding-right: 28px;
height: 43px;
background-image: url('./img/menubackgrounddown.jpg');
background-position: center;
display:block;
}

.item{
color: white;
font-family: Arial;
position: relative;
top: 10px;
font-size: 12pt;
}


/* end of header*/


/* begin of stripe*/
#redphoto{
background-image: url('./img/redphoto.jpg');
width: 820px;
height: 196px;
}

#novinky{
position: relative;
left: 20px;
top: 25px;
width: 190px;
height: 150px;
color: white;
font-family: arial;
font-weight: bold;
font-size: 13px;
text-align: center;
}

#novinkyNadpis{
color: white;
font-family: arial;
font-weight: bold;
font-size: 15px;
}

/* end of stripe*/


#inside{
width: 820px;
background: white;
}


#content{
background-image: url('./img/contentbackground.jpg');
background-repeat: repeat-x;
width: 587px;
height: auto;
float: left;
}

.text{
padding: 20px;
position: relative;
bottom: 35px;
font-size: 13pt;
font-family: arial;
text-align: justify;
}

p{
text-indent: 1em;
}

head:first-child+body .clearfix{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix{
zoom: 1;
}

/* begin of column*/
#column{
background-image: url('./img/column.jpg');
width: 222px;
height: 281px;
float: left;
}

#columnLogged{
background-image: url('./img/columnLogged.jpg');
width: 222px;
height: 281px;
float: left;
}

#login{
position: relative;
left: 10px;
top: 10px;
width: 210px;
height: auto;
text-align: center;
font-family: arial;
}

#loginNadpis{
color: white;
font-size: 11pt;
}

#logintab{
margin-left: auto;
margin-right: auto;
}


#userMenu{
width: 170px;
margin-left: auto;
margin-right: auto;
padding: 5px;
position: relative;
top: 40px;
left: 5px;
text-align: center;
font-family: arial;
}

#userMenu a{
color: #1d1d1d;
font-size: 12pt;
font-family: arial;
}

#userMenu a:hover{
color: red;
}

#userMenu span{
color: red;
font-size: 12pt;
font-family: arial;
}
/* end of column*/

#footer{
background-image: url('./img/footer.jpg');
width: 820px;
height: 24px;
text-align: center;
font-size: 10pt;
}

#copyright{
float: right;
position:relative;
right: 25px;
color: white;
font-family: arial;
font-size: 10pt;
}

.letter{
color: red;
}

h1{
color: red;
font-family: arial;
font-size: 13pt;
}



.table{
margin-left: auto;
margin-right: auto;
text-align: left;
}



th{
text-align: center;
font-weight: bold;
font-size: 10pt;
}

.roweven{
background: rgb(224,224,224);
text-align: center;
}

.roweven:hover{
background: #dd2122;
color: white;
text-align: center;
}

.rowodd{
background: rgb(208,208,208);
text-align: center;
}

.rowodd:hover{
background: #dd2122;
color: white;
text-align: center;
}

.carImage{
border: 1px solid white;
}

.smallButton{
background: url('./img/smallButton.jpg');
width: 91px;
height: 30px;
border: none;
cursor: pointer;
}

.smallButton:hover{
background: url('./img/smallButton.jpg');
background-position: bottom;
width: 91px;
height: 30px;
border: none;
cursor: pointer;
color: white;
}

#calc{
float: left;
margin-right: 40px;
}

.clear{
clear: both;
}

#cenaDopravy{
font-size: 14pt;
color: red;
position: relative;
left: 20px;
}

a.contenthref{
color: white;
}

a.contenthref:hover{
color: red;
}

a.bigbuttonDirekt{
background-image: url('./img/button-direkt.jpg');
background-position: top;
Display: block;
vertical-align: middle;
width: 245px;
height: 110px;
color: black;
text-align: center;
font-size: 11pt;
}

a.bigbuttonDirekt:hover{
background-image: url('./img/button-direkt.jpg');
background-position: bottom;
display: block;
width: 245px;
height: 110px;
color: black;
text-align: center;
color: white;
font-size: 11pt;
}

a.bigbuttonNovinka{
background-image: url('./img/button-new.jpg');
background-position: top;
display: block;
width: 245px;
height: 110px;
color: black;
text-align: center;
font-size: 11pt;
}

a.bigbuttonNovinka:hover{
background-image: url('./img/button-new.jpg');
background-position: bottom;
display: block;
width: 245px;
height: 110px;
color: black;
text-align: center;
color: white;
font-size: 11pt;
}

a.bigbutton{
background-image: url('./img/button.jpg');
background-position: top;
display: block;
width: 245px;
height: 110px;
color: black;
text-align: center;
font-size: 11pt;

}

a.bigbutton:hover{
background-image: url('./img/button.jpg');
background-position: bottom;
display: block;
width: 245px;
height: 110px;
color: white;
text-align: center;
font-size: 11pt;

}


.buttonHref{
position: relative;
top: 30px;
}

.cenikhref{
float: right;
color: red;
position: relative;
top: 15px;
}

.cenikhref:hover{
float: right;
color: #dd2122 ;
}

a.href{
color: #dd2122;
}

a.href:hover{
color: #dd5a5b;
}

.small-letters{
font-size: 9pt;
}


.photograph{
border: 1px solid grey;
float: right;
margin-left: 20px;
}



/* frame */

.frame{
margin-bottom: 20px;
width: 548px;
}

.frame-header{
width: 548px;
height: 14px;
background-image: url('./img/frame-header.jpg');
background-repeat: no-repeat;
font-size: 0px;
}

.frame-content{
padding: 15px;
background: #dfdfdf;
}

.frame-footer{
width: 548px;
height: 14px;
background-image: url('./img/frame-footer.jpg');
background-repeat: no-repeat;
font-size: 0px;
}

.fold{
height: 36px;
width: 232px;
background-image: url('./img/fold.jpg');
font-size: 14pt;
text-align: center;
color: white;
}

.fold-nadpis{
position: relative;
top: 5px;
}

.auto{
position: relative;
left: 30px;
}
/* konec frame */


/* Registrace */

#submit{
border: 1px solid grey;
background: #e4e3e4;
}
/* Konec registrace */

/* Kontaktni udaje */
#at{
position: relative;
top: 3px;
}

#kontaktni-udaje{
margin-left: 50px;
}

/* Konec Kontaktni udaje */

/* Objednavky */
#objednavka {
text-align: center;
width: 100%;
}

.small{
font-size: 8pt;
color: black;
font-weight: normal;
}

.rozmery{
position: relative;
left: 60px;
}

/* Konec Objednavky */


/* Napoveda */
.napoveda{
position: relative;
background-color:#ccc;
color: #000;
text-decoration:none
}

a.napoveda:hover{
color: white;
background: red;
}

a.napoveda span{display: none}

a.napoveda:hover span{ /*span se zobrazi pouze pri udalosti "hover*/
display: block;
position: absolute;
top:2em;
left: 1em; 
width:15em;
border-left: 1px solid black;
border-top: 1px solid black;
border-right: 3px solid black;
border-bottom: 3px solid black;
background-color: #f8f8f8;
color: black;
text-align: left;
padding: 5px;
z-index: 10;
}

/* Profil a objednavka*/

#objednavka #typPrepravy{
margin-left: auto;
margin-right: auto;
position: relative;
right: 60px;
width: 300px;
}

#objednavka #typPrepravy #praha{
float: left;
text-align: left;
}

#objednavka #typPrepravy #cr{
float: right;
}

#objednavka #typPrepravy td{
text-align: left;
}


#objednavka h2{
font-size: 13pt;
color: red;
}


#objednavka, #profil{
text-align: center;
}

#objednavka table, #profil table{
margin-left: auto;
margin-right: auto;
}

#objednavka th, #profil th{
font-size: 13pt;
color: red;
}

#objednavka td, #profil td{
text-align: right;
font-size: 10pt;
}

#objednavka input{
font-size: 11pt;
}


#objednavka hr{
border: 1px dotted lightgrey;
height: 1px;
}

hr{
border: 1px solid lightgrey;
height: 1px;
}