@import url('reset.css');
@charset "utf-8";
/* CSS Document */

* { margin:0; padding: 0; }

body  {
	margin: 0 auto;	
  background: #000 url(../img/site/bg2.jpg) no-repeat top center fixed;
}

body, div, table, td, th, ol, textarea, input
{
	font: normal 14px/1.45 Arial, Verdana, sans-serif;
	color: #252525;     
}

ul {list-style-type: square; padding:0px; margin-left:20px;}
li {text-align: left; font: italic 14px/1.55  Arial, Trebuchet MS, Verdana, sans-serif;}
img {border: none;}
hr {  border: 0; margin: 5px 0 10px 0; color: #5E5842; background-color: #5E5842; height: 1px; }
em {color: #000; font-style: italic; font-weight: bold; font-size: 14px; text-align: left; }
p {margin: 2px 0 10px 0; text-align: justify;}
strong {color: #000;}

h1 {
	color: #000; 
  text-align: left;
  font-size: 48px;
	line-height: 44px;    
  font-weight: bold;
  text-transform: none;
  font-style: bold;
  margin-bottom: 5px;    
}

h2
{   
  font-size: 28px;
  text-transform: uppercase;
  text-align: left;
  color: #3582ca;
  font-weight: bold;
  font-style: normal;
  margin-top: 5px;   
  margin-bottom: 5px;       
}

h3         
{
  text-align: left;
  color: #9bcf23;
  font-size: 22px;
	line-height: 18px;  
  font-weight: bold;
  text-transform: none;
  font-style: normal;
  margin-top: 8px;  
  margin-bottom: 2px;     
}

h4         
{
  display: block;
  background: #9bcf23;
  padding: 6px 6px 2px 6px;
  font-size:18px;
  margin-bottom: 5px;
  text-align: left;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;   
}
                   
.tvh4          
{
  display: block; background: #1d264d; padding: 6px 6px 2px 6px; font-size:18px; margin-bottom: 5px; text-align: left; color: #fff; font-weight: bold; text-transform: uppercase;   
}

.pomoch4          
{
  display: block; background: #c26468; padding: 6px 6px 2px 6px; font-size:18px; margin-bottom: 5px; text-align: left; color: #fff; font-weight: bold; text-transform: uppercase;   
}

.choiceh4          
{
  display: block; background: #bf7cc7; padding: 6px 6px 2px 6px; font-size:18px; margin-bottom: 5px; text-align: left; color: #fff; font-weight: bold; text-transform: uppercase;   
}

.kontakth4          
{
  display: block; background: #4cd5c6; padding: 6px 6px 2px 6px; font-size:18px; margin-bottom: 5px; text-align: left; color: #fff; font-weight: bold; text-transform: uppercase;   
}

h5         
{
  display: block;
  background: #3582ca;
  padding: 6px 6px 2px 6px;
  text-align: left;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  font-style: normal;
  margin-top: 15px;  
  margin-bottom: 0px;    
}

h6       
{
  text-align: left;
  color: #000;
  font-size: 14px;  
  margin-top: 5px;  
  margin-bottom: 5px;   
  text-transform: uppercase;   
}

a:hover, a:active, a:link, a:visited  {
	color: #191816;
	text-decoration: underline;
	font-weight: bold;
	
}

a:hover.bezformatovania, a:active.bezformatovania, a:link.bezformatovania, a:visited.bezformatovania  {
	color: #191816;
	text-decoration: none;
	font-weight: normal;
}

.clr{
	clear:both;
}
.container {
	width:100%;
	position:relative;
	z-index:100;
	margin:0 auto;
}

.ared
{
  color: #651a15;
  text-align: right;
}

a:hover.ared, a:active.ared, a:link.ared, a:visited.ared  {
	color: #651a15;
	text-decoration: underline;
	font-weight: bold;
}

.aimg
{
  font-size:11px;
  color: #baaa79;
  text-align: center;
}

a:hover.aimg, a:active.aimg, a:link.aimg, a:visited.aimg  {
	text-decoration: underline;
	font-weight: normal;
}

/* SITE SITE SITE SITE SITE SITE SITE SITE SITE SITE */	
#top	{
  position: absolute;
  display: block;
  width: 880px;
  height: 30px;
  left:50%;
  top:25px;
  margin-left: -440px;
  text-align: right;
  color: #fff; 
  font-size: 14px;  
}

#top a
{
  color: #fff; text-decoration: none; font-weight: normal;
}

#top a  img
{
  height:16px;;
}


#page	{
  position: absolute;
  display: block;
  width: 980px;
  left:50%;
  top:20px;
  margin-left: -490px;
  background: #fff;     
}



#site	{
  position: absolute;
  display: block;
  width: 920px;
  left:50%;
  top:30px;
  margin-left: -460px;
  background: #fff; 
}

#margin20 {
  position: relative;
  display: block;
  width: 880px;
  margin: 20px 20px 20px 20px;
  background: #fff;   
}

