/*
Author: elphnet.cz
Struktura:
        display | 
		  position | 
		  float | 
		  overflow | 
		  width | 
		  height | 
		  border | 
		  margin | 
		  padding | 
		  background | 
		  align | 
		  font
*/

/* Elements*/

body {	
	margin: 0;
	padding: 0;	
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
h1, h2, h3, h4, h5 {
	border:0; 
	margin:10px 0px 5px 0px; 
	padding:0; 
	font-weight: bold;
}
p {
	margin:5px 0;
}


table {	
	font-size: 12px;
	line-height: 145%;
	
}
ul, ol {
	display:block; 
	border:0; 
	margin:0px 0px 0px 10px; 
	padding:0;
}
form {
	margin: 0;
	padding: 0;
}
/* Floating */
.floatLeft, .left {
	float: left;
}
.floatRight, .right {
	float: right;
}
.nofloat {
	float: none;
}

/* Text align */
.textLeft {
	text-align: left;
}
.textRight {
	text-align: right;
}
.textCenter {
	text-align: center;
}
.clearer {
	clear: both;
}
.clearLeft {
	clear:left;
}
.clearRight {
	clear:right;
}
.noscreen {
	display: none;
}
a img {
	border: 0;
}
.noborder {
	border-bottom:0px solid white;
}

.relative {
	position: relative;
}
.dot {
	height:1px; 
	background:url(../img/dot.gif) top left repeat-x;
	margin:1em 0;
	clear: both;
}

/*_________________________________________________________*/
#home{
	background-image: url(../img/bg_home.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-color:#121212;	
}
#wraper {
	background-image: url(../img/bg_wraper.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-color:white;	
}
#wrap1 {
	background-image: url(../img/head_pocitace.jpg);
	background-repeat: no-repeat;
	background-position: center 28px;
}
#wrap2 {
	background-image: url(../img/head_internet.jpg);
	background-repeat: no-repeat;
	background-position: center 28px;
}
#wrap3 {
	background-image: url(../img/head_irobot.jpg);
	background-repeat: no-repeat;
	background-position: center 28px;
}
#wrap0 {
	background-image: url(../img/head_default.jpg);
	background-repeat: no-repeat;
	background-position: center 28px;
}
#null {
	position: relative;
	width:870px;	
	margin:auto;
	text-align:left;
}

/*__________________ Rozlozeni stranky_____________________*/
#content {
	position: relative;
	width:870px;	
	padding-top:20px;
}
/*__________________ Rozlozeni stranky_____________________*/
#contentHome {
	/*position: relative;*/
	background-image: url(../img/homepage.jpg);
	background-repeat: no-repeat;
	width: 848px;
	height: 630px;
}
/*___________________Pravy sloupec___________________*/

#colLeft {
	float:left;
	width:290px;
}
#colRight {
	float:right;
	width:580px;
}
#colLeft h2 {
	font-style: italic;
	font-size:16px;
	color:#111111;
	background-image: url(../img/circle.gif);
	padding:0px 0px 0px 20px;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	margin:15px 0px 10px 0px;

}
#colLeft p {
	color:#909090;
}


/*___________________HEAD___________________________*/
#head {	
	position:relative;
	height:326px;
}
#headHome {
	position: relative;
}

#head #logo {
	position: absolute;
	top:5px;
	width:228px;
	height:105px;
	background-color: transparent;	
	background-image: url(../img/flextron.png);
	background-repeat: no-repeat;		
}
#headHome #logo {
	position: absolute;
	top:0px;
	width:228px;
	height:105px;
	background-color: transparent;	
	background-image: url(../img/flextron.png);
	background-repeat: no-repeat;		
	z-index:100;
}
#head #iRobotVideo {
	position:absolute;
	right:14px;
	top:70px;
	width:320px;
	height:200px;
}
#head #nav, #headHome #nav {
	text-align: right;
	height:22px;
	font-family: Tahoma;
	font-size:12px;
	padding-top:2px;
}
 
#head #nav a, #headHome #nav a {
	color: #ededed;
	text-decoration: none;
	padding-left:10px;
}
#head #nav a:hover, #headHome #nav a:hover {
	text-decoration: underline;
}

