*{
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-family: Trebuchet MS, Verdana, Helevetica, Arial, "Arial CE", sans-serif;
  font-size: 13px;
  text-align: left;
}

body {
  background-color:  #464646;
  margin: 0px;
  padding: 0px;
  font-family: Trebuchet MS, Verdana, Helevetica, Arial, "Arial CE", sans-serif;
  font-size: 13px;
  line-height: 160%;
}

h1{
	text-align: right;
	font-size: 22px;
	line-height: 22px;
	position: absolute;
	top: 40px;
	left: 50%;
	width:700px;
	margin-left: -228px;
	color: #000;
	z-index: 10;
}

h2{
	font-size: 15px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: solid 1px #ccc;
	text-transform: uppercase;
	color:  #c00;
}

h3{
	font-size: 14px;
	color: #c00;
}

h3,p{
	margin: 0px 0px 20px 0px;
}

h4{
	font-size: 12px;
	color: #c00;
	margin: 0px 0px 10px 0px;
}

ol{
  padding: 0px 0px 0px 20px !important;
}

.underline{
  text-decoration: underline;
}

div#conCon ol, div#conCon ul{
	margin: 0px 0px 20px 0px !important;
	padding: 0px 0px 0px 20px;
}

div#conCon a{
  color: #c00;
  font-weight: bold;
}

.brickRed{
  color:  #c00;
}

.redBorder{
		border: solid 1px #ff0000 !important;
		background-color: #fffffe !important;
	}

.smallNotice,
.smallNotice *{
  color: #777 !important;
  font-size: 10px;
} 

div#conCon ul{
  list-style: square;
}

hr{
	margin: 0px 0px 20px 0px;
	line-height: 1px;
	border-bottom: solid 1px #ccc;
}

a#evronLogo{
  display: block;
  height: 70px;
  width: 250px;
  float: left;
  text-decoration: none;
}

a#eShopLogo,
a#eShopLogo img{
	float: left;
}

h2#hiddenHeading{
	display: none;
}
	
div.clear, div.util, div.cleaner{ display: block; clear: both; font-size: 0px; line-height: 0px; }

/* center divs */
div#topCenter,
div#middleCenterTop,
div#middleCenterBottom,
div#topCenter,
div#footerCenter{
	width: 940px;
	margin: 0 auto;
}

div#middleCenterTop{
  border-right: solid 1px #ccc;
}

/* Base Layout */ 
div#top{
	height: 110px;
	border-bottom: solid 20px #fff;
	background: url("../img/layout/bg-top.gif") left bottom repeat-x #fff;
}

	div#topCenter{
		height: 110px;
		position: relative;
		background: url("../img/layout/bg-top-c.gif") left top no-repeat;
	
	}
	div#langWayChooser{
		position: absolute;
		top: 85px;
		left: 895px;
		width: 45px;
		z-index: 5;
	}
		div#langWayChooser img{
			border: solid 2px #ccc;
		}
		
		div#langWayChooser a,div#langWayChooser img{
			font-size: 1px;
			line-height: 1px;
			margin: 0px;
			padding: 0px;
		}
			img.czech{
				margin: 0px 5px 0px 0px !important;
			}	
	
	div#sTop{
		height: 75px;
	}

div#middle{
  background: #fff;
	min-height: 160px;
}

div#middleCenterTop,
div#conRight,
div#conLeft{
	min-height: 100px;
}

div#conLeft,
div#conRight
{ float: left;}

div#conLeft{min-height: 100px; width:722px;}

div#conCon{
	padding: 0px 45px 10px 15px;
}
			div#leftbox p,
			div#middlebox p,
			div#rightbox p{
				padding: 15px;
				font-size: 12px !important;
				font-weight: bold;
				line-height: 140% !important;
			}
			
			div#leftbox,
			div#middlebox,
			div#rightbox{
				float: left;
				width: 216px;
				height: 135px;
				padding: 290px 0px 0px 0px;
				position: relative;
			}
			
			div#leftbox a.getStart,
			div#middlebox a.getStart,
			div#rightbox a.getStart{
				display: block;
				width: 216px;
				height: 50px;
				text-decoration:none;
				position: absolute;
				top: 371px;
				left: 0px;
			}
			
				div#leftbox a.getStart{ background: url("../img/content/001-start.gif") left bottom no-repeat; }
				div#leftbox p a { text-decoration : none; color:#BF0000; }
        div#middlebox a.getStart{ background: url("../img/content/002-start.gif") left bottom no-repeat; }
				div#middlebox p a { text-decoration : none; color:#FA7600; }
				div#rightbox a.getStart{ background: url("../img/content/003-start.gif") left bottom no-repeat; }
				div#rightbox p a { text-decoration : none; color:#B5AA91; }

div#rightbox p {
  padding: 15px 10px 15px 15px; 
  
}

			div#leftbox,
			div#middlebox{ margin: 0px 25px 0px 0px;}
			
			div#leftbox{
				background: url("../img/content/001.gif") center top no-repeat;
			}
						
			div#middlebox{
				background: url("../img/content/002.gif") center top no-repeat;
			}			
			div#rightbox{
				background: url("../img/content/003.gif") center top no-repeat;
			}
			
			div.half{
				width: 331px;
				float: left;
				margin: 0px 0px 20px 0px;
			}


/* kontakty */
div.con,
div.ukazka{
	border-bottom: solid 1px #ccc;
	margin: 0px 0px 20px 0px;
}

div.ukazkaTretina{
	width: 200px;
	height: 220px;
	padding: 10px;
	float: left;
}

