.accesskey { text-decoration: underline; }
.submitbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #FFFFFF;
	background-color: #000066;
	border: 1px solid #0099FF;
	cursor: pointer;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	font-weight: bold;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
}
.Alert {
	color: #FFFFFF;
	border: medium double #FF0000;
	text-align: center;
	background-color: #FF0000;
}
.printlink-r {
	font-family: Arial;
	color: #333333;
	font-size: 10pt;
	text-align: right;
	display: block;
}
.accessbox {
	text-align: center;
	color: #000000;
}
.linkbox {
	font-family: Arial;
	color: #FFFFFF;
	font-size: 16pt;
	text-align: justify;
	background-color: #CCCCCC;
	width: 100%;
	left: auto;
	right: auto;
}
.linkbox p{
	font-family: Arial;
	color: #FFFFFF;
	font-size: 16pt;
	text-align: center;
	background-color: #CCCCCC;
	width: 100%;
	left: auto;
	right: auto;
}
.linkbox input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #FFFFFF;
	background-color: #000066;
	border: 1px solid #0099FF;
	cursor: pointer;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	font-weight: bold;
}
.linkbox input:hover {
	color: #000000;
	background-color: #FFB600;
}
.linkbox a {
	font-family: Arial;
	color: #006699;
	text-decoration: none;
	font-size: 14pt;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}
.linkbox a:hover {
	font-family: Arial;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0066CC;
	font-size: 14pt;
}
.sitelinkbox {
	font-family: Arial;
	text-align:center;
	color: #FFFFFF;
	background-color: #0F7CA5;
	border: thin solid #FF0000;
	font-size: 12pt;
	font-weight: bold;
}
.sitelinkbox a {
	font-family: Arial;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12pt;
}
.sitelinkbox a:hover {
	font-family: Arial;
	color: #0066CC;
	text-decoration: none;
	background-color: #FFFFFF;
	font-size: 12pt;
}
.ProductBox {
	border: 1px solid #1663A9;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #333333;
	text-align: left;
}
* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
body {
	padding: 0 0 18px 0;
	background: #ffffff url('http://www.evas.com/sitemedia/guide-evas/img/bg.jpg') repeat-x;
	color: #333333;
	text-align: center;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

/* obecne odkazy --------------------------------------------------------------- */
a {color:#095799;}
a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* nadpisy --------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin:15px 0 10px 0; }
h1 {
	font-size:200%;
	color: #000000;
}  h1#logo { font-size:280%; font-weight: normal;}
h2 {
	font-size:190%;
	font-weight: normal;
	line-height: 24px;
	color: #0F7CA5;
}
h3 {
	font-size:100%;
	margin-top: 20px;
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 5px;
	;
	margin-right: 15px;
	color: #0F7CA5;
} #panel-left h3 { margin-top: 15px; padding-bottom: 0; font-size: 160%; font-weight: normal; border: none;}
h4 { font-size:120%; }
h5 { font-size:100%; }

/* layout ---------------------------------------------------------------------- */
#layout {
	width:800px;
	margin:0 auto;
	text-align:left;
}
  #container {
	background: #fff;
	font-size: 1em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
  }
  
  #obsah {
   
  }
  	/* hlavicka ------------------------------------------------------------------ */
  	#header {
	position:relative;
	background: #2a9ac3 url('http://www.evas.com/sitemedia/guide-evas/img/header.jpg') no-repeat;
	height: 182px;
}
  
      #logo {
        font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
        position: relative; 
        overflow: hidden; 
        height: 132px;
        font-size:260%;
        margin: 0;
        line-height: 120px;
        text-align: left;
      }
      #logo a{
        display: block;
        color: #fff;
        text-decoration: none;
        
      }
      #logo span {
        display: block; 
        position: absolute; 
        left: 0; top: 0; 
        z-index: 1; 
        width: 250px; height: 120px;
        background: url("http://www.evas.com/sitemedia/guide-evas/img/logo.jpg") 0 0 no-repeat; 
        cursor: pointer;
      }
      
      #slogan{
        position: absolute;
        left: 270px;
        line-height: 120px;
        display: block;
        height: 120px;
        top: 0;
      }
        
    /* horizontalni navigace --------------------------------------------------- */
    #nav {
	position:relative;
	z-index:2;
	border-top: 0;
	height: 50px;
}
      #nav ul {margin:0; padding:0; list-style:none;}
      	#nav ul li {float:left; _float: none; display:inline; margin:0; padding:0; background: url('http://www.evas.com/sitemedia/guide-evas/img/nav.jpg') no-repeat;}
      	#nav ul li a {
      	  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
      	  color: #fff;
      	  font-size: 95%;
      	  font-weight: bold;
          display: block; 
          float: left; /*\*/ float:none; 
          padding: 16px 22px;
          text-align: center;
        }
        #nav ul li a:hover {
          text-decoration: none;
          
        }
      	#first {
        background: none !important;}
  
  
  
    .content {
      float: right; 
      padding: 0 0 0 0px; margin-top: 15px;
      width:620px;
      z-index: 10;
      
    }
    .content .in{
      padding: 8px 18px 0 22px;border-left: 1px solid #e3e3e3;
    }
  
  	/* Sloupce ----------------------------------------------------------------- */
  	#panel-left { float:left; width:170px;}
  	.panel .in { padding: 0px 5px 10px 20px;  }
  
  
  	/* paticka ----------------------------------------------------------------- */
  	#footer {
      clear:both;
      height: 27px;
      background: url('http://www.evas.com/sitemedia/guide-evas/img/footer.jpg') no-repeat;
      padding: 17px 16px 13px 16px;
      color: #676767;
      margin-top: 10px;
    }
      
    #footer p { margin:0; padding-top:10px; }




