/*
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: 12px;
	background-image: url(../img/bg_body.jpg);
	background-repeat: repeat-x;
}
h1, h2, h3, h4, h5 {
	border:0; 
	margin:10px 0px 5px 0px; 
	padding:0; 
	font-weight: bold;
}
p {
	margin:5px 0;
}


table {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing:1px;	
}
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;
}
div.dot {
	height:1px; 
	background:url(../img/dot.gif) top left repeat-x;
	margin:1em 0;
}

.black {
	color:black;
}
hr {
	color:white;
	height:0px;
	border:0px solid white;
	border-bottom:1px solid #cccccc;
}
.con {
	border:1px solid #cccccc;
	margin-bottom:5px;
}

/*_________________________________________________________*/

#null {
	position: relative;
	width:975px;	
	margin:auto;
	text-align:left;
}

/*__________________ Rozlozeni stranky_____________________*/
#content {
	color:#666666;
}

#mainLeft {
	float: left;
	width: 775px;	

}

#mainRight {
	float:right;
	width:190px;

}
/*___________________Pravy sloupec___________________*/

#colLeft {
	float:left;
	width:190px;

}
#colRight {
	float:right;
	width:575px;

}


/*___________________HEAD___________________________*/
#head {
	position:relative;
	width:975px;
	height:387px;
	background-image: url(../img/head.jpg);
	background-repeat: no-repeat;
}
#head_left {
	position: absolute;
	width:40px;
	height:165px;
	background-image: url(../img/head_left.jpg);
	background-repeat: no-repeat;
	top:118px;
	left:-40px;
}
#head #marketing {
	position: absolute;
	bottom:10px;
	right:10px;
	width:450px;
}
#head #marketing h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:24px;
}
#head #marketing a {
	color:#ff9900;
	text-decoration: underline;
}
#head #marketing a:hover {
	text-decoration:none;
}
#video {	
	position: absolute;
	bottom:25px;
	left:52px;
	width:120px;
	height:65px;
	
}


/*_______Top menu______*/
#topMenu {
	position: absolute;
	top:72px;
	right:0px;
}
#topMenu ul {
	list-style: none;
	padding: 0;
	margin:0;	
}
#topMenu ul li {
	float: left;
	display: block;
}
#topMenu ul li a {	
	display:block;	
	height:36px;	
	width:191px;
	text-align: center;
	color: white;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:16px;
	font-weight: 700;
	text-decoration: none;
	background-image: url(../img/top_menu.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#topMenu ul li a:hover, #topMenu ul li.active a {
	text-decoration: underline;
	color:white;
}
#nav {
	position: absolute;
	right:5px;
	top:22px;
}
#nav a {
	color:#333333;
	text-decoration: none;
}
#nav a:hover {
	text-decoration: underline;
}
root { 
    display: block;
}

/* ZALOZKY */
#objednavka, #souhrn {
    display: none;
}

/* KOINTEINERY */

#mform { /* zapouzdruje cely formular */
    
}

#kosik, #inktoner, #vyrobce, #naplne, #navigace {
    
}

/* MFORM ZAPOUZDRUJE CELY FORMULAR */
#mform h2 {
    font-size: 12pt;
    font-weight: bold;
}

#mform input {
    border: 1px solid gray;
	 margin:2px 2px 2px 2px;
}

#mform fieldset {
    border: 1px solid #c0c0c0;
	 margin:5px 0px;
	 padding:5px;
}

#mform legend {
    border: 1px solid #c0c0c0;
    padding: 3px;
}

#mform table tr {
    vertical-align: top;
}

/* KOSIK */
tr.kosik_suma {
    background-color: #f0f0f0;
}

tr.kosik_suma span {
    font-weight: bold;
}

/* OBJEDNAVKA TABULKA */
table.objednavka_tabulka th {
    text-align: left;
}
/*___Objednat___*/