#logo{
  position: absolute;
  display: block;
	left: 0px;
	top: 0px;
	width: 250px;
	height: 250px;
  background: #fff; 
	z-index: 200;
}

#header	{
  position: relative;
  display: table;
	width: 880px;
  height: 225px;              
  background: none;
}

#leftofmenu
{
  position: relative; 
  display: block;
  float: left;
  width: 210px;
  height: 100%;
  background: #fff;   
}

#menu
{
  position: relative; 
  display: block;
  float: right;
  width: 670px; 
  height: 100%; 
  background: #fff;     
}

.submenu   {
  position: relative;
  display: block;
  width: 160px;
  height: auto;
  color: #191816;
  font: normal 14px/1.4 Arial, Verdana, sans-serif;  
  margin-left: 10px;
  margin-bottom: 5px;  
  padding-bottom: 5px;
  border-bottom: 1px dotted Black;
}

.submenu a, .submenu a:link, .submenu a:visited {  color: #191816;  text-decoration: none; font-weight: normal; }
.submenu a:hover {  font-weight: bold; } 	
.submenu a.selected {color: #191816; font-weight: bold;  text-decoration: none;}


.subsubmenu   {
  position: relative;
  display: block;
  width: 145px;
  height: auto;
  color: #191816;
  font: normal 12px/1.2 Arial, Verdana, sans-serif;
  margin-left: 25px;
  margin-bottom: 5px;  
  padding-bottom: 5px;
  border-bottom: 1px dotted Black;
}

.subsubmenu a, .subsubmenu a:link, .subsubmenu a:visited {  color: #191816;  text-decoration: none; font-weight: normal; }
.subsubmenu a:hover {  font-weight: bold; } 	
.subsubmenu a.selected {color: #191816; font-weight: bold; text-decoration: none;}

.subsubsubmenu   {
  position: relative;
  display: block;
  width: 130px;
  height: auto;
  color: #191816;
  font: normal 12px/1.2 Arial, Verdana, sans-serif;
  margin-left: 40px;
  margin-bottom: 5px;  
  padding-bottom: 5px;
  border-bottom: 1px dotted Black;
}

.subsubsubmenu a, .subsubsubmenu a:link, .subsubsubmenu a:visited {  color: #191816;  text-decoration: none; font-weight: normal; }
.subsubsubmenu a:hover {  font-weight: bold; } 	
.subsubsubmenu a.selected {color: #191816; font-weight: bold; text-decoration: none;}

/*flash*/

#uputavka { position:relative; display:block;  text-align: center; background: none;   }
#uputavka_obsah { position:relative; display:block; }



#content { position:relative; display: block; width: 880px; margin: 0px; padding: 0px; text-align: left; background: #fff; }
/* contente s pozadim pre 2 uroven stranok */
#contente { position:relative; display: table; width: 880px; margin: 0px; padding: 0px;  text-align: left; background-image: url(img/site/2content-bg.gif);
	background-repeat: repeat-y; }

#content1 { float: left; width: 210px; border-top: 1px solid #fff;   background: #fff;   }
#obsah1 { width: 190px; margin: 5px 20px 20px 0; color: #252525; background: none; text-align: left;	}

#content23 { float: right; width: 670px; height: auto; border-top: 1px solid #fff;   background: #fff;  }
#obsah23 { width: 640px; margin: 0 20px 20px 10px; color: #252525;  background: none;}

#obsah23 p
{
	font: normal 14px/1.55 Arial, Verdana, sans-serif;
	color: #252525;     
}

.box-internet        
{
  display: block; background: none; float:left; width: 194px; height: 400px; margin: 20px 10px 28px 8px; text-align: left; color: #fff; text-transform: uppercase;   
}

.box-internet-standard        
{
  display: block; background: none; float:left; width: 194px; height: 400px; margin: 20px 20px 28px 16px; text-align: left; color: #fff; text-transform: uppercase;   
}

.box-internet-optimal        
{
  display: block; background: none; float:left; width: 194px; height: 400px; margin: 20px 0px 28px 4px; text-align: left; color: #fff; text-transform: uppercase;  
}

.box-internet-connect        
{
  display: block; background: none; float:left; width: 194px; height: 400px; margin: 20px 10px 28px 8px; text-align: left; color: #fff; text-transform: uppercase;   
}

.box-internet-flexi        
{
  display: block; background: none; float:left; width: 194px; height: 400px; margin: 20px 20px 28px 16px; text-align: left; color: #fff; text-transform: uppercase;   
}

.box-internet-garant        
{
  display: block; background: none; float:left; width: 194px; height: 400px; margin: 20px 0px 28px 4px; text-align: left; color: #fff; text-transform: uppercase;   
}

.box-internet-obsah        
{
  display: block;
  background: none;
  float:left;
  width: 180px;  
  height: 375px;
  margin: 15px 7px 10px 7px;
  text-align: left;
  color: #fff;
  font-weight: normal;
  text-transform: none;   
}

.box-internet-obsah p        
{
  color: #fff; text-decoration: none; font-weight: normal; 	font-size: 12px; 
}

.price      
{
  text-align: right;
  color: Red;
  font-size: 28px;
  font-weight: bold;     
  text-transform: uppercase;   
}

.price-small      
{
  float: right;
  margin: 5px 0 0 0; 
  padding: 5px; 
  background: #9bcf23 url(../img/site/bg-price.png) no-repeat top center;
  border-radius:4px; 
  width: 120px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;     
  text-transform: none;   
}

.price-small a      
{
  color: #fff;     
  text-decoration: none;   
}

#footer
{
  position: relative;
	display: block;
	width: 920px;
	color: #252525;
	text-align: left;
	font-style: normal;
	text-transform: none;
  background: #fff url(../img/site/bg1.gif) repeat top left;
  border-top: 1px solid #ddd; 
  border-bottom: 1px solid #ddd;   
}

#footer a
{
  color: #252525; text-decoration: underline; font-weight: bold; 	font-size: 11px;
}

#content4 { float: left; width: 235px; background: #fff url(../img/site/bg1.gif) repeat top left;}
#obsah4 { width: 205px; height: 150px; margin: 20px 10px 20px 20px; color: #252525;	font-size: 11px;}

#content5 { float: left; width: 225px; background: #fff url(../img/site/bg1.gif) repeat top left; }
#obsah5 { width: 205px; height: 150px; margin: 20px 10px 20px 10px; color: #252525;	font-size: 11px;}

#content6 { float: left; width: 225px; background: #fff url(../img/site/bg1.gif) repeat top left; }
#obsah6 { width: 205px; height: 150px; margin: 20px 10px 20px 10px; color: #252525;	font-size: 11px;}

#content7 { float: right; width: 235px; background: #fff url(../img/site/bg1.gif) repeat top left; }
#obsah7 { width: 205px; height: 150px; margin: 20px 20px 20px 10px; color: #252525;	font-size: 11px;}


#downsite	{
	background: none;
  position: absolute;
  display: block;
  width: 880px;
  height: 80px;
  left:50%;
  bottom:-75px;
  margin-left: -440px;
  text-align: right;
  color: #ccc;   
}

#downsite a
{
  color: #b5b5b5; text-decoration: none; font-weight: bold;
}

#pata	{
  position: relative;
  display: block;
  float: left;
  width: 540px;
  color: #ccc;
  font-size: 80%;
  text-align: left;
  margin: 10px 20px 0 20px;
}

#pata a
{
  color: #b5b5b5; text-decoration: none; font-weight: bold;
}

#pata strong {color: #9bcf23;}

#85	{
  position: relative;
  display: block;
  float: right;
  width: 320px;
}

#85 a
{
  color: #b5b5b5; text-decoration: none; font-weight: bold;
}

.fb-like-box {
  background: url(../img/site/bg1.gif) repeat top left;
width:360px;
padding:0 0px;
border:solid 6px #e9e8e8;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.open-box {
  background: url(../img/site/bg1.gif) repeat top left;
width:250px;
padding:0 0px;
border:solid 6px #000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

/* TLACIDLO */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

.cleaner {    clear: both; }


label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}

.form {
  background: #eee;
  margin-top: 15px;
  text-align: left;
  padding: 20px;
  border: 1px solid #ccc;
}


input {
	border: none;
	font: normal 11px;
	_font: normal 13px;
	*font: normal 13px;
	color: #000;
	background: #fff;
	border: 1px Solid #ccc;
	padding: 6px;
}

input.form {
	font: normal 11px;
	_font: normal 13px;
	*font: normal 13px;
	color: #000;
	background: #000;
	border: 1px Solid #ccc;
	margin-bottom: 5px;
	padding: 3px 3px 5px 3px;
	height: 20px;
  text-align: left;  
}

textarea {
	font: normal 11px;
	_font: normal 13px;
	*font: normal 13px;
	color: #000;
	background: #fff;
	border: 1px Solid #ccc;
}

textarea.form {
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;  	
	color: #000;
	background: #4cd5c6;
}


.form2 { background: none; margin-top: 15px; text-align: left; padding: 20px; border: 1px solid #ccc; }

input { border: none; font: normal 11px; _font: normal 13px; *font: normal 13px; color: #000; background: #fff; border: 1px Solid #ccc; padding: 6px; }

input.form2 { font: normal 11px; _font: normal 13px; *font: normal 13px; color: #fff; background: #3e8ed3; border: 1px Solid #ccc; margin-bottom: 5px; padding: 3px 3px 5px 3px; height: 20px; text-align: left; }

textarea { font: normal 11px; _font: normal 13px; *font: normal 13px; color: #000; background: #fff; border: 1px Solid #ccc; }

textarea.form2 { border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; color: #000; background: #3e8ed3; }