/* odstavce -------------------------------------------------------------------- */
p {
	margin:15px 0;
	line-height: 25px;
	font-size: 12px;
	text-align: justify;
}
th { text-align:center; font-weight:bold; border: 1px solid #cdcdcd;}
th, td { padding:4px 6px; border: 1px solid #cdcdcd;}
tr.table-top {background: #e5e5e5; font-weight: bold;}

/* seznamy --------------------------------------------------------------------- */
ul, ol { display:block; margin:15px 0 15px 40px; }
ul ul, ul ul ul, ol ol, ol ol ol { margin:0; margin-left:20px; }
ol { list-style-type:decimal; }
ol ol { list-style-type:upper-alpha; }
ol ol ol {list-style-type:lower-alpha; }
li { display:list-item; margin-bottom: 6px;}
ul li a { text-decoration:underline; }

#panel-left ul{ 
margin: 0 !important; padding: 0 !important;
list-style-type: none; 
font-size: 95%;
}

#panel-left li{ 
list-style-type: none; background: url('http://www.evas.com/sitemedia/guide-evas/img/li.jpg') no-repeat  3px 6px; padding-left: 20px; margin-bottom: 6px;}

/* definice -------------------------------------------------------------------- */
dl { margin:15px 0; }
dt { font-weight:bold; }
dd { margin-left:30px; }

/* ostatni --------------------------------------------------------------------- */
fieldset { margin:15px 0; padding:10px; border:1px solid #CCC; }
legend { margin-left:10px; font-size:100%; font-weight:bold; color:#000; }
abbr, acronym, .help { border-bottom:1px dotted #CCC; cursor:help; }
blockquote { margin:15px 20px; font-style:italic; }
del, .del { text-decoration:line-through; }
strong, .strong { font-weight:bold; }
cite, em, q, var { font-style:italic; }
code, kbd, samp  {font-family:monospace; font-size:110%; }
hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;} 
.clear {clear: both;}
.f-left {float:left;}
.f-right {float:right;}
.a-left, tr.a-left td {text-align:left;}
.a-center, tr.a-center td {text-align:center;}
.a-right, tr.a-right td {text-align:right;}
.a-justify {text-align:justify;}
.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}
.clear { clear:both; }
.box {
	min-height:63px;
	font-family: Arial;
	font-size: 1em;
}
.box:after { display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:"."; }
.noscreen { display:none; }
.mleft10 { margin-left: 10px; }
.mright10 { margin-right: 10px; }
.mtop10 { margin-top: 10px; }
.mbottom10 { margin-bottom: 10px; }
.mtop0 { margin-top: 0;}

a img {
}

a:hover img {
  border: 1px solid #bbbbbb;
}

.thumbnail
{
float: left;
margin: 0 14px 5px 0;
}

/* univerzalni prvky ------------------------------------------------------------ */
input.small{
  width: 50px;
}
input.normal{
  width: 146px;
}
.bigger {font-size:115%;}
.smaller {font-size:85%;}

.high {color:#00F;}
.nonhigh {color:#777;}

.foto{  display: block; border: 3px solid #ddd;}
.screenshottable {
	text-align: center;
	font-weight: bold;
	width: 100%;
	font-size: .8em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.screenshottable td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.screenshottable img {
	border: 1px solid #000066;
}
#container p {
	font-size: 1em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
button {
	font-family: Arial, Helvetica, sans-serif;
}
th {
	color: #FFFFFF;
	background-color: #0F7CA5;
}