﻿/*
CSS Display Style Sheet for exmasters.com
Copyright © 2007 lukas[dot]vorlicek[at]codeart[dot]cz
*/

body{
	margin: 0; 
	padding:0;
	font: 9pt/1.3em Arial, helvetica, sans-serif;
	color:#003366;
	background: #c8c9cd url('../img/bg-body.jpg') repeat-x scroll top center;
	text-align:center;
}

a{
	color:#c10923;
}

a:visited{
	color:#c10923;
}

a.bodylink:link,a.bodylink:visited{
	color: #c10923;
	text-decoration: underline;
}

a.bodylink:active,a.bodylink:hover{
	color: #860618;
	text-decoration: none;
	border-bottom: 1px dotted #860618;
}

a.morelink:link,a.morelink:visited{
	color: #c10923;
	text-decoration: underline;
	padding-right:9px;
	background:transparent url('../img/bg-arrow-small3.gif') no-repeat scroll center right;
}

a.morelink:active,a.morelink:hover{
	color: #860618;
	text-decoration: none;
	border-bottom: 1px dotted #860618;
	padding-right:9px;
	background:transparent url('../img/bg-arrow-small3.gif') no-repeat scroll center right;
}

a img{
	border:none;
}

a img:visited, a img:hover{
	border-color: #003366;
}

a.more{
	padding-right:9px;
	background:transparent url('../img/bg-arrow-small3.gif') no-repeat scroll center right;
	
}


h1, h2, h3, h4, p, table {
	margin:0 0 0.7em;
	padding:0;
}




ul{
	margin:0 0 1em 20px;
	padding:0;
}

h1 { font-size:150% }
h2 { font-size:125% }
h3 { font-size:110% }
h4 { font-size:100% }

h1{
	font-size:14pt;
	line-height: 15px;

	font-weight:bold;
	color:#003366;
	margin:0;
	padding-bottom:20px;
	margin-top:-5px;
}

h1 img{
	position:relative;
	top:9px;
	margin-right:8px;
	z-index:1;
}

h2{

  	font-size: 12pt;
	color:#003366;
	margin:0 0 0.5em;
	padding:0.7em 0 0;

}

h3{
	font-weight:bold;
	color:#003366;
	font-size:10pt;
	margin:0 0 1em;
	padding:1em 0 0;
}

h4{
	font-weight:bold;
}

hr{
	height:1px;
	border:none;
	color: #003366;
	background-color: #003366;
}

hr.dotted{
	height:1px;
	border:none;
	color: #c5c5c5;
	background-color: #c5c5c5;
}

li{
	list-style: none outside url(../img/bg-li.png);
}

li.strong{
	line-height:3em;
	color:#c10923;
}

dt{
	font-weight:bold;
}

dd{
	display:inline;
}

dl.resources{
	width:130px;
	float:left;
	text-align:center;
}

dl.resources dt{
	margin:0;
	padding:0;

}

dl.resources dd{
	margin:0;
	padding:0;
	width:120px;
	font-size:8pt;
	text-align:center;
}

ol.alpha li{
	list-style-type: lower-alpha;

}

ol.decimal li{
	list-style-type: decimal;
}

ul.notype li, ul.notype {
	list-style-type: none;
	margin:0 0 1em 0;
	padding:0;
}

ul.pagemenu li{
	margin:0;
	padding:0 0 0;
}


/*
ul.pagemenu li a, ul.pagemenu li a:visited{
	color:#5277C2;
}
*/

.clear-both{
	clear: both;
	font-size: 1px;
	height: 1px;
	overflow: hidden;
}

.hidden{
	display:none;
	visibility: collapse;	
}


.aleft{
	text-align:left;
}

.aright{
	text-align:right;
}

.acenter{
	text-align:center;
}

.plovouci-vpravo, .float-r{
	float:right;
}

.plovouci-vpravo2, .float-r2{
	float:right;
	margin:1em 1em ;
	padding:0;
	text-align:center;
}

.plovouci-vpravo3, .float-r3{
	float:right;
	margin:0 3em;

}

.plovouci-vlevo, .float-l{
	float:left;
}

p.order{
	margin-top:15px;
}

p.order a img, p.order a:visited img{
	border:none;
}

table{
	border-collapse: collapse;
}


th{
	background-color: #D0E3F6;
	font-weight:bold;
	color:#062194;
}

th.light{
	font-weight:normal;
}

td, th{
	border: 1px solid #D0E3F6;
	padding:2px 5px;
	font-size:9pt;
}


tr.bg th, tr.bg td{

}

tr.strong th, tr.strong td{
	background-color:#E4EAF6;
	padding-top:10px  !important;
	padding-bottom:8px  !important;
}