.objednat {
	width:975px;
	/*height:100px;*/
	margin-bottom:5px;
}
.box {
	border:1px solid #cccccc;
	width:484px;
	text-align: center;
	background-image: url(../img/bg_objednat.jpg);
	background-repeat: repeat-x;
}
.box p {
	margin:20px 15px 15px 15px;
}
.box h2 {
	font-size:22px;
	color:#333333;
}

/*___Menu___*/

ul#main {
	list-style: none;
	padding: 0px 0px 5px 0px;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
}
ul#main li {
	font-size:12px;	
	padding-bottom:15px;
	background-image: url(../img/menu_li.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}
ul#main li a{
	padding:5px 0px 0px 30px;
	display:block;
	text-decoration: none;
	color: #666666;
}
ul#main li a:hover {		
	color:#FF9900;
	font-weight: 700;
}
ul#main li.active a {	
	display:block;
	color:#FF9900;
	font-weight: 700;	
}


#mainRight p {
	padding:0px 5px 0px 10px;
}
.title {
	background-image: url(../img/bg_title.jpg);
	background-color:#EFEFEF;
	background-repeat: no-repeat;
	height:30px;
	border-bottom:1px solid #cccccc;
}
.title h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	margin:0px;
	color:#666666;
	padding:8px 2px 4px 35px;
}
.postup, .actual  {
	float:left;
	background-image: url(../img/postup.jpg);
	background-color:#EFEFEF;
	background-repeat: no-repeat;
	height:32px;
	width:181px;
	margin:0px 3px 0px 3px;
}
.postup h2, .actual h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	margin:0px;
	color:#666666;
	padding:0px 0px 0px 40px;
}
.actual {
	background-image: url(../img/postup_active.jpg);
}

/*________________Text content____________________*/

#textContent {
	text-align: justify;
	font-size:14px;
	color:#424242;
	line-height: 145%;
	padding:5px 5px 5px 5px;
	border:1px solid #cccccc;
}
#textContent h1 {
	padding: 0px 0px 2px 0px;
	font-size:16px;
	font-weight: 700;
	color:#333333;
	margin: 10px 0px 10px 0px;
}
#textContent h2 {
	margin:10px 0;	
	font-size:14px;
	font-weight: 700;
	color:#333333;
}

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

#textContent h3, #textContent h4{
	margin:10px 0;	
	font-size:14px;
	font-weight: 400;
	color:#333333;
}
#textContent ol {
	margin-left:10px;
	padding-left:10px;
}
#textContent ul, #marketing ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#textContent ul li, #marketing ul li {
	background-image: url(../img/c_ul.gif);
	background-repeat: no-repeat;
	background-position: 4px 6px;
	padding-left:20px;
	margin-top:1px;
}

#textContent img {
	margin:5px;
}

/*________GALLERY________*/
#gallery a, #gallery a:hover {
	text-decoration:none;
	
}
#gallery img {
	float:left;
	border:1px solid #e7e7e7;
	margin:1px;
}
#gallery img:hover {
	border:1px solid #cccccc;
}


/*______________formular__________________*/
form.formular {
	margin-bottom:10px;
}
form.formular input {
	width:300px;	
}
form.formular input.submit, form.obj input.submit {
	width:100px;
	border:1px solid #cccccc;
	padding:5px;
	background-color: #efefef;
}
form.formular textarea {
	width:300px;
	/*border:1px solid #333333;*/
}


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

form * {vertical-align:middle}

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

#content form.obj fieldset {
	 border:1px solid #cccccc;
	 background-color: #EFEFEF;
}
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 div.r{float:right;width:500px}


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;
}

form#list {
	margin-top:10px;
}
form#list .title {
	background-image: none;
	border:1px solid #cccccc;
	background-color: #efefef;
	padding:5px;
}
form#list fieldset {
	border:0px solid red;
	padding:10px 0px 10px 0px;
	
}
fieldset#items .item {
	font-size: 10px;
}
fieldset#items .par {
	background-color: #f4f4f4;
}
fieldset#items .item label {
	display:block;
	float:left;
	width:120px;
	margin:0px 5px 0px 0px;

}
fieldset#items .item label:first-child {
	width:210px;
}

