@charset "utf-8";
/*----------------------------------------------------------------------------
	Description: Kaskádové styly pro pageflip.cz
	Author:			 e-invent s.r.o.; http://www.e-invent.eu; mailto:nachod(@)e-invent.eu
	Modified:	   10. 11. 2008

	==[ TOC ]==
  1. Body       (tělo)
  2. Tags       (všeobecné prvky - h1, input, ...)
  3. Classes    (třídy pro vše platící - .clear, .float-x ..)
  4. Container  (rozvržení celé stránky)
  5. Header     (Hlavička)
  6. Content    (obsah)
  7. Footer     (patička)

	==[ Colors ]==
	1. #ed1c24 - h1 - cervena
----------------------------------------------------------------------------*/

/*-- [ 1. Body ] -----------------------------------------------*/
* {margin: 0; padding: 0;}
body  {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff url(../images/bg.png) top left repeat-x;
	color: #333;
	text-align: center;
}
body.red {background-image:url(../images/back-red.png);}
body.black {background-image:url(../images/back-black.png);}
body.cyan {background-image:url(../images/back-cyan.png);}
body.green {background-image:url(../images/back-green.png);}
/*-- [ 2. Tags ] -----------------------------------------------*/
a {color:#8ecf06;}
a:hover {color:red;}
img {border:none; text-decoration:none;}
fieldset {border:none;}
/*-- [ 3. Classes ] -----------------------------------------------*/
.float-r {float: right;}
.float-l {float: left;}
.clearfloat { 
	clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
	overflow: hidden;
}
.font-size-90 { font-size:90%;}
.font-size-85 { font-size:85%;}
hr 
{
			display:block; 
			height:1px; 
			overflow:hidden;  
			border:solid #93EC05; 
			border-width:1px 0 0 0; 
			margin:.6em 0; 
			padding:0; 
}
.hvezda {color:#93ec05;}
/*formulare*/
.txt-input, .txt-area {
  float:left;
	color:#8a8672;		
	background: #dadcd2 url("../images/bg-input.png") left top repeat-x;
	border:none;
	}
	.txt-input{
	padding-top:4px;
	height:20px;
	line-height:20px;
	vertical-align:middle;	
	width:250px;
	}
.txt-select{
	padding:2px;
	margin:2px 0px;
	color:#8a8672;		
	background: #dadcd2 url("../images/bg-input.png") left top no-repeat;
	border:1px solid #b4cbdd;
	width:255px;
	}

/*levé a pravé zaoblení*/
.input-l {float:left; height:24px; width:8px; background:url(../images/bg-input-l.png) top left no-repeat;}
.input-r {float:left; height:24px; width:3px; background:url(../images/bg-input-r.png) top left no-repeat;}

.textarea-l {float:left; height:180px; width:8px; background:url(../images/bg-textarea-l.png) top left no-repeat;}
.textarea-r {float:left; height:180px; width:3px; background:url(../images/bg-textarea-r.png) top left no-repeat;}

/*button*/
.btn{
  float:left;
	color:#fff;	
  height:23px;
  line-height:19px; vertical-align:middle;	
  padding:0px 5px 4px 5px;
  font-weight:bold;
  cursor:pointer;
	background: #dadcd2 url("../images/btn.png") left top repeat-x;
	border:none;
	}
.btn-l {float:left; height:23px; width:4px; background:url(../images/btn-l.png) top left no-repeat;}
.btn-r {float:left; height:23px; width:3px; background:url(../images/btn-r.png) top left no-repeat;}

/*-- [ 4. Container ] -----------------------------------------------*/
#mainContainer { 
	width: 982px;  
	margin: 0 auto;
	text-align: left;
} 
/*-- [ 5. Header ] -----------------------------------------------*/
#header {display:block; position: relative; height:150px; background:url(../images/bg-header.png) top right repeat-x; margin:0px; padding:0px;}
/*TOP1*/
#header #top1 {display:block; position: relative; height:115px;} 
#header #top1 #logotype {position:absolute; top:25px; left:45px; width:284px; height:73px; background:url(../images/logo.png) top right no-repeat;}
#header #top1 #logotype span { display:none;} 
#header #top1 #logotype img { display:none;} 
/*vlajky*/
#header #top1 #flags  {
position:absolute;
right:40px;
top:2px;
}
#header #top1 #flags span {
display:none;
}
#header #top1 #flags a{
padding-left:2px;
}
/*rychle menu*/
#header #top1 #quickMenu {
	position:absolute; top:20px; right:0px;
	padding-right:12px;
	padding-top:7px;
	text-align:left;
	color:#93ec05;
	font-weight:bold;
	font-size:110%;
}
#header #top1 #quickMenu .links  {
 margin-top:3px;
 display:block;
 font-size:80%;
 text-align:right;
 font-weight:normal;
 color:#a7dafd;
 margin-right:30px;
}
#header #top1 #quickMenu .links  a {
 color:#a7dafd;
}
#header #top1 #quickMenu .links  a:hover {
 color:#fff;
}