tr p, td p{
	margin:0 !important;
	padding:0 !important;
}


/* extra tables */



.fake-box{
	background:transparent url('../img/bg-fakebox-top.jpg') no-repeat scroll top left;
	width:620px;
	margin:15px 0;
}


legend, h2.fake-legend, div.fake-legend{
	color:#003366;
	margin:0;
	padding:15px 15px 10px;
	border:none;
}

legend strong, h2.fake-legend strong, div.fake-legend strong{
	color:#003366;
	font-size:11pt;
	font-weight:bold;
}


fieldset, .tablebox,  div.fake-fieldset{
	border:none;
	margin:0;
	padding:0 15px 20px;
	background: transparent url('../img/bg-fakebox-bottom.jpg') no-repeat scroll bottom left;
}


table.fake-legend{
	margin:0;
	padding:0;
}

.fake-box .fake-box{
	width:590px;
	background:#eeeeee none;
}

.fake-box .fake-box .fake-fieldset{
	padding:10px;
	background: transparent none;
}

div.fake-fieldset div.fake-fieldset{
	padding:0;
}

div.fake-fieldset div.fake-fieldset form{
	padding:1em 10px 0;
	margin:0;
}

.fake-fieldset .float-l2{
	float:left;
	clear:none;
	width:292px;
	margin:0;
	padding:0;
}

.fake-fieldset .float-l2 ul, .fake-fieldset .float-l3 ul{
	margin:0 00px;
}
.fake-fieldset .float-l2 li, .fake-fieldset .float-l3 li{
	list-style: none inside none;
	padding:2px 0;
	border-bottom:1px solid #C5C5C5;
}

.fake-fieldset .float-r2{
	float:right;
	clear:none;
	width:298px;
	margin:0;
	padding:0;
}

.fake-fieldset .float-r2 input{
	margin-top:10px;
}


.fake-fieldset .float-l3{
	float:left;
	clear:none;
	width:200px;
	margin:0;
	padding:0
}

.fake-fieldset .float-r3{
	float:right;
	clear:none;
	width:280px;
	margin:0;
	padding:0;
}

.serverprice{
	padding-bottom:10px;
}

.serverprice strong{
	font-size:14pt;
	font-weight:bold;

}

table.fake-legend{

}

table.fake-legend td, table.fake-legend th{
	background-color:transparent;
	border:none;
	vertical-align: middle;
	margin:0;
	padding:3px 20px;
	border-bottom:1px solid #eee;
}

table.fake-legend tr.last td, table.fake-legend tr.last th{
	border-bottom:none;
}


table.fake-legend th{
	background-color:transparent;
	color:#181F25;
	font-weight:bold;
	padding:5px 10px;
}

table.fake-legend td.th, table.cols td.th{
	background-color:transparent;
}


table.cols{
	border-collapse:collapse;
}

table.cols td, table.cols th{
	border:none;
	border-bottom:1px solid #eee;
	vertical-align: middle;
	margin:0;
	padding:5px 2px 2px;			
}


input, textarea, select{
	margin-bottom:5px;
	font-size:9pt;
	font: 9pt/1.3em Arial, helvetica, sans-serif;
}

input.nomargin{
}

input.order{
	margin-top:10px;
}


option{

}

input{
	/*	padding-left:0.2em;
	padding-right:0.2em;*/
}

input.submit{
	background-color: #CA2C42;
	border:2px solid;
	font-size:9pt;
	border-style:outset;
	color:white;
	font-weight: bold;
	margin:10px 0 0 ;
}

label{
	float:left;
	width:38%;
	margin-right:5px;
	text-align:right;
	color:#003366;
	min-height:1px;
	padding-top:3px;
}

label.narrow{
	width:18%;
	padding:0;
	margin:0;
}

#speedselect input{
	margin:0 0 0 5px;
}

#speedselect{
	line-height:1.5em;
}

label.required{

}

span.required{
	color:red;
	position:relative;
	top:-5px;
	left:3px;
}

span.extra{
	color:red;
}

span.small{
	font-size:8pt;
}

label.line{
	float:none;
	width:auto;
	display: block;
	text-align:left;
}

span.strike{
	text-decoration: line-through;
}



/* MAIN LAYOUT */


#bodyframe-null{
	width:870px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#header-null{
	height:93px;
}

#logo{
	width:249px;
	float:left;
	position:relative;
	left:20px;
	top:17px;	
}

#lngmenu{

	text-align:right;
	padding:24px 20px 0 0;
}

#topmenu{
	padding:12px 14px 0 0;
	float: right;

}

#topmenu ul{
	list-style:none inside;
	margin:0;
	padding:0;
}

#topmenu li{
	float:left;
	padding:0 6px 6px 7px;
	border-right:1px solid #bfc8cf;
	list-style:none inside;
}

