/*body{font: icon; text-align: center; color: black; background : #222222; 
margin: 49px 0px 0px 0px;
background-image: url(mainpics/ex6-podklad.jpg); background-position: left top; background-repeat: repeat-x;
}*/

body{letter-spacing: 0pt; font-family:  Arial, Helvetica, Tahoma, sans-serif; text-align: center; color: black; background : #2D2D2D; 
margin: 49px 0px 0px 0px;
background-image: url(mainpics/ex6-podklad.jpg); background-position: left top; background-repeat: repeat-x;
}

a {color: #FFFFFF;}
a:hover {color: #FFFFFF;}
a:visited {color: #FFFFFF;}


/* Hlavni div */
div.main {border: 0px solid green; width: 972px; 
background-image: url(mainpics/main-podklad.jpg); background-position: center top; background-repeat: repeat-y; padding-bottom: 20px; text-align: center;
margin-left:auto; margin-right: auto; display: table;
}



/* Vnitrni ramec */ 
div.inner {border: 0px solid blue; width: 750px;  
padding: 0px; margin-left:auto; margin-right: auto;
vertical-align: top; display: block;
position:relative;
}




/* Menu */
div.menu {width: 125px;
border-top: 1px solid #571b00; border-left: 1px solid #FFC8B0; border-right: 1px solid black;
border-bottom: 0px solid black;
/*background-image: url(mainpics/button-off.jpg); background-position: center top; background-repeat: repeat-y; #BEB4B0*/
margin-bottom: 20px;
padding: 0px;
display: table;
}

div.menucont {width: 125px;  
float: left; 
border: 0px solid green; 
display: table;
text-align: center;
color: #DCDBDA;
font-size: 11px;
}
div.menucont a {color: #FF4E00;}
div.menucont a:hover {color: #FF4E00;}
div.menucont a:visited {color: #FF4E00;}



/* Podmenu */

div.podmenu {display: block; text-align: center; font-size: 12px; font-weight: normal; 
margin-bottom: 1px; background: #BF3A00; vertical-align: center;}
div.podmenu a {display: block; text-decoration: none; padding: 5px;}
div.podmenu a:visited {display: block;text-decoration: none; padding: 5px;}
div.podmenu a:hover {display: block;
text-decoration: underline; background: #FFA780; color: black; padding: 5px; }



/* Design tabulek */
.tabulka {border: 1px solid #BF3A00; border-collapse:collapse; margin-right:auto; margin-left:auto;
}
.radek1 {border: 1px solid #BF3A00;padding: 5px; font-size: 11px; background:#FFE0D2; font-weight: bold;
}
.radek2{border: 1px solid #BF3A00;padding: 5px; font-size: 11px; background:#FF6420; font-weight: normal;
}
.radek3{border: 1px solid #BF3A00;padding: 5px; font-size: 11px; background:#FF7A40; font-weight: normal;
}



/* Iframe menu */
iframe.menu2 {width: 125px; height: 216px; margin:0px;}

/* Iframe novinky */
iframe.novinky {width: 125px; height: 565px;}




/* Obsah stranky - prostredek */
div.content {width: 480px; 

margin-left:7px; margin-right: 7px; margin-bottom: 0px; text-align: left; background: #ff4e00; float: left;
border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid #571b00;
border-bottom: 1px solid #571b00; padding: 0px; 
display:table;
}




/* Nadpisy obsahu */
div.mainpodklad {
width: 480px;
display: table;
text-align: center;
margin: 0px;
padding: 0px;
background: #180701;
background-image: url(mainpics/head-grad.jpg); background-position: left bottom; background-repeat: repeat-x;
}

div.zubatice
{
width: 480px;
display: table;
text-align: center;
margin: 0px;
padding: 0px;
height: 65px;
background-image: url(mainpics/nadpis-head.jpg); background-position: center top; background-repeat: no-repeat;
}

h1 {
color: #FF4E00;
font-size: 1.1em;
margin: 10px;
font-weight: normal;
}

h2 {
color: black;
font-size: 1em;
margin: 20px;
font-weight: bold;
text-align:center;
}

h3 {
color: black;
font-size: 1em;
margin-top: 12px;
margin-bottom: 0px;
margin-left: auto;
margin-right:auto;
font-weight: bold;
text-align:center;
}

h4 {
color: black;
font-size: 1.2em;
margin-top: 12px;
margin-bottom: 0px;
margin-left: auto;
margin-right:auto;
text-align:justify;
}

h5 {
color: black;
font-size: 1em;
margin-top: 12px;
margin-bottom: 0px;
margin-left: auto;
margin-right:auto;
font-weight: bold;
text-align: justify;
}

/* Vodorovna cara */
div.carka {
width: 100%;
height: 2px;
border-bottom: 1px solid #BD3A00;
margin-top: 0px;
margin-bottom: 12px;
}


/* Text pro zobrazeni html kodu */
div.kodetext {
text-align: left;
font-family: monospace;
}

/* Zarovnani na prostredek */
div.naprostred {
text-align: center;
}


/* Vlastni obsah */
.maintext {
width: 440px;
border: 0px solid blue;
text-align: left;
color: black;
font-size: 12px;
margin-left: 20px;
margin-right: 20px;
display: table;
}

.upik {
width: 480px;
border: 0px solid green;
text-align: right;
margin: 0px;
padding: 0px;
height: 67px;
display: block;
overflow: hidden;
}


/* Novinky */
/*div.news {width: 125px; 
display: table-cell;
float: left; 
background: #605a5a;
border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid #ADA9A9;
border-bottom: 1px solid #5C5C5C;
background-image: url(mainpics/hot-podklad.jpg); background-position: center top; background-repeat: repeat-y;
}*/

div.news {width: 125px; 
display: table;
background: #605a5a;
border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid #FFC8B0;
border-bottom: 1px solid #571b00;
background-image: url(mainpics/hot-podklad.jpg); background-position: center top; background-repeat: repeat-y;
position:absolute; top: 0px; left: 623px;
}

div.newscont {width: 125px; 
float: right; 
border: 0px solid green; 
text-align: center;
color: #DCDBDA;
font-size: 11px;
display:table;
}

table.pida{
float: right;
border: 0px;
margin:0px;
padding: 0px;
}


/* Hlavicka */
div.head 
{
border: 0px solid blue; width: 972px;  height: 267px;
padding: 0px;  margin-left:auto; margin-right: auto;
background-image: url(mainpics/front-podklad.jpg); background-position: center bottom; background-repeat: no-repeat;
text-align: center;
}
div.quick {
border: 0px solid green;
width: 480px;
height: 20px;
text-align: center;
margin-left:auto;
margin-right:auto;
position: relative;
top: 45px;
}

/*div.levak {
border: 1px solid blue;
width: 120px;
font-size: 11px;
text-align: center;
margin-left: 47px;
margin-right: 73px;
float: left;
}

div.pravak {
border: 1px solid blue;
width: 120px;
font-size: 11px;
text-align: center;
margin-left: 73px;
margin-right: 47px;
float: left;
}*/

div.levak {
border: 0px solid blue;
width: 120px;
font-size: 11px;
text-align: center;
float: left;
position:relative;
left: 47px;
}

div.pravak {
border: 0px solid blue;
width: 120px;
font-size: 11px;
text-align: center;
float: left;
position:relative;
left: 193px;
}



/* Paticka */
div.foot 
{
border: 0px solid blue; width: 972px; height: 534px; 
padding: 0px; display: table; margin-left:auto; margin-right: auto;
background-image: url(mainpics/foot.jpg); background-position: center top; background-repeat: no-repeat;
text-align: center;
}

div.footext {
border: 0px solid green;
width: 480px;
color: #696562;
font-size: 11px;
text-align: center;
margin-left:auto;
margin-right:auto;
margin-top: 20px;
margin-bottom: -7px;
}
div.footext a {color: #FF4E00;}
div.footext a:hover {color: #FF4E00;}
div.footext a:visited {color: #FF4E00;}

.mirror {
position:relative;
top: 207px;
}





/* Obrazek bez ramecku */
.image {
border: 0px solid;
}



/* Fotogalerie*/
div.framek {
float:left;
width: 107px;
height: 78px;
overflow:hidden;
padding:0px;
background-color: #BF3A00;
cursor: pointer;
display:block;
margin: 0px;
border: 1px solid #FF4E00;
}



/*div.framek a {border: 0px solid black; display:block; width: 108px;height: 79px;}
div.framek a:hover {border: 1px solid white; display:block; width: 108px;height: 79px;}
div.framek a:visited {border: 0px solid black; display:block; width: 108px;height: 79px;}*/


div.obalka2{
border: 0px solid blue;
margin-top: 0px;
margin-bottom: 12px;
display:table;
width: 440px;
text-align:center;
float: none;
vertical-align: top;
}

div.obalka{
border: 0px solid blue;
margin-top: 20px;
margin-bottom: 20px;
display:table;
width: 440px;
text-align:center;
float: none;
vertical-align: top;
}

.foto{
border: 0px solid;
}


/* Reference */
div.refbase {
width: 100%;
border-bottom: 1px solid black;
border-top: 0px solid silver;
display: table;
background: #5A5A5B;
background-image: url(mainpics/reference-grad.jpg); background-position: center top; background-repeat: repeat-x;
margin-bottom: 20px;
padding-bottom: 20px;
}

div.refnadpis {
border-bottom: 2px solid #ff4e00;
width: 460px;
height: 33px;
display: table;
margin-left: 20px;
font-size: 19px;
color: #ff4e00;
margin-top: 10px;
}

div.refcislo {
border-bottom: 0px solid blue;
width: 460px;
height: 20px;
display: table;
margin-right: 20px;
text-align: right;
font-size: 10px;
color: #ff4e00;
margin-top: 10px;
}

div.refcont {
border: 0px solid blue;
width: 440px;
margin-left: auto;
margin-right: auto;
text-align: justify;
margin-top: 16px;
display: table;
}

div.framekref {
float:left;
width: 78px;
height: 107px;
overflow:hidden;
padding:0px;
background-color: white;
cursor: pointer;
display: block;
margin-right: 40px;
margin-bottom: 20px;
border: 1px solid black;
}

div.framekrefend {
float:left;
width: 78px;
height: 107px;
overflow:hidden;
padding:0px;
background-color: white;
cursor: pointer;
display: block;
border: 1px solid silver;
margin-bottom: 20px;
}

/* Bigbuttons tabulka */
table.bigbuttonstab {
width: 100%; border: 0px solid;
height: 106px;
}
td.bigbuttonstab {
width: 129px;
}

td.bigbuttonstabr {
text-align: right;
}

/* Novinky */
div.news1 {
display: table;
width: 480px;
background-image: url(mainpics/novinky-podklad1.jpg); background-position: left top; background-repeat: no-repeat;
border: 0px solid white;
text-align: left;
}

div.news2 {
display: table;
width: 480px;
background-image: url(mainpics/novinky-podklad2.jpg); background-position: left top; background-repeat: no-repeat;
text-align: left;
}

div.newstext {
margin: 17px;
font-size: 0.9em;
vertical-align: middle;
}


/* Upoutavka na cerstve dokoncene auto */
.upoutavka {
border: 0px;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 20px;
margin-top: 0px;
float: left;
height: 80px;
width: 107px;
}