div.ukazkaTretina img {
	margin: 0px 0px 5px 0px !important;
}
	div.ukazkaTretina p{
		margin: 0px 0px 5px 0px !important;
	}

	div.ukazkaTretina p.alignCenter{
		text-align: center !important;
	}

div.con img,
div.ukazka img{
	float: left;
	margin: 0px 0px 20px 0px;
	border: solid 1px #ccc;
	padding: 1px;
}

div.con p,
div.con h3{
	margin-left: 150px;
	margin-bottom: 10px;
}


		
div.ukazka p{
	margin-left: 240px;

}
div.ukazka table{
  margin: 0px 0px 5px 240px;
  width: 422px;
}

  td.aLeft{
    text-align: right;
  }

div.ukazka p a{ color:#c00;}


div#conRight{min-height: 150px; width:218px; padding: 0px 0px 0px 0px;}
			
			div#conRight h3{
				font-size: 17px;
				color: #000;
				margin: 0px 0px 5px 0px;
			}
						div#conRight ul{
            margin: 0px 0px 30px 0px;
            }
			
			
div#middleCenterBottom{
	min-height: 260px;
}
	div#middleCenterBottom h3{
		padding: 25px 15px 0px 15px;
		margin: 0px 0px 10px 0px;
		font-size: 18px; 
		color: #000;
	}
	
	div#ourSites{ 
		padding: 10px 0px 10px 15px; 
		text-align: center !important;
	}
	div#ourSites img,
	div#ourSites canvas {
		margin: 0px 4px 1px 4px;
	}
	
div#conRight{
  width:195px;
  padding: 0px 10px 0px 10px;
}

div#footer,
div#footerCenter,
div.period{
	height: 120px;
}
div.period {
	width: 310px;
	float: left;
}
div.period p{
	padding: 15px;
	line-height: 180%;
	color: #fff;
}
div.period a{
	color: #fff;
	text-decoration: none;
	font-size: 11px;
}

.reflect, 
.rheight15{
  float: left;
}

.yM{
  margin: 0px 10px 0px 0px;
}

p#copy{ text-align: center; padding: 15px; color: #b1b0b0; }


div#help1,
div#help2{
  float: left;
  padding: 0px 10px 0px 0px;
  position: relative;
}

.helpText{
  padding: 15px 25px 25Px 25Px;
  color: #fff;
}

div#helpBaloon1,
div#helpBaloon2{
	visibility: hidden;

}
div#helpBaloon1,
div#helpBaloon2{
  width: 440px;
  height: 265px;
  position: absolute;
  top: -265px;
  left: 75px ;
  right: 0px;
  background: url(../img/layouts/help-baloon.gif) left top no-repeat;
}

  a.close{
    display: block;
    text-align: right;
    color: #fff !important;
    padding: 10px 45px 0px 10px;
    background: url(../img/layouts/close.gif) 405px 13px no-repeat;
  }
  
  a.close:hover{
    text-decoration: none;
  }
  
  input.domeinLink{
    width:  160px;
  }
  input.domeinName{
    width: 188px;
  }
  
  p.bigone{
    font-size: 39px;
    height: 27px;
	 line-height: 27px;
    padding: 10px 10px 0px 0px ;
    float: left;
  }
   p.noBig{
    margin: 0px 0px 10px 40px !important;
   }
   
   p.moreTopPadding{
    padding: 13px 0px 0px 0px;
   }
   
   .moreMarginBottom{
    margin: 0px 0px 20px 0px;
   }
  
  table.priceList{
    width: 480px;
  }

  table.priceList td {
    font-weight: bold;
  }


  div.half p{
    margin: 0px;
  }
a.archnor{
  display: none;
}

p.fc{
  margin-top: -10px;
  font-size: 11px;
}
p.mmt{
  margin-top: -15px; }
  
  
  p.cxcCenter{
    text-align: center;
  }
  
    p.cxcCenter a{
      padding: 0px 20px 0px 20px;
    }


 .superGrey{
  color: #ccc !important;
 }
 
 .hide{
  display: none;
 }
 
 div#upperFooter{
	background: url("../img/layout/bg-mid.gif") left top repeat-x #eee; 
	}
	
 div#whatEvron{
  background: #EEEEEE;
 }
 
 div#shaddowBott{
  height: 20px;
	background: url("../img/layout/shaddow.gif") left bottom repeat-x #eee; 
 }
 
 div#middleCenterBottom p{
  margin: 0px 0px 10px !important;
 }
 
 div#middleCenterBottom p,
 div#middleCenterBottom div.bm{
  padding: 0px 15px 0px 15px; 
 }
 
 div#middleCenterBottom h4{
  padding: 15px 0px 0px 0px; 
  font-size: 14px;
 } 
 
 div#middleCenterBottom p a{
  color: #c00;
  font-size: 12px;
 }
 

 /* alert and info */
		div.info,
		div.alert{
			padding: 10px;
			margin: 0px 0px 10px 0px;
		}
		
		div.info{
			border: solid 1px #5D8306;
			color:  #5D8306;
			background: #d5fcd5;
		}
		
		div.alert{
			border: solid 1px #c00;
			color:  #c00;
			background: #fcd5d5;
		}
		
		div#supportPayments {
			float: left;
		}
		
/* nove kontakty */
div.newContact{
	width: 50%;
	float: left;
}
	div.newContact h4{
		margin-bottom: 0px !important;
		color: #000 !important;
		font-size:  15px !important;
	}
	
	div.firstNewContact{ padding: 20px 0px 0px 0px; }
	div.lastNewContact{ padding: 20px 0px 20px 0px; }

	p.newKonFce{ margin-bottom: 10px !important; }		

 