#topmenu li:last-child{
	border-right:none;
}

#topmenu li a, #topmenu li a:visited{
	font-size:8pt;
	font-family: Tahoma, Verdana, Arial,Verdana, Helvetica, Arial, sans-serif;
	color:#567ca2;
	text-decoration:underline;
}

#topmenu li a:hover{
	color:#003366;
}



#middle-null{
	clear:both;
	background: #fff url('../img/bg-middle-top.jpg') no-repeat scroll top center;
}

#crumbmenu{
	clear:both;
	padding:0 30px 5px;
	font-size:8pt;
	line-height:32px;
	color:#707070;
}

#crumbmenu a, #crumbmenu a:visited{
	color:#000;
}

#mainmenu{
	height:50px;
}

#mainmenu ul{
	margin:0;
	height:50px;
	list-style: none outside;
}

#mainmenu li{
	list-style: none outside;
	float:left;
	padding:0;
	height:50px;
	width:140px;
}

#mainmenu li.selected {
	background: transparent url('../img/bg-mainmenu-selected.gif') no-repeat scroll top left;
}

#mainmenu li:hover, #mainmenu li.selected:hover{
	background: transparent url('../img/bg-mainmenu-hover.gif') no-repeat scroll top left;
}

#mainmenu li a,#mainmenu li a:visited{
	text-align:center;
	line-height:48px;
	display:block;
	padding:0 0px;
	font-weight:bold;
	color:#fff;
}

#mainmenu li.selected a,#mainmenu li.selected a:visited{
	color:#000;
	text-decoration:none;
}

#mainmenu li:hover a, #mainmenu li.selected:hover a, #mainmenu li:hover a:visited, #mainmenu li.selected:hover a:visited{
	color:#fff;
	text-decoration: none;
}

#mainmenu ul ul{
	display:block;
	visibility: hidden;
	height:auto;
	position:absolute;
	min-width:200px;
	margin-top:-5px;
	background: #003366 url('../img/bg-mainmenu-bg.jpg') repeat-y scroll top left;
	z-index:998;
}

#mainmenu ul li:hover ul{
	visibility: visible;
}

#mainmenu ul ul li{
	float:none !important;
	background-image:none !important;
	background-color:transparent;
	border-top:1px solid #224d77;
	height:auto;
	width:auto;
	text-align:left;
	padding:0;
	margin:0;
	z-index:999;
}

#mainmenu ul ul li a, #mainmenu ul li.selected ul li a, #mainmenu ul ul li a:visited{
	float:none;
	line-height:26px;
	font-size:9pt;
	font-weight:normal;	
	text-align:left;
	color:#fff;
	text-decoration:none;
	padding:0 22px;
	margin:0;
	z-index:1000;
}

#mainmenu ul ul li:hover a, #mainmenu ul li.selected ul li:hover a, #mainmenu ul li.selected ul li:hover a:visited{
	background-image:none;
	cursor:pointer;
	background-color:#a3d1ff;
	color:#0a3b6c !important;
}


#content-null{
	padding:0 20px;
}

#content-left{
	width:190px;
	float:left;
	text-align:center;
	background: #f0f0f0 url('../img/bg-left-bottom.jpg') no-repeat scroll bottom left;
	padding-bottom:10px;
}

#content-left h2{
	margin:0;
	padding:0;
	text-align:left;
	line-height:35px;
	font-size:10pt;
	background: #f0f0f0 url('../img/bg-left-top.jpg') no-repeat scroll top left;
}

#content-left h2 a,#content-left h2 a:visited{
	color:#fff;
	display:block;
	padding:0 0 0 15px;
	text-decoration:none;
}

#left-img{
	padding:10px 0 0;
	margin-left:auto;
	margin-right:auto;
}

#content-left ul{
	text-align:left;
	margin:0 10px;
	padding:0;
}


#content-left li{
	border-bottom:1px solid #e6e6e6;
	list-style: none;
}


#content-left li a, #content-left li a:visited{
	display:block;
	background: transparent url(../img/bg-leftmenu.gif) no-repeat 4px;
	padding:7px 0 7px 23px; 
	color:#c10923;
	text-decoration:underline;
	font-size:9pt;

}

#content-left li a:hover,  #content-left li.selected a:hover{
	color:#003366;
}

#content-clear{
	clear:both;
}


#content-right{
	width:620px;
	float:right;
	min-height:300px;
	padding-bottom:15px;
}


#footer-null{
	clear:both;
	height:60px;
	text-align:right;
	font-size:8pt;
	padding: 29px 20px;
	background: transparent url('../img/bg-middle-bottom.gif') no-repeat scroll top center;
	color:#000;

}

#footermenu{
	float:left;
}