#topMenu {	
	padding: 0px 0px 0px 0px;	
	position: absolute;
	border: 0px;
	top:28px;
	right:5px;
	
}
#topMenu ul {
	list-style: none;
	padding: 0;
	margin:0;	
}
#topMenu ul li {
	float: left;
	display: block;
	margin-left:5px;
}
#topMenu ul li a {	
	display:block;	
	height:23px;	
	width:163px;
	text-align: center;
	color: black;
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:14px;
	font-weight: 700;
	text-decoration: none;
}
#topMenu ul li a#box1 {
		background-image: url(../img/nav1.jpg);
		background-repeat: no-repeat;
		background-position: bottom;
}
#topMenu ul li a#box2 {
		background-image: url(../img/nav2.jpg);
		background-repeat: no-repeat;
		background-position: bottom;
}
#topMenu ul li a#box3 {
		background-image: url(../img/nav3.jpg);
		background-repeat: no-repeat;
		background-position: bottom;
}
#topMenu ul li a:hover, #topMenu ul li.active a{
	text-decoration: none;
	color:black;
	height:32px;
	background-position: bottom;
}
/*head Obchod*/
#obchodEshop {	
	position: absolute;
	top:230px;
	left:450px;
	letter-spacing: 1px;
	font-size: 18px;
	font-weight: 400;

}
#obchodKontakt {
	position: absolute;
	top:230px;
	left:730px;
	letter-spacing: 1px;
	font-size: 18px;
	font-weight: 400; 
}	
#obchodEshop a, #obchodKontakt a {
	color:#F8C300;
	text-decoration:none;
}
#obchodEshop a:hover, #obchodKontakt a:hover {
	text-decoration: underline;
}
/*head Internet*/
#internetPevny {
	position: absolute;
	top:162px;
	left:185px;
	font-size: 18px;
	font-weight: 400;
	
}
#internetMobilni {
	position: absolute;
	top:145px;
	left:605px;
	font-size: 18px;
	font-weight: 400;
	
}
#internetMobilni a, #internetPevny a {
	color:#090909;
	text-decoration: none;
}
#internetMobilni a:hover, #internetPevny a:hover {
	text-decoration:underline;
}

/* Robot menu */
#robotMenu {	
	padding: 0px 0px 0px 0px;	
	position: absolute;
	border: 0px;
	bottom:0px;
	right:5px;
	
}
#robotMenu ul {
	list-style: none;
	padding: 0;
	margin:0;	
}
#robotMenu ul li {
	float: left;
	display: block;
	margin-left:5px;
}
#robotMenu ul li a {	
	display:block;	
	height:24px;	
	width:138px;
	text-align: center;
	color: black;
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:12px;
	font-weight: 400;
	font-family: Tahoma;
	text-decoration: none;
	background-image: url(../img/topMenu.jpg);
	background-repeat: no-repeat;
}
#robotMenu ul li a:hover, #robotMenu ul li.active a{
	text-decoration: none;
	color:black;
	font-weight:700;
	background-position: bottom;
}
.koupit {
	float:right;
	width:210px;
	text-align: center;
}
.price {
	color:#616161;
	font-size:24px;
}
.price span {
	color:#F8C300;
	font-size: 30px;
	font-weight:700;
}
/*_________SECTION - hlavni nabidka______*/
#section {
	padding-top:340px;
}
#section .box {
	float:left;
	/*height:277px;*/
	/*width:229px;*/
	height:210px;
	width:260px;
	margin-left:15px;
	
}
#section .box .info {
	padding:0px 10px 0px 20px;	
}
#section .box .info h2 {
		font-size: 30px;	 
 }
#section .box .info a {
	display: block;
	padding-top:130px;
	color:white;	
	text-decoration: none;
}
#section .box .info a:hover {
	text-decoration: underline;
}
#section .box .info p {
	color:white;
	font-size:12px;
}
#section .box #blackText a, #section .box #blackText p {
	color:black;
}

#volejte {
	color:white;
	font-size:45px;
	font-weight:700;
	font-family: Tahoma;
	text-align: center;
	padding:15px 0px 0px 0px;

}
#volejte span {
	color: #f8c300;
}
#reklama {
	background-image: url(../img/letak.jpg);
	background-repeat: no-repeat;
	width:815px;
	height:130px;
	margin-left:15px;
	
}
#reklama a.letak {
	display: block;
	float: left;
	width: 240px;
	height:129px;
}
#reklama a.facebook {
	display: block;
	float: left;
	width: 290px;
	height:129px;
}
#reklama a.download {
	display: block;
	float: left;
	width: 283px;
	height:129px;
}
/*_________________MENU_________________*/