/*hledani*/
#header #top1 #quickMenu #search fieldset {text-align:right;}
#header #top1 #quickMenu .searchText { 
	height:19px; width:214px;	line-height:19px; vertical-align:middle;
	font-size:12px;
	padding:3px 5px 0px 5px;
	margin-right:4px;
	color:#fff;
	margin-top:2px;
	border:1px solid #848381;
	background:#555656 url(../images/bg-search.png) top right repeat-x;
}
#header #top1 #quickMenu .searchSubmit { 
	height:24px; width:22px; line-height:22px;
	font-size:12px;
  border:none; cursor:pointer;
	background:url(../images/bt-search.gif) 0px 5px no-repeat;	
}

/*TOP2*/
#header #top2 {display:block; position: relative; height:35px;} 
/*main menu*/
#header #top2 ul.menuMain {
display:block; position:relative; 
margin:0; 
height:24px; 
padding:0; 
list-style:none; 
padding:4px 5px; 
border-top:solid 1px #3796c7; 
font-weight:bold;
}
#header #top2 ul.menuMain li{border-left:solid 1px #3796c7; float:left;} 
#header #top2 ul.menuMain li a {
font-size:110%; float:left; text-transform:uppercase; padding:0px 13px; 
text-decoration:none; color:#a7dafd; height:26px; line-height:26px; vertical-align:middle;  margin:0px 2px;
}
#header #top2 ul.menuMain li a:hover {
background: #93ec05; color:#fff;
}
#header #top2 ul.menuMain li.selected  a {color:#000; background: #93ec05;}
#header #top2 ul.menuMain li.selected  a:hover {color:#fff;}

#header #top2 ul.menuMain li.demo {float:right; border:none; }
#header #top2 ul.menuMain li.demo  a {color:#a7dafd; background: #2e608d url(../images/sipka.gif) 10px 50% no-repeat; padding-left:26px; padding-right:15px;}
#header #top2 ul.menuMain li.demo  a:hover {color:#fff; background: #2e608d url(../images/sipka.gif) 10px 50% no-repeat;}
/*-- [ 6.+ 7.] -----------------------------------------------*/
#contentContainer {
display:block;
	padding:12px 21px 0px 21px;
	background: transparent url(../images/bg-content.png) top left no-repeat;
}
#contentContainer h1 {
border-bottom:solid 1px #93EC05;
}

/*TOP3*/
#contentContainer #top3{

}
/*path*/
#contentContainer #top3 .path {
	height:20px; line-height:20px; vertical-align:middle;
	font-size:90%;
	color:##666666;
}
#contentContainer #top3 .path a {color:#666666; padding:0px 5px;}
#contentContainer #top3 .path span {margin:0 5px;}

