@charset "utf-8";
/*  
Theme Name: Webtica.cz
Theme URI: http://www.webtica.cz
Description: Vzled pro strnku Webtica.cz
Author: Tomáš Gažůr
Author URI: http://www.tomasgazur.cz
*/
body { 
  	width:100%;
	font-family: Arial, Helvetica, helvetica, sans-serif; 
	font-size:11pt;
	font-weight: normal;
	text-align: left;
  	color: #515151; 
	background-color: #fff; 
	margin: 0px; 
	padding:0px; 
	}

body a img {border:none;}

p { 
	font-size:11pt; 
	margin:5px 0 20px 0px;
  	padding:0 5px 0 0px;
	color: #515151;
	line-height:16pt;
  }


h1{
	font-size:24pt;
	font-weight: normal;
	letter-spacing: 0px;
  	margin:0;
  	padding:0px; 
	color: #084594;
	display:block;
	}
h1 span{display:none;}
	  
h2{ 
  	font-family:  Calirbi, Arial, Helvetica, helvetica, sans-serif;
	font-size:28pt;
	font-weight: bold;
	letter-spacing: 0px;
  	margin:0 0 20px 0;
  	padding:0px; 
	color:#fff;

	}

h2 img {vertical-align:middle; margin:0 10px 0 0}

h3{ 
  	font-family:  Arial, Helvetica, helvetica, sans-serif;
	font-size:15pt;
	font-weight: normal;
	letter-spacing: 0px;
  	margin:0 0 20px 0;
 	padding:10px 0 10px 0px; 
 	line-height:29px;
	color:#d9261a;
	border-bottom:1px solid #dadada
	}
	
h4{ 
  	font-family:  Arial, Helvetica, helvetica, sans-serif;
	font-size:13pt;
	font-weight: normal;
	letter-spacing: 0px;
  	margin:0 0 5px 0;
  	padding:5px 0 10px 0px; 
  	line-height:15px;
	color:#6a6a6a;
	border-bottom:1px solid #6a6a6a
	}

a:link { 
  	font-weight:bold;
	text-decoration: underline; 
	color: #6a6a6a;

	}
a:visited { 
  	font-weight:bold;
	text-decoration: underline; 
	color: #6a6a6a;
	}
a:hover, a:active {  
	color:#d9261a;
	text-decoration:none; 
	}



#hlavicka {position:relative;float:left;width:100%; height:344px; margin:0; padding:0; background-image: url('images/hlavicka.gif'); background-repeat:repeat-x; background-color:#000; }
#hlavicka2 {position:relative;float:left;width:100%; height:235px; margin:0; padding:0; background-image: url('images/hlavicka.gif'); background-repeat:repeat-x; background-color:#000}
.sirka {position:relative; width:970px; margin:0 auto; padding:0;}

#podstranka {position:absolute;width:809px; height:159px; left:-150px;background-image: url('images/podstranka.jpg'); background-repeat:no-repeat;}

#logo{position:absolute; width:317px; top:0px;}
#logo2{position:absolute; width:357px; top:39px;}
#uvod {position:absolute; right:0px; top:0px; width:725px; height:398px; background-image: url('images/uvod.jpg'); background-repeat:no-repeat;  }


#uvodtext {position: relative; width:970px;}
#uvodtext p {color:#fff;}
#flashcontent { margin: 0; padding: 140px 0; height: 200px; width: 560px;}

#nadpis {position:absolute; top:160px; left:0px; width:500px; }
#nadpis h2 { height:45px; overflow: hidden;}

#hledej {position:absolute; top:165px; left:570px;}
#hledej .hledani {position:absolute;top:0px;width:309px; padding-top:10px; padding-left:5px;height:28px;left:0px;background-image: url('images/input.gif'); background-repeat:no-repeat;border:0px solid white; }
#hledej #hledejsubmit {position:absolute;top:0px; left:314px;background: url('images/lupa.gif');border: 0;height: 39px;width: 55px; background-repeat:no-repeat;}

#newsletter {position:absolute; top:75px; left:190px;}
#newsletter #newshledani {position:absolute;top:0px;width:192px; padding-top:5px; padding-left:5px;height:23px;left:0px;background-image: url('images/input2.gif'); background-repeat:no-repeat;border:0px solid white; }
#newsletter #submit {position:absolute;top:0px; left:192px; background: url('images/odeslat.gif');border: 0;height: 29px;width: 90px; background-repeat:no-repeat;}
#radio {position:absolute; left:0px; top:35px; width:300px; color:#6a6a6a}

#path{ position:relative; width:970px; margin:0 auto; padding:10px 0 0 0;}

#aktuality {position:absolute; top:64px; left:555px; width:223px; height:117px; padding:10px;}
#aktuality p {color:#fff; font-size:10pt; line-height:13pt; padding:0px; text-align:justify}
#aktuality a {color:#fff;}
#aktuality a:hover {text-decoration:none;}
#aktuality h2 {color:#fff; font-size:13pt; margin:0 0 5px 0; padding:0px 0 7px 5px;  border-bottom:0px solid #fff}

#vlajky {position:absolute; top:10px; right:0px;}