#menu {
	margin: 0px 0px 10px 0px;
}
#menu ul#main {
	list-style: none;
	padding: 0px 0px 0px 0px;	
	margin:0;	
	font-size: 14px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: 400;	
}
#menu ul#main li a{
	display:block;	
	background-image: url(../img/menu_li.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;	
	color: #333333;
	padding:0px 0px 0px 20px;
	margin-bottom:5px;
	text-decoration: none;
}
#menu ul#main li.active a, #menu ul#main li.active a:hover {
	display:block;	
	color:#EA262C;
	font-weight:700;
	background-image: url(../img/menu_li_hover.gif);

	

}
#menu ul#main li a:hover{
	display:block;
	color:#EA262C;
	background-image: url(../img/menu_li_hover.gif);	
}
#menu h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight: 400;
}

/*Katalog*/
#katalog a {
	text-decoration: none;
}
#katalog a:hover {
	text-decoration: underline;
}
#katalog .product { 
color: #ffffff;
display: block;
font-size: 80%;
height: 60px;
padding-bottom: 0px;
padding-left: 12px;
padding-right: 65px;
padding-top: 6px;
width: 100px;
}

#katalog .bg1 { 
background-attachment: scroll;
background-color: transparent;
background-image: url(../img/left-product-01.png);
background-position: 0px 0px;
background-repeat: no-repeat;

}
#katalog .bg2 { 
background-attachment: scroll;
background-color: transparent;
background-image: url(../img/left-product-02.png);
background-position: 0px 0px;
background-repeat: no-repeat;

}
#katalog .bg3 { 
background-attachment: scroll;
background-color: transparent;
background-image: url(../img/left-product-03.png);
background-position: 0px 0px;
background-repeat: no-repeat;

}
#katalog .bg4 { 
background-attachment: scroll;
background-color: transparent;
background-image: url(../img/left-product-04.png);
background-position: 0px 0px;
background-repeat: no-repeat;

}
#katalog .bg5 { 
background-attachment: scroll;
background-color: transparent;
background-image: url(../img/left-product-05.png);
background-position: 0px 0px;
background-repeat: no-repeat;

}
#katalog .bg6 { 
background-attachment: scroll;
background-color: transparent;
background-image: url(../img/left-product-06.png);
background-position: 0px 0px;
background-repeat: no-repeat;

}
#katalog .bg7 { 
background-attachment: scroll;
background-color: transparent;
background-image: url(../img/left-product-07.png);
background-position: 0px 0px;
background-repeat: no-repeat;

}
#katalog span {
	font-size: 7px; 
	vertical-align: super;
}
/*________________Text content____________________*/

#textContent {
	text-align: justify;
	font-size:12px;
	color:#666666;
	line-height: 145%;
	padding:15px 5px 5px 5px;
	
}
#textContent h1 {
	padding: 0px 0px 2px 0px;
	font-size:30px;
	font-family: Tahoma;
	font-weight: 700;
	margin: 10px 0px 10px 0px;
	color:#F8C300;
}

#textContent h2 {
	margin:10px 0;	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: 400;
	color:#333333;
	
}

#textContent a {
	color: #122B7C;
	text-decoration:underline;
}
#textContent a:hover {
	text-decoration:none;
}

#textContent h3, #textContent h4{
	margin:10px 0px 0px 0px;	
	font-size:15px;
	font-weight: 700;
	color:black;
}
#textContent ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#textContent ul li {
	background-image: url(../img/circle.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left:15px;
	margin-top:1px;
}

#textContent img {
	margin:5px;
}

#gallery h3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#333333;
	font-weight:400;
	background-image: url(../img/bg_gallery.gif);
	background-repeat: no-repeat;
	padding:0px 0px 10px 0px;
	background-position: left bottom;
}