#contentContainer.uvodni {background: url(../images/bg-bigbox.png) left top no-repeat; padding:0px; width:982px;}
#contentContainer .bigbox {width: 430px; height: 350px;display: block;float:left; padding: 10px 25px 0px 25px;}
#contentContainer .bigbox h1 {
color: #93ec05;
margin-top: 16px; 
display:block;
position:relative;
margin-right:32px;
font-size:175%;
padding-bottom:5px;
margin-bottom:5px;
font-weight:normal;
}
#contentContainer h1 span {
position:absolute; 
right:-32px; bottom:-1px; 
width:32px; height:40px; 
background:url(../images/bg-logo.png) left top no-repeat;
}
#contentContainer .bigbox span.bigimage {
  margin-top:15px;
  margin-left:45px;
  width:358px;
  height:267px;
  background: url(../images/bigboximg.jpg) left top no-repeat;
  display:block;
}
#contentContainer .bigbox img {margin: 20px 0 0 20px;}
#contentContainer .bigbox h2 {color: #93ec05; font-size: 145%; margin-top: 20px; margin-left:10px; font-weight:normal;}
#contentContainer .bigbox ul {list-style: none;margin: 20px 0 0 14px;}
#contentContainer .bigbox ul li {list-style: none;margin-bottom: 15px;padding-left: 43px;background: transparent url(../images/li-odrazka.gif) left 2px no-repeat;font-size: 120%;line-height:120%;color: #fff;}
#contentContainer .bigbox a {display: block;width:376px;height: 56px;margin: 25px 0 0 48px; background: transparent url(../images/btn-demo.png) left top no-repeat;}
#contentContainer .bigbox a span {display: none;}

/*-- [ 6. Content ] -----------------------------------------------*/
#mainContent {
	padding:20px 15px 10px 15px;
	color:#333;
} 
#mainContent.uvodni {
	padding:0px;
	color:#333;
} 
/* heading, anchor and paragraph margins*/
#mainContent h1 {
position:relative;
color:#333;
margin-right:32px;
font-size:230%;
padding-bottom:5px;
margin-bottom:10px;
font-weight:normal;
}
#mainContent h1 span{
position:absolute; 
right:-32px; bottom:-1px; 
width:32px; height:40px; 
background:url(../images/bg-logo.png) left top no-repeat;
}
#mainContent h2{
color:#8ecf06;
font-weight:normal;
border-bottom:dotted 1px #333;
font-size:180%;
padding-left:30px;
line-height:180%;
background:url(../images/li.gif) left center no-repeat;
margin-bottom:15px;
padding-bottom:2px;
}
#mainContent h3{
color:#666;
margin-bottom:3px;
line-height:
}
#mainContent a {line-height:110%; color:#8ecf06;}
#mainContent a:hover {color:red;}
#mainContent p {margin:5px 0px 20px 0px; line-height:160%; text-align:justify;} 
#mainContent .link {display:block; padding-left:20px; background:url(../images/link.png) left center no-repeat; color:#666;margin-top:6px;}

#mainContent ul, li {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#mainContent ul {
line-height:180%;
margin:5px 0 5px 5px;
vertical-align:middle;
}

#mainContent li {
background:transparent url(../images/li1.gif) no-repeat scroll 5px 7px;
padding-left:20px;
}
 
/*holder*/
#mainContent .holder {float:left; width:400px; margin-right:20px; margin-bottom:15px;}
#mainContent .holder.right {margin-right:0px;}
/*holder uvod*/
#mainContent .holder.uvod {margin-right:0px;}
#mainContent .holder.uvod h2 {color:#333; background:none; padding-left:0px; font-size:160%; line-height:150%; padding-top:0px;}
/*produkty*/
#mainContent .holder.product {float:left; margin-right:20px; width:270px;}
#mainContent .holder.product div {
  width:248px;
	position:relative; 
	padding:12px; padding-top:5px; margin-bottom:10px;
  border:solid 1px #e0dede; 
  min-height:105px; _height:105px;
  background:#fff url(../images/bg-product.png) bottom left repeat-x; 
}
#mainContent .holder.product div p {margin:0px 0px 0px 90px; font-size: 95%;text-align:left;}

#mainContent .holder.product div img {float:left; margin:0px; width:75px; height:80px;}
#mainContent .holder.product div h2, #mainContent .holder.product div h2 a{font-size:120%; line-height:120%; text-decoration:none; color:#333; background:none; padding:0px; margin:0px; border:none; padding-bottom:8px;}