fieldset#items .item input.ks {
	display:block;
	float:left;
	width:20px;
	margin:0px 25px 0px 5px;
	border:1px solid #cccccc;
	font-size:11px;
}
fieldset#items .item .cart {
	display:block;
	/*float:left;*/
	/*width:50px;*/
	font-size:12px;
}

fieldset#items .item span {
	display:block;
	float:left;
	/*width:50px;*/
	margin:0px 5px 0px 5px;
	font-size:10px;
} 
/*____KOSIK___*/
form#form_kosik table {
	letter-spacing:0px;
}
form#form_kosik table th {
	font-size:10px;
	text-align: left;
}
form#form_kosik table td {
	font-size:9px;
	padding:2px 0px 2px 0px;	
}
/*________________News_______________________*/

.con .item h3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #B0D436;
	font-size:12px;
	padding:5px 2px 2px 8px;
}
.con .item {
	color:#666666;
	
}
.con .item h5 {
	font-size:12px;
	font-weight: 400;
	margin:0px;
	padding:0px;
}
.con .item a {
	color:#ff9900;
	text-decoration:none;
}
.con .item a:hover {
	text-decoration: underline;
}
.con .item .more {
	text-align: right;
	padding-right:15px;
}
/*________________footer____________________*/
#footer{
	position: relative;
	text-align: left;
	color:#666666;
}

#footer ul {
	position: relative;
	margin: 0;
	padding: 6px 0px 6px 0px;
	color:#666666;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
#footer ul li {
	display: inline;
	padding:0px 0px 0px 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#footer ul li a {
	color:#666666;
	padding:0px 5px 0px 5px;
	text-decoration: none;
}
#footer ul li a:hover {
	text-decoration:underline;	
}
#partners {
	border-top:1px dotted #cccccc;
	border-bottom:1px dotted #cccccc;
	margin:10px 0px 0px 0px;
	padding:5px 5px 5px 5px;
	font-size: 10px;
}
#partners a {
	color:#333333;
	text-decoration: none;
}
#partners a:hover {
	text-decoration: underline;
}
#copyright {
	padding:0px 0px 0px 5px;
	margin:10px 0px 0px 0px;	
	text-align:right;
	font-size: 10px;
	color:#666666;	
	


}
#copyright a {
	color:#666666;	
}
#copyright a {
	text-decoration:none;
}
#copyright a:hover {
	text-decoration:underline;
}


/*_______SITEMAP________*/

#sitemap ul {
	margin-left: 5px;
}
#sitemap ul ul li {
	background-image: none;
}
#sitemap ul li h2 {
	font-size: 14px;
}
#sitemap ul ul li h3 a {
	font-size:12px;
	text-decoration: none;
}
#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;
}

/* pridano kvuli tinyMCE a spravnemu zobrazeni fontu*/
.fontSize1{
	font-size:8px;
}
.fontSize2{
	font-size:10px;
}
.fontSize3{
	font-size:12px;
}
.fontSize4{
	font-size:14px;
}
.fontSize4 a {	
	text-decoration: none;
	color:#666666;
	}
.fontSize4 a:hover {
	text-decoration: underline;
	color:#333333;
}
.fontSize5{
	font-size:18px;
}
.fontSize5 a {	
	text-decoration: none;
	color:#666666;
	}

.fontSize5 a:hover {
	text-decoration: underline;
	color:#333333;
}
.fontSize6 a {	
	text-decoration: none;
	color:#666666;
	}
.fontSize6{
	font-size:24px;
}
.fontSize6 a:hover {
	text-decoration: underline;
	color:#333333;
}

.fontSize7{
	font-size:36px;
}