#gallery a {
	display: block;
	float: left;
	padding:0px 0px 0px 0px;
	background-image: url(../img/bg_picture.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin:5px;
	
}
#gallery a img {
	width:94px;
	height:64px;
	
}
#news {
	font-size: 11px;
	border-bottom:1px solid #666666;
	padding-bottom:5px;
}
#news a {
	color:#455774;
	text-decoration: underline;
}
#news a:hover {
	text-decoration:none;
}
#news h2 {
	color:#666666;
	font-size:16px;
	font-weight:400;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#news .item h3 {
	color:#ED272C;
	font-weight:400;
	font-size:14px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
}
#news .item h3 span {
	color:black;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
}
/*______________formular__________________*/
form.formular {
	margin-bottom:10px;
}
form.formular input {
	width:300px;	
}
form.formular input.submit, form.obj input.submit {
	width:100px;
	border:0px solid #cccccc;
	padding:5px;
	background-color: #cccccc;
}
form.formular textarea {
	width:300px;
	/*border:1px solid #333333;*/
}
form.formular table td {
	text-align: right;
}
form.formular fieldset{background:#ffffff;border:0;margin:6px 0;padding:8px 10px}

form.obj{margin:0;padding:0}

form * {vertical-align:middle}

form.obj fieldset{margin:6px 0;padding:8px 10px;}

#content.green form.obj fieldset {
	 border:1px solid color:#08652E;;
}
#content form.obj fieldset {
	 border:1px solid #cccccc;
	 background-color:#F0F0F0;
}
form.obj input, form.obj textarea, form.obj select {
	border:1px solid #cccccc;
}
form.obj label{display:block;float:left;width:120px;margin:4px 0 4px 16px}

form.obj br{clear:left}

form.obj p.row{margin:2px 0;padding:0 0 0 16px}

form.obj div.r{float:right;width:500px}

form.obj table{/*width:580px*/}

form.obj table td.t1{width:200px;text-align:right}

form.obj fieldset.order {
	border:0px !important;
	/*background-image: url(../img/bg_send_form.jpg);
	background-repeat: no-repeat;*/
	/*height:126px;*/
	background-color: white !important;
	text-align: center;
}
table.zasoby {
border: 1px solid #cccccc;
table-layout: fixed;
border-collapse: collapse;
}
table.zasoby td {
	border:1px solid #cccccc;
}
/*________________footer____________________*/
#footer {

}
#footer .con {
	text-align: right;
	height:30px;
	position: relative;
}
#footer ul {
	position: absolute;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	width:630px;
	right:0px;
}
#footer ul li {
	display: inline;
	padding:0px 0px 0px 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#footer ul li a {
	color:#333333;
	padding:0px 5px 0px 5px;
	text-decoration: none;
}
#footer ul li a:hover {
	text-decoration:underline;	
}

#footer div#footerSub ul li {
	display: inline;
	padding:0px 5px 0px 5px;
	font-size: 10px;
}
#copyrightHome {
	text-align:center;
	padding:5px 5px 5px 0px;
	margin:1px 0px 0px 0px;
	font-size: 12px;	
	color:#d9d9d9;
	height:100px;
}
#copyrightHome a {
	color:#d9d9d9;
}
#copyrightHome a {
	text-decoration:none;
}
#copyrightHome a:hover {
	text-decoration:underline;
}

#copyright {
	text-align:center;
	padding:5px 5px 5px 0px;
	margin:10px 0px 0px 0px;
	font-size: 12px;	
	color:#6f6f6f;
	background-image: url(../img/bg_copyright.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#copyright a {
	color:#6f6f6f;
}
#copyright a {
	text-decoration:none;
}
#copyright a:hover {
	text-decoration:underline;
}

/*_______SITEMAP________*/

#sitemap ul {
	margin-left: 5px;
}
#sitemap ul li h2 a {
	color:#333333;
	text-decoration: none;
}
#sitemap ul li h2 a:hover {
	color:#333333;
	text-decoration: underline;
}

#sitemap ul ul li {
	background-image: none;
}
#sitemap ul li h2 {
	font-size: 14px;
}
#sitemap ul ul li h3 a {
	color:#333333;
	font-size:12px;
	text-decoration: none;
	font-weight: 400;
}
#sitemap ul ul li h3 a:hover {
	text-decoration: underline;
}
#sitemap ul ul ul {
	margin-left:15px;
	background-image: none;
}
#sitemap ul ul ul li h4 a {
	color:white;
	font-size: 10px;
	text-decoration: none;
}

#sitemap ul ul ul li h4 a:hover {
	text-decoration:underline;
}

#rozcestnik {
	text-align: center;
	padding:5px 0px 5px 0px;	
		border-top:1px solid #cccccc;
}

/* TEMPLATE */
.twoCols {
	width:100%;
}
.side {
	width:50%;
}


/* pridano kvuli tinyMCE a spravnemu zobrazeni fontu*/
.fontSize1{
	font-size:8px;
}
.fontSize2{
	font-size:10px;
}
.fontSize3{
	font-size:12px;
}
.fontSize4{
	font-size:14px;
}
.fontSize5{
	font-size:18px;
}
.fontSize6{
	font-size:24px;
}
.fontSize7{
	font-size:36px;
}