#mainContent .holder.product div  .roh-tl {position:absolute; width:5px; height:5px; top:-1px; left:-1px; background:url(../images/product-tl.png) top right no-repeat;}
#mainContent .holder.product div  .roh-tr {position:absolute; width:5px; height:5px; top:-1px; right:-1px; background:url(../images/product-tr.png) top right no-repeat;}
#mainContent .holder.product div  .roh-bl {position:absolute; width:5px; height:5px; bottom:-1px; left:-1px; background:url(../images/product-bl.png) top right no-repeat;}
#mainContent .holder.product div .roh-br {position:absolute; width:5px; height:5px; bottom:-1px; right:-1px; background:url(../images/product-br.png) top right no-repeat;}

/*formulář*/
#mainContent .formular {position:relative; border:solid 1px #2e608d; background:#2e608d url(../images/bg-formular.png) top left repeat-x; color:#fff; padding:15px;}

#mainContent .formular h2, #mainContent .holder.uvod .formular h2 {color:#93ec05; 
padding-left:30px;
line-height:180%;
background: url(../images/li.gif) left center no-repeat;}

#mainContent .holder.uvod .formular .txt-input {width:270px;}
#mainContent .holder.uvod .formular .txt-area {width:220px;}
#mainContent .holder.uvod .formular .textarea-l {height:120px; background:url(../images/uvod-bg-textarea-l.png) top left no-repeat;}
#mainContent .holder.uvod .formular .textarea-r {height:120px; background:url(../images/uvod-bg-textarea-r.png) top left no-repeat;}
#mainContent .holder.uvod .formular th {width:65px;}

#mainContent .formular th, #mainContent .formular td {padding:5px 0px;} 
#mainContent .formular th {text-align:right; padding-right:5px; vertical-align:top; padding-top:5px;} 

#mainContent .formular  .roh-tl {position:absolute; width:6px; height:6px; top:-1px; left:-1px; background:url(../images/roh-tl.png) top left no-repeat;}
#mainContent .formular  .roh-tr {position:absolute; width:6px; height:6px; top:-1px; right:-1px; background:url(../images/roh-tr.png) top left no-repeat;}
#mainContent .formular  .roh-bl {position:absolute; width:6px; height:6px; bottom:-16px; left:-16px; background:url(../images/roh-bl.png) top left no-repeat;}
#mainContent .formular .roh-br {position:absolute; width:6px; height:6px; bottom:-16px; right:-16px; background:url(../images/roh-br.png) top left no-repeat;}
/*vyjádření klienta*/
#mainContent .bg-top-klient {display:block; margin:0px; padding:0px; height:43px; background:url(../images/klient-top.png) top left no-repeat;}
#mainContent .bg-top-klient h3{font-size:150%; padding:0px 0px 0px 100px; color:#f52901;}
#mainContent .bg-klient {display:block; margin:0px; padding:1px 10px; margin:0px; background:url(../images/klient.png) top left repeat-y;}
#mainContent .bg-klient p{margin:0px;}

#mainContent .bg-bottom-klient {display:block; margin:0px; margin-bottom:10px; padding:0px; height:5px; background:url(../images/klient-bottom.png) top left no-repeat;}

/*-- [ 7. Footer ] -----------------------------------------------*/
#footer {
  width:100%;
  height:96px;
  text-align:center;
  margin:15px 0 0 0;
	background:transparent url(../images/bg-footer.png) top left repeat-x;
}
#footer #foot-center {
	padding:50px 50px 15px 15px;
	width:882px;
	margin:0 auto;
	font-size:90%; 
	color:#fff;
	position:relative;
	min-height:1px;
}

#footer .foot-l {position:absolute; left:15px; top:20px;}
#footer .foot-r {position:absolute; right:60px; top:25px;}
#footer a {margin:0 3px; color:#fff;}
#footer a:hover {color:#93ec05;}
#footer p {padding: 1ex 0;}
#footer .author {text-align:right; color:#93ec05; position:relative; padding-right:10px;}
#footer .author a{color:#93ec05;}
#footer .author a:hover {color:#fff;}
#footer .author span {position:absolute; right:-32px; top:-41px; width:32px; height:40px; background:url(../images/bg-logo.png) left top no-repeat;}