#nahled {position:absolute; top:136px; left:-20px;width:557px; height:348px; background-image: url('images/nahled.jpg'); background-repeat:no-repeat; z-index:1000}

#navigace {margin-top:15px;}
#navigace a {font-weight:normal;}


.vpravo{float:right;}
.vlevo{float:left;}


#menu {position:absolute;  width:710px; top:50px; right:0px; padding:0px; margin:0px;font-size:15px; height:50px;}
#menu ul {margin:0; padding:0; list-style:none;}
#menu ul li {float:left;  }
#menu ul li a {display:block;color:#bbbbbb; text-decoration:none;margin:0px 12px 0 12px; padding:0 20px 0 0px; line-height:46px; font-weight:normal;}
#menu ul li a:hover {color:#fff; text-decoration:none;}
#menu .current_page_item a, #menu .current_page_parent a, #menu .current-cat a {color:#fff; background-image: url('images/menu.gif'); margin:0 12px 0 0; background-repeat:no-repeat; background-position:top right;}
#menu .current_page_item span, #menu .current_page_parent span  {float:left; height:46px;color:#fff;width:8px; padding:0 12px 0 0;background-image: url('images/spanmenu.gif') !important; background-repeat:no-repeat; background-position:top left;}
#menu .current_page_item a:hover, #menu .current_page_parent a:hover {color:#fff; text-decoration:none; }



#obsah {position:relative; float:left; width:100%; padding:0; margin:0; background-color:#fff; background-image: url('images/obsah.gif'); background-repeat:repeat-x; background-position:top center;}
#obsah2 {position:relative; float:left; width:100%; padding:5px 0 0 0; margin:0; background-color:#fff; background-image: url('images/obsah.gif'); background-repeat:repeat-x; background-position:top center;}

.foto {float:left; width:100%; text-align:center; margin-bottom:20px;}

#leva {float:left; width:570px; padding:10px 10px 20px 0; margin:15px 0 15px 0; overflow:hidden; border-right:1px solid #dadada; }
#leva img {float:left; margin:0 5px 5px 0}


#leva2 {float:left; width:690px; padding:10px 10px 20px 0; margin:15px 0 15px 0; overflow:hidden; border-right:1px solid #dadada; }


#reference {float:left; width:360px; padding:10px 10px 0 0; margin:15px 0 15px 10px; overflow:hidden;}
#reference ul {float:left; width:360px; margin:0; padding:0; list-style:none}
#reference ul li {float:left; width:160px; height:110px;margin-right:15px;}
#reference img {border:1px solid #dadada;}
#reference a {font-weight:normal}

p img {text-align:center;  }

#prava {float:left; width:230px; padding:10px 10px 0 0; margin:15px 0 15px 10px; overflow:hidden;}
#prava ul {float:left;margin:0 0 30px 0; padding:10px; list-style:none; width:300px; background-color:#e6e6e6}
#prava ul li {float:left; font-weight:bold; display:block; background-image: url('images/cara.gif'); background-repeat:no-repeat; background-position:left bottom;}
#prava ul li a {color:#6a6a6a !important; width:190px;line-height:35px; padding-left:30px;text-decoration:none; display:block; background-image: url('images/ctverec.gif'); background-repeat:no-repeat; background-position:12px 15px;}
#prava ul li a:hover {color:#ac1e15 !important; text-decoration:underline;}
#prava .aktivni a{background-color:#ac1e15; color:#fff !important;background-image: url('images/ctvereca.jpg'); background-repeat:no-repeat; background-position:12px 15px;}
#prava .aktivni a:hover {color:#fff !important; text-decoration:none !important;}

#kontakt {float:left; width:100%;background-image: url('images/kontakt.gif'); background-repeat:no-repeat; background-position:top right; }



#pata {position:relative;float:left; top:0px; width:100%;margin:0px; height:200px;  padding:8px 0 0 0; background-image: url('images/pata.gif'); background-repeat:repeat-x;  }
#pata p{color:#6a6a6a; font-size:10pt; margin:12px 0 0px 0; }
#pata a {color:#6a6a6a; font-weight:normal}
#pata a:hover {color:#6a6a6a; text-decoration:none;}
#pata span {display:none;}
#pata img {float:left; margin:0 8px 8px 0}


#news {float:left; width:520px; padding-right:10px;	border-right:1px solid #6a6a6a}
#news p {font-size:11pt;}

#support {float:left; width:420px; margin-left:10px;}
#support p { font-size:11pt;}
#support a {font-weight:bold;}
#support a:hover {text-decoration:none;}