#footermenu a, #footermenu a:visited{
	color:#a0a0a0;
}

#footermenu a:hover{
	color:#000;
}

#copyright{
	
}

#teaser{
	height:240px;
	padding-bottom:30px;
}

#teaserright{
	width:557px;
	height:240px;
	float:left;
}

#teaserleft{
	background: #003366 url('../img/bg-hpteaser-left.jpg') no-repeat scroll top left;
	width:273px;
	height:240px;
	float:left;
}

#teaserleft h1{
	line-height:40px;
	margin:20px 0 0;
	color:#fff;
	padding:0 14px;
}

#teaserleft p{
	padding:0 14px;
	color:#fff;
	font-size:9pt;
	margin-top:10px;
}

#teaserleft p.more{
	margin:0 15px 10px;
	padding:0 17px 0;
	text-align:right;
	background: transparent url('../img/bg-arrow-small.gif') no-repeat scroll center right;
}

#teaserleft p.more a, #teaserleft p.more a:visited{
	color:#a3d1ff;
	text-decoration: underline;
}


#homecol1{
	width:640px;
	float:left;
}

#homecol2{
	width:190px;
	float:right;
}



.homebox{
	width:190px;
	float:left;
	text-align:center;
	background: #f0f0f0 url('../img/bg-left-bottom.jpg') no-repeat scroll bottom left;
	padding-bottom:10px;
	margin-bottom:10px;
	color:#4b4b4b;
}

.homebox h2{
	margin:0 0 10px 0;
	padding:0 0 0 15px;
	text-align:left;
	line-height:35px;
	color:#fff;
	font-size:10pt;
	background: #f0f0f0 url('../img/bg-left-top.jpg') no-repeat scroll top left;
}

.homebox h3{
	color:#003366;
	margin:0;
	font-size:9pt;
	font-weight:bold;
	padding:0 10px;
	margin: 0 15px;
	text-align:left;
	background: transparent url('../img/bg-arrow-small2.gif') no-repeat scroll center left;
}

.homebox p{
	text-align:left;
	font-size:8pt;
	padding:0 15px;
	margin: 0 0 10px 0;
}


.homebox.type1 h2{
	background-image: url('../img/bg-left-bottom-hp1.jpg');
	
}

.homebox.type2 h2{
	background-image: url('../img/bg-left-bottom-hp2.jpg');
}

.homebox .more{
	margin:0 15px 10px;
	text-align:right;
	background: transparent url('../img/bg-arrow-small.gif') no-repeat scroll center right;
	
}

.homebox .more a, .homebox .more a:visited{
	color:#c10923;
	text-decoration: underline;
}


#hpinfobox{
	margin:10px 0;
	width:629px;
	height:231px;
	background:transparent url('../img/bg-hpinfobox.jpg') no-repeat scroll top;
	
}

#hpinfobox ol{
	list-style: none inside none;
	margin:0;
	padding:0;
}

#hpinfobox li{
	list-style: none inside none;
	margin:0;
	padding:0 15px 0 70px;
	height:77px;
	color:#4b4b4b;
}

#hpinfobox h3{
	color:#003366;
	font-size:11pt;
	font-weight:bold;
	margin:0;
	padding:18px 0 0;
}

#claim{
	width:620px;
	margin-top:15px;
	font-size:12pt;
	font-weight:bold;
	text-align:right;
}

#claim a{
	padding-right:23px;
	background:transparent url('../img/bg-arrow-small4.gif') no-repeat scroll 75% right;
}

#claim2{
	width:620px;
	margin-top:15px;
	font-size:12pt;
	font-weight:bold;
	text-align:left;
}

#claim2 a{
	padding-right:23px;
	background:transparent url('../img/bg-arrow-small4.gif') no-repeat scroll 75% right;
}

#homesectionpanels {
	overflow: hidden;
	display: block;
	clear: both;
}

.sectionpanel{
	float: left;
	width:213px;
	padding-bottom:15px;
	background: transparent url('../img/bg-hpbox-bottom.jpg') no-repeat scroll bottom left;
}



.sectionpanel div{
	width:202px;
	color:#4b4b4b;
	font-size:8pt;
	background: transparent url('../img/bg-hpbox-top.jpg') no-repeat scroll top left;
}


#homesectionpanels h2{
	font-size:12pt;
	font-weight:bold;
	margin:0 23px;
	padding:18px 0 10px;
	
}

#homesectionpanels h2 a,#homesectionpanels h2 a:visited{
	text-decoration:none;
		color:#c10923;
	
}

.sectionpanel p{
		margin:0 23px;
}

.sectionpanel ul{


}

.sectionpanel ul li {
	margin:0 0 5px 18px;

   	list-style: none outside url(../img/bg-lihp.png);
}


