* {
	margin: 0px;
	padding: 0px;}
body {
	background: #CCCCCC url('../layout/background.png') center top repeat-x;
	_background: none!important; 
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/background.png', sizingMethod='scale');
	color: #464646;
	font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;}
.red{
  color: #FF0000;
  }
#small_text{
	font-size: 10px;
  }  
h1 {
  color: #FF0000;
  font-weight: bold;
  padding: 5px 5px 5px 0px;
	font-size: 20px;
  }
h2 {
  color: #FF0000;
  font-weight: normal;
  padding: 5px 5px 5px 0px;
	font-size: 15px;
  }
h1.search {
	background: url('../layout/h2-search.png') no-repeat;
  padding-left: 40px;
  margin-left: 30px;}

h3 {
  color: #FE0000;
	padding: 5px 0px 5px 0px;
	font-size: 1.2em;}


h4 {
	font-size: 1em;
}

p {
	margin: 10px 0px 10px 0px;
}

ul {
	margin: 5px 5px 5px 25px;
	list-style: circle;
}

	ul.list_decimal {
		list-style: decimal;
	}

hr {
	display: none;
}

a img {
	border-width: 0px;
}




/*#################### layout ####################*/
#container {
	margin: auto;
	padding: 0px 15px 0px 15px;
	position: relative;
	background: url('../layout/container-background.png') repeat-y;
	_background: none!important; 
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/container-background.png', sizingMethod='scale');
	width: 868px;
  _width: 860px;}
#header {
	width: 909px;
	_width: 868px;
	height: 248px;
	position: relative;
	/*background: url('../layout/header.png') no-repeat;}*/
  background: url('../layout/patreal_header.jpg') no-repeat;}
	#header #languages {
    float: right;
    padding: 5px 50px 0px 0px;}
#logo {
	origin:padding;
  background:transparent url(../img/logo.png) no-repeat scroll 0 0;
  height:55px;
  left:65px;
  overflow:hidden;
  position:absolute;
  top:0px;
  width:240px;
  z-index:100;}
.accessibility{
  font-size:0;
  height:1px;
  left:-1000px;
  position:absolute;
  top:-1000px;
  width:1px;}
#neck {
  width: 868px;
  height: 74px;
  background: url('../layout/navigation.png') no-repeat;}
#doplnek {
  padding: 5px 10px 0px 10px;
  width: 102px;
  float: right;
  margin-right: 128px;}
  #doplnek a {
  color: #010101;
  font-family: tahoma;
  text-decoration: none;
  font-size: 0.8em;}
  #doplnek a:hover {
  text-decoration: underline;}

/*#################### menu ####################*/

#menu {}
#menu ul {
  margin: 0px 0px 30px 0px;
  list-style-type: none;
  }
#menu ul li{}
#menu ul li a {
  width: 180px;
  height: 22px;
  font-size: 1.2em;
  margin: 0px 0px 0px 5px;
  padding: 5px 0px 0px 10px;
  text-decoration: none;
  color: #FF0000;
  display: block;
  border-bottom: 1px solid #E0E1E3;
  background: url('../layout/menu-button.png') no-repeat;}
  #menu ul li a:hover, #menu ul li a.active {
    color: #464646;
    background: url('../layout/menu-button-hover.png') no-repeat;}

/*#################### content ####################*/

#content {
  width: 660px;
  padding: 0px 0px 0px 7px;
  float: left;
  background: url('../layout/content-background.png') no-repeat;}
  #content a{
    color:#F70424;}
  #content a:hover{
    color:#000000;
    text-decoration: none;}
#navigace {
  float: left;
  color: #F70424;
  width: 560px;
  padding: 17px 0px 10px 17px;}
  #navigace span {
  position: relative;
  top: -5px;}
  



/*#################### left ####################*/
#left {
  float: left;
  width: 201px;
  background: url('../layout/left-background.png') no-repeat;}
#left p {
  padding-left: 3px;
  padding-right: 3px;
  font-size: 0.8em;}
#left p a {
  text-decoration: none;
  color: #464646; }
#left p a:hover {
  text-decoration: underline;}
