/* www.lampar.cz - CSS - autor:GreatSun - www.telecom.cz/greatsun/ */
html {margin:0; padding:0; text-align:center;}
body {
font-size:0.7em;
letter-spacing: 0.1em;
font-family: sans-serif;
text-align: center;
background:#bebebe;
color:#666666;
overflow:hidden;
margin:0;
padding:4% 0 0 0;
}

div.zaklad {
width:730px;
margin:auto;
position:relative;
text-align:left;
}

/*JAZYKY*/
p#jazyky {
position:relative;
width:63px;
height:13px;
left:649px;
margin:0;
}
a.lang_cz, a.lang_en, a.lang_fr {
float:left;
width:21px;
height:13px;
margin:0;
text-decoration:none;
}
a.lang_cz {background:url('obrazky/vlajky.gif') left top no-repeat;}
a.lang_en {background:url('obrazky/vlajky.gif') center top no-repeat;}
a.lang_fr {background:url('obrazky/vlajky.gif') right top no-repeat;}
a.lang_cz:hover {background:url('obrazky/vlajky-hover.gif') left top no-repeat;}
a.lang_en:hover {background:url('obrazky/vlajky-hover.gif') center top no-repeat;}
a.lang_fr:hover {background:url('obrazky/vlajky-hover.gif') right top no-repeat;}
a.lang_cz b, a.lang_en b, a.lang_fr b {visibility:hidden;}

/*HLAVA*/
h1 {
font-family: 'Courier New', courier, monospace;
width:730px;
height:50px;
font-weight:normal;
font-size:190%;
text-align:left;
background:#ffffff url('obrazky/logo.gif') right center no-repeat;
color:#cb553c;
margin:6px 0;
vertical-align:bottom;
}
h1 a {
display:block;
position:relative;
top:4px;
left:20px;
width:auto;
height:50px;
color:#cb553c;
text-decoration:none;
white-space:pre;
line-height:50px;
font-weight: normal;
font-size:170%;
text-transform:uppercase;
}

