/*------------------------------------------------------------------- GENERAL ---*/
body {
	margin: 0;	padding: 10px 0 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;	
	color: #64655f;
	text-align: center;
	background: #d6d5d5 url(../images/bg-body.jpg) no-repeat top center;
}
a { color: #cc0001;  text-decoration: underline; }
a:hover { color: #000;}
* {margin: 0; padding: 0; border: none }
img {  border: none; }
img.border { border: 1px solid #FFF; margin-bottom: 12px;} 
h1 { font-size: 260%; padding: 0 0 0.5em; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; color: #cc0001; font-weight: normal; }
h2 { font-size: 220%; padding: 0 0 0.5em; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; color: #64655f;font-weight: normal;}
h3 { font-size: 180%; padding: 0 0 0.5em; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; color: #64655f;font-weight: normal; }
h4, h5 { font-size: 100%; padding-bottom: 0.5em; }
h5 {padding-bottom: 0; }
hr { display: none; }
.hr {font-size: 50%; height: 2px;  margin-bottom: 12px; border-bottom: 1px solid #545257; }
p { padding-bottom:1.2em; line-height: 140%; }
iframe {margin-bottom: 1em;}
ul { list-style: none; padding: 0 0 1em 8px;  }
ul ul {padding: 0;margin-top: 7px;}
ol { list-style: decimal; padding: 0 0 1em 22px;  }
li { padding: 0 0 4px 16px; background: url(../images/li.gif) no-repeat 0 2px; }
ol li { padding: 0 0 5px 0px; background: none}
big, .big { font-size: 110%; }
small, .small { font-size: 90%; }
.padding { padding: 15px 15px 5px 15px;}
/*---------------------------------------------------------------------- LAYOUT---*/
#all { width: 990px;margin: 0 auto;text-align: left;}
#header {width: 990px; height: 143px; position: relative;background:#cc0001;}
#content {width: 990px; position: relative; background: #FFF url(../images/bg-content.gif) repeat-y left; }
#left { width: 718px; float: left; min-height: 441px;  background: url(../images/bg-left.png) no-repeat top left; position: relative;}
#left.vizual { background: none;}
#right { width: 272px; float: right;background: url(../images/bg-right.png) no-repeat top left; }
#footer {width: 990px; color: #FFF; background:#adadad; border-top: 1px solid #FFF; }
/*--------------------------------------------------------------------------- HEADER, TOP -------*/
#logo {width: 480px; height: 130px; overflow: hidden; float: left;}
#logo a {display: block; width: 480px; height: 130px; background: url(../images/optik-krouman.jpg) no-repeat;}
#logo strong {font-size: 0; color: #fff; position: absolute; top: -1000px; left: -1000px;}
#header p {width: 245px; height: 130px; overflow: hidden; float: right;padding: 0;}
#header p.cs strong {display: block; width: 245px; height: 130px; background: url(../images/kolekce-cs.gif) no-repeat;}
#header p.en strong {display: block; width: 245px; height: 130px; background: url(../images/kolekce-en.gif) no-repeat;}
#header p span {font-size: 0; color: #fff; position: absolute; top: -1000px; left: -1000px;}

ul#menu { padding: 0 0 0 15px; height: 48px; background: #595959;border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;}
ul#menu li { float: left; padding: 13px 10px 0 13px;background: url(../images/arrow-white.gif) no-repeat 0 21px;}
ul#menu li.last { border-right: none; padding-right: 0;}
ul#menu a { text-decoration: none; color: #FFF; font-size: 160%;}
ul#menu a:hover, ul#menu a.act {color: #dedede; text-decoration: underline;}

#center { float: right; width: 485px; padding-top: 20px; }
ul#submenu { width: 200px; float: left; padding: 10px 0 10px 15px;}
#left.vizual ul#submenu { padding: 10px 0 450px 15px;  background: url(../images/bg-left.png) no-repeat bottom left;}
ul#submenu li { padding: 0 10px 10px 11px;background: url(../images/arrow-gray.gif) no-repeat 0 7px;}
ul#submenu a { color: #64655f; font-size: 140%;}
ul#submenu a:hover, ul#submenu a.act { color: #cc0001;}

/*--------------------------------------------------------------------------- CONTENT -------*/
.path {font-size: 80%; color: #8b8b8d;padding-bottom:1.5em; }
.path a {color: #8b8b8d;}
.column { width: 48%;}

#footer p { padding:20px 15px; }
#footer a { color: #595959; }
#footer a:hover { color: #FFF; }

#right .padding { padding: 25px 20px 80px 53px;}
.date { color: #FFF; font-size: 80%; padding:1px 4px 4px; background: url(../images/bg-date.gif) no-repeat top left;  }

#bryle div {width: 112px; float: left; overflow: hidden; margin: 0 10px 10px 0;}
#bryle div.last {margin: 0 0 10px 0;}
#bryle img { border: 8px solid #cdcdcd;}
#bryle p {width: 112px; height: 35px; overflow: hidden; background: url(../images/b1.gif) no-repeat top right;}
#bryle p a {font-size: 150%; text-transform: uppercase; color: #64655f; text-decoration: none; overflow: hidden; display: block; margin-top: 5px;}

#logodole { width: 220px; height: 83px; position: absolute; bottom:0; right:0; background: url(../images/optik-krouman-logo.gif) no-repeat; }
.version { display: block; width: 21px; height: 93px; position: absolute; top:-180px; right:-21px; }
.version span {font-size: 0; color: #fff; position: absolute; top: -1000px; left: -1000px;}
.version#en { background: url(../images/version-english.gif) no-repeat;  }
.version#cs { background: url(../images/version-czech.gif) no-repeat;  }
/*----------------------------------------------------------------------------------- FORM ---*/
input, select, textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%; 
	color: #372212;	
	width: 200px;
	padding: 4px 2px;
	margin-bottom: 2px; 
	vertical-align: middle;
	border: 1px solid #cbcbcb;
}
textarea { width: 300px; height: 60px;}
label {display: block; width: 150px;margin: 0 0px 0px 0;float: left; clear: left;}
.submit {width:auto; background: #cc0001; color: #FFF; padding: 4px 15px; font-weight: bold;	font-size: 100%; cursor: pointer; border: none; text-transform: uppercase; text-decoration: none;}
.reset {width:auto; background: #555555; color: #fff; padding: 4px 15px;	font-size: 90%; cursor: pointer; border: none; text-transform: uppercase; text-decoration: none;}
a.reset {padding: 6px 15px;}
a.reset:hover {color: silver;}
.submitimg {width: auto; padding: 0; font-size: 90%; cursor: pointer; border: none; padding: 4px 10px;}
input.small {width: 80px; font-size: 100%;}
select.small {width: 50px; font-size: 100%;}
select {width: auto;}
.checkbox {width: auto; border: none;}
textarea.big {width: 500px; height: 80px;}
/*---------------------------------------------------------------------------- TABLES --------*/
table {border-collapse: collapse; font-size: 100%; table-layout: fixed; width: 100%; margin-bottom: 20px; color: #202025;font-family: Tahoma, Arial, Helvetica, sans-serif;}
th {padding: 8px 4px;	font-weight: bold;text-align: left; background: #cc0001; color: #FFF;}
td {text-align: left; padding: 4px;	border-bottom: 1px solid #b9b9ba; vertical-align: top;}

/*----------------------------------------------------------------------------- OTHERS ---*/
.right { float: right; }
.left { float: left; }
.fright { float: right; margin: 0 0 10px 10px; }
.fleft { float: left; margin: 0 10px 10px 0; }
.tright, td.tright, th.tright { text-align : right }
.tleft, td.tleft { text-align : left }
.center, td.center { text-align : center;}
.middle { vertical-align : middle }
.clear { clear: both;}
.bold { font-weight: bold;}
.white {color: #fff;}
.silver {color: #aaa;}
.red {color: #cc0001;}

.fotoright {float: right; width: 124px; margin-left: 10px;}
.thumbs {margin-bottom: 1em;}
.thumbs a {display: block; float:left; margin: 0 4px 4px 0; overflow: hidden; height: 76px;}