#bezplatna_linka {
  width: 136px;
  height: 71px;
  text-align: center;
  color: #FF0000;
  line-height: 1.8em;
  padding: 15px 0px 0px 65px;
  background: url('../layout/box-phone.png') no-repeat;}
#doporucujeme{
  font-size: 12px;
  }  



/*#################### footer ####################*/

#footer {
  font-size: 0.8em;
	width: 852px;
	height: 57px;
	padding: 10px 20px 10px 20px;
	margin: auto;
	clear: both;
	position: relative;
  background: url('../layout/footer.png') no-repeat;
  _background: none!important; 
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/footer.png', sizingMethod='scale');}
	#footer a {
    color: #464646;}
	#footer a:hover {
    text-decoration: none;}
#motyl {
  position: absolute;
  width: 140px;
  height: 188px;
  right: -30px;
  bottom: -30px;
  background: url('../layout/motyl.png') no-repeat;
  _background: none!important; 
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/motyl.png', sizingMethod='scale');}

	
	
			/* classes */

.button {}
  .button .left {
    display: block;
    float: left;
    width: 14px;
    height: 39px;
    background: url('../layout/button-left.png') no-repeat;
    _background: none!important; 
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/button-left.png', sizingMethod='scale');}
  .button .right {
    display: block;
    float: left;
    width: 14px;
    height: 39px;
    background: url('../layout/button-right.png') no-repeat;
    _background: none!important; 
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/button-right.png', sizingMethod='scale');}
  .button .text {
    background: url('../layout/button-middle.png') repeat-x;
    _background: none!important; 
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/button-middle.png', sizingMethod='scale');
    float: left;
    display: block;
    _line-height: 1.5em;
    padding: 10px 0px 10px 0px;}

.center {
	text-align: center;
}

.clear {
	clear: both;
	padding: 0px;
	line-height: 0px;
	height: 0px;
	font-size: 0px;
}

.none {
	display: none;
}
	
.fl_right {
	float: right;
}

.fl_left {
	float: left;
}

.fifty {
	width: 50%;
	float: left;
}	

.line{
  width: 650px;
  height: 9px;
  margin-left: 5px;
  clear: both;
  overflow: hidden;
  line-height: 0px;
  font: 0px;
  background: url('../layout/line.png');
  _background: none!important; 
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/line.png', sizingMethod='scale');}


  /*#################### top_nabidky ####################*/
#top_nabidky {
  float: left;
  width: 540px;
  _width: 540px;
  height: 197px;
  margin-top: 0px;
  padding: 0px 10px 0px 10px;
  position: relative;
  margin: auto;
  background: url('../layout/top_nabidky-background.png') 0px 0px repeat-x;}
#top_nabidky-left {
  position: absolute;
  left: 0px;
  height: 267px;
  width: 7px;
  margin-top: 0px;
  background: url('../layout/top_nabidky-left.png') no-repeat;}
#top_nabidky-right {
  position: absolute;
  right: 0px;
  height: 267px;
  width: 10px;
  margin-top: 0px;
  background: url('../layout/top_nabidky-right.png') no-repeat;}
#top_nabidky-nadpis {
  position: absolute;
  right: 50px;
  top: 1px;
  display: block;
  width: 195px;
  height: 24px;
  font-size: 1.2em;
  text-align: center;
  padding: 5px 0px 0px 0px;
  background: url('../layout/top_nabidky.png') no-repeat;}
#top_nabidky-arrow-left {
  float: left;
  margin-top: 75px;}
#top_nabidky-arrow-right {
  float: right;
  margin-top: 75px;}
#top_nabidky .box {
  width: 148px;
  height: 165px;
  margin: 10px 3px 0px 4px;
  padding: 5px 5px 0px 7px;
  float: left;
  font-size: 0.9em;
  text-align: center;
  line-height: 1.2em;
  background: url('../layout/top_nabidky-box.png') no-repeat;}
#top_nabidky .box a {
  color: #000000;
  text-decoration: none;}
   
#social-icons{
  float: right;
  padding-top: 142px;
  padding-right: 50px;
}