h2 {border-bottom:1px solid #cb553c; color:#cb553c; font-weight:normal; font-family: 'Courier New', courier, monospace; font-size:190%; line-height:100%;}


/*UVOD*/
a.pravy, a.levy {
display:block;
width:362px;
height:360px;
font-size:220%;
text-decoration:none;
text-transform: uppercase;
color:#dddddd;
margin:0;
} 
a.levy {
float:left;
text-align:right;
background:#666666 url('obrazky/bg-g.jpg') center no-repeat;}
a.levy:hover {
background:#666666 url('obrazky/bg-g-hover.jpg') center no-repeat;
}
a.pravy {
float:right;
text-align:left;
background:#666666 url('obrazky/bg-a.jpg') center no-repeat;}
a.pravy:hover {
background:#666666 url('obrazky/bg-a-hover.jpg') center no-repeat;}
a.pravy:hover, a.levy:hover {
text-decoration:none;
color:#ffffff;}
a.levy span, a.pravy span {display:block; margin:20px 20px 0px 20px; }

/*MAIN*/

object.video {
display:block;
width:730px;
height:410px;
color:#666666;
float:left;
background:#ffffff;
margin:0;
overflow:auto;
}




div.main {
display:block;
width:730px;
height:360px;
color:#666666;
float:left;
background:#ffffff;
margin:0;
overflow:auto;
}
div.main h2, div.main h3, div.main h4, div.main p, div.main address {
margin:0 20px;
}
div.main h2, div.main h3, div.main h4 {
margin-top:20px;
}
div.main p, div.main address  {
margin:3px 20px;
}
div.main h2 {margin-bottom:0px;}
div.main h3 {font-size:140%; font-weight:normal;}
div.main strong {padding:0; margin:0; font-weight:bold;}

div.main ul {
margin:0;
list-style-image:url('obrazky/li.gif');
}
div.main ul li{
margin:4px auto;
}

address {font-style:normal;}
a.galerie {
background:#ffffff;
float:left;
clear:both;
width:150px;
height:100px;
border:1px dotted #cb553c;
padding:0;
margin:50px 20px 0 20px;
}
a.galerie img {
border:none;
}

/*MENU*/
ul.menu {
display:block;
float:left;
width:730px;
height:50px;
color:#cb553c;
background:#ffffff;
list-style-type:none;
margin:6px 0;
padding:0;
}
ul.menu li {
display:block;
float:left;
}
ul.menu li a {
display:block;
float:left;
color:#cb553c;
text-decoration:none;
text-transform: uppercase;
padding:5px 20px 0 0;
margin:15px 0 0 25px;
}
ul.menu li a:hover {
color:#666666;
}
ul.menu li a.uvod:hover {background:url('obrazky/menu-uvod.gif') right bottom no-repeat;}
ul.menu li a.aktu:hover {background:url('obrazky/menu-aktu.gif') right bottom no-repeat;}
ul.menu li a.arch:hover {background:url('obrazky/menu-arch.gif') right bottom no-repeat;}
ul.menu li a.graf:hover {background:url('obrazky/menu-graf.gif') right bottom no-repeat;}
ul.menu li a.kont:hover {background:url('obrazky/menu-kont.gif') right bottom no-repeat;}


ul.menu li a.zpet {padding:5px 0 0 20px; margin:15px 0 0 25px; }
ul.menu li a.zpet:hover {background:url('obrazky/menu-zpet.gif') left bottom no-repeat;}

/*GREATSUN*/
a.webdesign {
display:block;
position:relative;
left:630px;
width:66px;
height:13px;
margin:0;
color:#cb553c;
background: url('obrazky/gs.gif') right center no-repeat;
float:left;
text-align:right;
line-height:13px;
text-decoration:none;
padding-right:15px;
}
a.webdesign:hover {
color:#666666;
background: url('obrazky/gs-hover.gif') right center no-repeat;
}

h2, h3 {
text-align:left; text-transform:uppercase; font-weight:normal;
}

a {
color:#666666;
}
a:hover {
color:#cb553c;
}

img {
border:none;
margin:0;
padding:0;
vertical-align:middle;
}

/*FORMULAR*/
form#form_mail {display:block; float:right; width:auto; font-size:100%; padding:0 10px 0 0;}
form#form_mail * {margin:4px 10px; padding:0; font-family:sans-serif;}
fieldset {border:1px solid #cb553c; margin:0;}
form#form_mail table *{margin:2px;padding:0;}
td.prvni_sloupec {text-align:right;vertical-align:top;}
legend {color:#cb553c;background:#ffffff;font-size:120%;}
input.pisatel, textarea {color:#666666;background:#ffffff;width:250px;border: 1px inset #666666;}
textarea {height:150px;}
input.tlacitko {font:normal 100% sans-serif;width:100px;color:#666666;background:#ffffff;border:1px;border: 1px outset #666666;}
input.aktivni  {font:normal 100% sans-serif;width:100px;color:#cb553c;background:#ffffff;border:1px outset #cb553c;cursor:pointer;}

div#text {
float:left;
width:480px;
height:320px;
margin:20px 0;
text-align:left;
overflow:auto;}

div#text h2 {
margin-top:0;
}

img#fotogalerie {
float:right;
margin:20px 20px 20px 10px;
width:200px;
height:320px;
}

/*FOTOGALERIE*/
iframe#fotoram {
float:right;
width:375px;
height:320px;
border:none;
margin:20px 20px 20px 5px;
}
div#miniatury {
float:left;
width:290px;
height:320px;
margin:20px 0 10px 20px;
line-height:36px;
text-align:left;
overflow:auto;
}

div#miniatury a {text-decoration:none; border:none; margin:0; padding:0; white-space:nowrap;}
div#miniatury a:hover img, div#miniatury a:focus img, div#miniatury a:active img  {opacity:0.6; -moz-opacity:0.6; -khtml-opacity:0.6; filter:alpha(opacity=60 style=0);}
div#miniatury a img {border:none; margin:0 0 4px 0; padding:0; text-decoration:none;}
div#miniatury h2 {margin:0 0 10px 0;}

body#fotka {background:#ffffff; overflow: hidden; margin:0; padding:0px; text-align:right; }
body#fotka img {height:270px; padding:0; margin:0 0 1px 0; }
body#fotka img.panorama {height:auto; width:365px; padding:0; margin:0 0 1px 0; }
body#fotka p { padding:0; margin:0;}