/*
    Project: CrystalX
    URL: http://www.nuvio.cz
    
    Output device: screen, projection
    
    Author: Vit Dlouhy (vit.dlouhy@nuvio.cz); Nuvio (www.nuvio.cz)
    Last revision: 2006-12-05, 12:00 GMT+1

    Structure:
        display | position | float | overflow | width | height | border | margin | padding | background | align | font
*/

* {min-height:1px;}
body {border:0; margin:0; padding:0; background:#F2F5FE url("../design/bg.gif") 0 0 repeat-x; font:70%/160% "verdana",sans-serif; color:#192666; _text-align:center;}

/* Main menu (tabs) */
#tabs {background:#192666; margin:0 5px; padding:10px 0 0 0; _height:1px;}

    #tabs ul {margin:0 10px; padding:0; list-style:none;}
    #tabs ul li {margin:0 5px 0 0; padding:0; float:left;}
    #tabs ul li a {display:block; position:relative; padding:7px 15px; border:0; background:url("../design/tab_link.gif") 0 0 repeat-x; color:#B5C4E3; font-weight:bold; text-decoration:none; cursor:pointer;}
    
    /* Main menu (tabs - link) */
    #tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("../design/tab_link_l.gif") 0 0 no-repeat;}
    #tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("../design/tab_link_r.gif") 100% 0 no-repeat;}
    
    /* Main menu (tabs - hover) */
    #tabs ul li a:hover {background:url("../design/tab_hover.gif") 0 0 repeat-x; color:#FFF;}
    #tabs ul li a:hover span.tab-l {background:url("../design/tab_hover_l.gif") 0 0 no-repeat;}
    #tabs ul li a:hover span.tab-r {background:url("../design/tab_hover_r.gif") 100% 0 no-repeat;}
    
    /* Main menu (tabs - active) */
    #tabs ul li#active a {background:#FFF; color:#FF9000;}
    #tabs ul li#active a span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("../design/tab_active_l.gif") 0 0 no-repeat;}
    #tabs ul li#active a span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background:url("../design/tab_active_r.gif") 100% 0 no-repeat;}
    
    /* TOP PANEL */
	#topPan{width:700px; height:252px; position:relative; margin:0 auto; padding:0;}
	#topPan img{width:372px; height:91px; position:absolute; top:124px; right:0px; margin:0px; padding:0px;}
	#topPan ul{width:376px; height:32px; display:block; position:absolute; top:215px; right:0px; margin:0px; padding:0px; background:url(../design/menu-bg.gif) 0 0 repeat-x #FF8714; color:fff;}
	#topPan ul li{float:left; display:block; width:75px; height:32px; background:url(../design/menu-devider.gif) right top no-repeat;}
	#topPan ul li span{display:block; width:73px; height:32px; background:url(../design/menu-hover.gif) 50% 0 no-repeat; font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
	#topPan ul li a{display:block; width:73px; height:32px; background:url(../design/menu-bg.gif) 0 0 repeat-x #FF8714; color:#fff; font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
	#topPan ul li a:hover{display:block; width:73px; background:url(../design/menu-hover.gif) 50% 0 no-repeat;text-decoration:none; /*position:fixed;*/ margin:0; padding:0px;}
	#topPan ul li.contact{display:block; width:75px; height:32px; background:url(../design/menu-bg.gif) 0 0 repeat-x #FF8714; color:#fff; font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
	#topPan ul li.contact:hover{display:block; width:75px; background:url(../design/menu-hover.gif) 50% 0 no-repeat;text-decoration:none; /*position:fixed;*/ margin:0; padding:0px;}
	

#main1 {border:0; margin:0; padding:0; background:#F2F5FE url("../design/bg_main.gif") 0 0 repeat-x; font:70%/160% "verdana",sans-serif; color:#192666; _text-align:center;}

/* Side Menu*/
	#vertmenu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; width: 120px; padding: 0px; margin: 0px;}
	#vertmenu ul {list-style: none; margin: 0px; padding: 0px; border: none;}
	#vertmenu ul li {margin: 0px; padding: 0px;}
	#vertmenu ul li span {font-size: 80%; display: block; border-bottom: 1px dashed #FF9000; padding: 5px 0px 2px 4px; text-decoration: none; color: #666666; width:120px; background:url(../design/ico_links.gif) left no-repeat;}
	#vertmenu ul li a {font-size: 80%; display: block; border-bottom: 1px dashed #FF9000; padding: 5px 0px 2px 4px; text-decoration: none; color: #666666; width:120px;}
	#vertmenu ul li a:hover, #vertmenu ul li a:focus {color: #192666; background:url(../design/ico_links.gif) left no-repeat;}
	
/* BOX */
	
.roundedcornr_box_359428 {
	background: url(../design/roundedcornr_359428_tl.png) no-repeat top left;
}
.roundedcornr_top_359428 {
	background: url(../design/roundedcornr_359428_tr.png) no-repeat top right;
}
.roundedcornr_bottom_359428 {
	background: url(../design/roundedcornr_359428_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_359428 div {
	background: url(../design/roundedcornr_359428_br.png) no-repeat bottom right;
}
.roundedcornr_content_359428 {
	background: url(../design/roundedcornr_359428_r.png) top right repeat-y;
}

.roundedcornr_top_359428 div,.roundedcornr_top_359428,
.roundedcornr_bottom_359428 div, .roundedcornr_bottom_359428 {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_359428, .roundedcornr_bottom_359428 {
	margin-top: -19px;
}
.roundedcornr_content_359428 { padding: 0 5px; }

/* REDIRECT */

span.counter {
   color: red;
   cursor: default;
   font-size: larger;
}

div.info {
   margin: 0 auto;
   text-align: left;
   font-size: smaller;
   width: 80%;
   margin-top: 2em;
}

/* BREADCRUMB */

	#crumb {font-family: Verdana; font-size: 10px; font-weight: bold; color: #192666;}
	#crumb a:link {text-decoration: none; color: #FF8714;}
	#crumb a:visited {text-decoration: none; color: #FF8714;}
	
/* FOOTER */

	#footer {font-family: Verdana; font-size: 12px; text-decoration: none; color: #FFFFFF;}
	#footer a:link {font-family: Verdana; font-size: 12px; text-decoration: none; color: #FFFFFF;}
	#footer a:visited {font-family: Verdana; font-size: 12px; text-decoration: none; color: #FFFFFF;}
	#footer a:hover {text-decoration: none; color: #B5C4E3;}
	
/* SITEMAP */

.mapitem {font-family: Verdana; font-size: 12px; text-decoration: none; color: #192666;}
.mapsection {font-family: Verdana; font-size: 12px; text-decoration: none; font-weight: bold; color: #FF8714;)
.mapitemr a:link {font-family: Verdana; font-size: 12px; text-decoration: none; color: #192666;}