.vice {position:absolute; width:156px; top:425px; left:570px;height:41px; line-height:41px; text-align:center; background-image: url('images/vice.gif'); background-repeat:no-repeat; overflow:hidden; z-index:10000}
.vice a {color:#fff !important; text-decoration:none !important;}
.vice a:hover {color:#fff !important; text-decoration:underline !important;}

.objednat {position:absolute; width:112px; height:41px;top:425px; left:735px; line-height:41px; text-align:center; background-image: url('images/objednat.gif'); background-repeat:no-repeat; overflow:hidden; z-index:10000}
.objednat a {color:#fff !important; text-decoration:none !important;}
.objednat a:hover {color:#fff !important; text-decoration:underline !important;}

.novinky {float:left; width:138px; height:41px; line-height:41px; text-align:center; background-image: url('images/novinky.gif'); background-repeat:no-repeat; overflow:hidden;}
.novinky a {color:#fff !important; text-decoration:none !important;}
.novinky a:hover {color:#fff !important; text-decoration:underline !important;}

.reference {float:left; width:160px; height:41px; line-height:41px; text-align:center; background-image: url('images/reference.gif'); background-repeat:no-repeat; overflow:hidden;}
.reference a {color:#fff !important; text-decoration:none !important;}
.reference a:hover {color:#fff !important; text-decoration:underline !important;}

#neni {display:none}

#leva table {display:none;}


#contact{ position:relative;float:left; width:685px; height:360px; top:0px; margin-bottom:10px; background-color:#e6e6e6; }
#contact .button{ position:absolute; bottom:20px; right:26px; text-align:center; width:103px;height:29px; background-image: url('images/odeslat2.gif'); background-repeat:no-repeat; border:0px solid #fff; color:#fff; }
label span{ font-style: italic; color: #84908f; padding-top:3px; }
#contact input{ font-family: Arial, Helvetica, sans-serif; background-image: url('images/form.gif'); background-repeat:no-repeat; width:282px; line-height:25px; height:25px;font-size: 11pt; color: #aaa; font-style: italic; background-color:#ffffff; border:1px solid #cccccc; }
#contact textarea{ font-family: Arial, Helvetica, sans-serif; background-image: url('images/textarea.gif'); background-repeat:no-repeat; width:635px; line-height:25px; height:147px;font-size: 11pt; color: #aaa; font-style: italic; background-color:#ffffff; border:1px solid #cccccc; }
#contact strong{ background-color: transparent; font-weight: bold; }
#contact form {margin:0px;padding:0px;  }
#contact p{padding:0px;}
.nazev {position:absolute; top:20px; left:20px;}
.jmeno {position:absolute; top:20px; right:25px;}
.email {position:absolute; top:75px; left:20px;}
.telefon {position:absolute; top:75px; right:25px;}
#text {position:absolute; top:130px; left:22px;}
.captcha {position:absolute; top:305px; left:20px;}



.highlightcolumn{
	background: url(images/vrsek.gif) top right;
	height: 7px;
	width: 157px;
	margin-left: 230px;
	position: relative; 
	top: 2px; overflow:hidden;
}

.highlightbottom{
	background: url(images/spodek.gif) top right no-repeat;
	height: 5px;
	width: 157px;
	margin-left: 230px;
	position: relative; 
	top: -2px;
}

#comparetable {
	width: 683px;
	border: 1px solid #c4716d;
	padding: 1px;
	background: #ffe5e4;
	color: #ffffff;
}

#comparetable table{
	width: 100%;
}

#comparetable table tr.alt {
	background: #edb6b3;
}

#comparetable table tr.alt td {

}

#comparetable table td {
	padding: 11px 5px 11px 5px;
	width: 133px;
	font-size: 12pt;
	text-align: center;
	font-weight: bold;
}

#comparetable td.highlight{
	background: url('images/svetla.gif') repeat-y center;
	width: 142px;
	border-top: 1px solid #e9554c;

}

#comparetable tr.alt td.highlight{
	background: url('images/tmava.gif') repeat-y center;
}

#comparetable td.leftcol{
	text-align: left;
	width: 200px;
	padding-left: 15px;
	font-weight: normal;
	color:#931a12;
}

#comparetable td.last{
	border-left: 1px solid #ffe5e4;
}

#comparetable th {
	height: 45px;
	line-height: 45px;
	background: url('images/tablehead.gif') repeat-x;
	text-align: center;
	color: #ffffff;
	font-size: 12pt;
}

#comparetable th a:link {
	color: #ffffff;
	text-decoration: none;
}
#comparetable th a:visited {
	color: #ffffff;
	text-decoration: none;
}
#comparetable th a:hover {
	border-bottom: 1px dotted #ffffff;
}

#comparetable th.single{

}

#comparetable th.highlight{
	background: url('images/th.gif') repeat-y center;
}

#comparetable th.leftcol{
	text-align: left;
	width: 200px;
	padding-left: 15px;
}

#comparetable th.product{
	font-weight: bold;
}

#comparetable th .product a:link {
	font-weight: bold;
	border: none;
}

#comparetable th.last{
	border-left: 1px solid #e4f6ff;
}

#comparetable .darkprice {
	color: #ac1e15;
}

#alignleft {
	float:left;
}

#alignright {
	float:right;
}

#clear {
	clear: both;
}

.wpcf7-response-output {
	text-align:center;
	font-weight: bold;
	color:red;
}


.wpcf7-not-valid-tip-no-ajax {
	display: none
}

.wpcf7-captcha-your-captcha {
	padding: 5px 5px; 
}
.your-captcha{
	padding: 2px 5px;
    position:absolute;
}
#my { display: none;}

.twitter { clear: both;}