/*
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: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 11px;
	background-color: #646464;
	background-image: url(../img/bg_null.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: Tahoma, "Lucida Grande CE", lucida, 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;
}

.border {
	border-top:1px solid #D91f4e;	
}
.relative {
	position: relative;
}


/*_________________________________________________________*/

#null {
	position: relative;
	width:862px;
	margin:auto;
	text-align:left;	
	background-color: White;
	margin-top:25px;

}

/*__________________ Rozlozeni stranky_____________________*/
#content {
	margin-top:2px;
	width:862px;
}
#mainLeft {
	float: left;
	width: 684px;
	margin-left:2px;
}

#mainRight {
	float:right;
	width:173px;
}
/*___________________Levy sloupec___________________*/
#colLeft {
	float:left;
	width: 170px;

}
#colLeft .box {
	background-image: url(../img/bg_box.jpg);
	background-repeat: repeat-y;
	border:1px solid #cccccc;
	width:168px;
	padding-bottom:5px;

}
/*___________________Pravy sloupec___________________*/
#colRight {
	float: right;
	width: 511px;
}
#lang {
	position: relative;
	height:32px;
	background-color: #0E287D;
	margin-bottom:5px;
}
#lang .box {
	position: absolute;
	right:10px;
	top:10px;
}
#lang .box img {
	vertical-align: middle;
	margin:0px 2px 0px 4px;
}
#lang .box a {
	color:white;
	text-decoration: none;
}
#lang .box a:hover {
	text-decoration: underline;
}

/*___________________HEAD___________________________*/
#head {
	position: relative;
	width:860px;
	height:232px;
}
#headLeft {
	float:left;
	width:680px;
	margin-left:2px;
}
#headRight {
	float:right;
	width:170px;
	margin-right:0px;
}
#headRight .odbornik {
	/*width:170px;*/
	position:relative;
	height:115px;
	background-image: url(../img/bg_odbornici.jpg);
	background-repeat: no-repeat;
}
#headRight .odbornik a.odkaz {
	position:absolute;
	top:100px;
	right:5px;
	color:white;
	text-decoration: none;
}

#headRight .eshop {
	position:relative;
	height:107px;
	margin-top:5px;
	background-image: url(../img/bg_shop.jpg);
	background-repeat: no-repeat;
	color:white;
}
#headRight .eshop #svatek {
	position: absolute;
	top:90px;
}
#headRight a.toShop {
	display: block;
	position: absolute;
	top:20px;
	width:160px;
	height:60px;
	
}

#head #nav{
	position:relative;
	height:58px;
	/*width:680px;*/
	background-image: url(../img/bg_head.jpg);
	text-align:right;
}

#head #nav a{
	color:#C61F31;
	text-decoration: none;
	margin-right:5px;
}
#head #nav a:hover {

}
#head #nav h1 {	
	color:white;
	font-size:18px;
	font-weight:normal;
	padding-right:5px;
	margin:0;
}
#head #nav h1 span {
	font-size:14px;
}
#head #topMenu {
	float:left;
	width:170px;
}
#head #topMenu .box {
	background-image: url(../img/bg_box.jpg);
	background-repeat: repeat-y;
	border:1px solid #cccccc;
	width:168px;
	padding:4px 0px 10px 0px;
	text-align: right;

}
ul#list {
	list-style: none;
	padding: 0;
	margin:0;
	font-size: 11px;
}
ul#list li {
	margin:0px;
	padding:0px;
	font-size:12px;
	display: inline;
	text-align: right;
}
ul#list li a{
	display:block;
	background-image: url(../img/li_top.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	width:138px;
	_width:168px;
	height:17px;
	_height:22px;
	color: #333333;
	padding:5px 30px 0px 0px;
	text-decoration: none;
	color:white;
}
#head #flash {
	float:right;	
	width:504px;
	height:170px;
	background-image: url(../img/flash.jpg);
	background-repeat: no-repeat;
}
#head #flash img {
	margin:0;
	padding:0;
}

/*_________________Studie_______________*/
#studie {
	color:white;
	width:862px;
}
#studie h2 {
	color:white;
	margin:0;
	padding:0;
	font-size:12px;
	padding:2px 0px 0px 8px;
}
#studie h2 span {
	font-weight: normal;
}
#studie img {
	margin:10px 0px 0px 5px;
}

#studie .storyA {
	position: relative;
	width:168px;
	height:127px;
	background-image: url(../img/bg_story02.jpg);
	background-repeat: no-repeat;
	font-size:10px;
	margin-left:3px;
}

#studie .storyA .text, #studie .storyB .text {
	padding:0px 2px 0px 4px;
	line-height: 95%;
}

#studie .storyA a, #studie .storyB a {
	color:white;
	text-decoration: none;
	position: absolute;
	bottom:2px;
	right:2px;
}
#studie .storyA a:hover, #studie .storyB a:hover {
	text-decoration:underline;
}

#studie .storyB {
	position: relative;
	float: left;
	width:168px;
	height:127px;
	background-image: url(../img/bg_story01.jpg);
	background-repeat: no-repeat;
	font-size:10px;
	margin-left:3px;	
}


/*_________________MENU_________________*/

#menu, #products {
	list-style: none;
	margin:0px;
	padding:0px;
}

ul#menu {
	list-style: none;
	padding: 0;
	margin:0;
	font-size: 11px;
}
ul#menu li {
	margin:0px;
	padding:0px;
	font-size:12px;
	display: inline;
}
ul#menu li a{
	display:block;
	background-image: url(../img/li.jpg);
	background-position: 0px 0px;
	width:138px;
	_width:168px;
	height:17px;
	_height:22px;
	color: #333333;
	padding:5px 0px 0px 30px;
	text-decoration: none;
	color:white;
}
#menu ul#main li a.active {
	display:block;
	background-image: url(../img/li.png);
	background-position: 0px -37px;
	width:173px;
	_width:218px;
	height:27px;
	_height:37;
	color: #333333;
	padding:10px 0px 0px 45px;
	text-decoration: none;
}
#menu ul#main li a:hover{
	display:block;
	background-image: url(../img/li.png);
	background-position: 0px -37px;
	width:173px;
	_width:218px;
	height:27px;
	_height:37px;
	color: #333333;
}



ul#products {
	list-style: none;
	padding: 0;
	margin:0;
	font-size: 11px;
}
ul#products li {
	margin:0px;
	padding:0px;
	font-size:12px;
	display: inline;
}
ul#products li a{
	display:block;
	background-image: url(../img/li_p.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	width:138px;
	_width:168px;
	height:17px;
	_height:22px;
	color: #333333;
	padding:5px 0px 0px 30px;
	text-decoration: none;
	color:white;
}
ul#products li a.big {
	height:34px;
}

/*________________Text content____________________*/

#textContent {
	padding:5px;
	text-align: justify;
	font-size:12px;
}

#textContent h1 {
	padding: 0px 0px 2px 25px;
	font-size:14px;
	color: #172A62;
	font-weight: bold;
	background-image: url(../img/h1_heart.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#textContent h2 {
	padding: 0px 0px 2px 25px;
	font-size:12px;
	color: #172A62;
	font-weight: bold;
	background-image: url(../img/h1_heart.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#textContent a {
	color:#D91F4E;
	text-decoration:none;
}
#textContent a:hover {
	text-decoration:underline;
}

#textContent h3, #textContent h4{
	font-size:12px;
	color: #172A62;
}

#textContent h5 , #textContent h6 {
	font-size:12px;
	color: #172A62;
}
#textContent h2 a {
	text-decoration: none;
}

#textContent h2 a:hover {
	text-decoration: underline;
}
#textContent ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#textContent ul li {
	background-image: url(../img/ul_red.gif);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	padding-left:14px;
	margin-top:1px;
	color:#E01C4E;
}

#textContent p img {
	margin:5px;
}
#textContent hr {
	color:#d91F4E;
}

#gallery img {
	margin:0px 5px 0px 5px;
}
/*_____NOVINKY______*/
#news {
	width:170px;
	background-image: url(../img/bg_news.jpg);
	background-repeat: repeat-y;
}

#news .item {
	padding:2px 2px 6px 4px;
	margin:0;
	font-size:10px;
}
#news .item h4 {
	margin:0;
	padding:0;
	font-size:10px;
}
#news .item img {
	float: left;
	margin:0px 2px 0px 0px;
}
#news .item p {
	margin:0;
	padding:0;
}
#news .item .more {
	text-align: right;
}
#news .item .more a {
	color:#D91F4E;
	text-decoration: none;
	
}
#news .item .more a:hover {
	color:#D91F4E;
	text-decoration: underline;
	
}
#newsAll {
	background-image: url(../img/bg_red_line.gif);
	background-repeat: repeat-y;
	background-position: 50% 0%;
}
#newsAll .side {
	width:230px;
}
#newsAll .box {
	font-size: 10px;
	margin:2px 0px 5px 0px
}
#newsAll .box p {
	margin:0;
	text-align: left;
}
#newsAll .box a {
	color:black;
}
#newsAll h3 {
	color:#172A62;
	font-size:11px;
	margin:0px 0px 2px 0px;
}

#newsAll h4  {
	color:#d91f4e;
	font-size:10px;
	margin:0;	
}

#newsAll img {
	float: left;
	margin-right:5px;
}
#pages {
	text-align: right;
	font-size:11	px;
}
#pages a {
	color:black;
	text-decoration: none;
	font-weight: bold;
}
#pages a:hover {
	text-decoration: underline;
}
/*________________footer____________________*/
#footer {
	position: relative;
	height:50px;
	text-align: right;
	background-color: #333333;
	color:white;

}
#footer ul {
	
	margin: 0;
	padding: 3px 0px 0px 0px;
	
}
#footer ul li {
	display: inline;
	/*background-image: url(../img/liFooter.png);
	background-repeat: no-repeat;*/
	background-position: right;		
	padding:0px 5px 0px 5px;
	font-size: 10px;
	color:white;
}
#footer a {
	font-size:10px;
	color:white;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#copyright {
	height:16px;
	padding:2px 2px 0px 0px;
	margin:1px 0px 0px 0px;
	font-size: 9px;	
	color:#999999;
}
#copyright img {
	position: relative;
	right:400px;
	top:2px;
}
#copyright a {
	color:#999999;
	text-decoration:none;
}
#copyright a:hover {
	color: #999999;
	text-decoration:underline;
}
/*_______Popisky TITLE____*/
.title {
	width:166px;
	_width:170px;
	height:18px;
	_height:22px;
	margin:2px 0px 2px 0px;
	padding:3px 0px 0px 4px;
	color:white;
	font-size:12px;
	font-weight:bold;
}
.Web {
	background-image: url(../img/title_menu.jpg);
	background-repeat: no-repeat;
}
.Products {
	background-image: url(../img/title_products.jpg);
	background-repeat: no-repeat;
}
.News {
	background-image: url(../img/title_news.jpg);
	background-repeat: no-repeat;
}

/*_______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 {
	color: #E1DAD2;
	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;
}
/*___Formular___*/
form.formular {
	margin-bottom:10px;
}
form.formular input {
	width:300px;
	border:1px solid #333333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}
form.formular select {
	border:1px solid #333333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}
form.formular input.submit {
	width:84px;
	height: 22px;
	
}
form.formular input.radio {
	width:20px;
	border: 0;
}
form.formular textarea {
	width:300px;
	border:1px solid #333333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}
form.formular table td {
	text-align:left;
	vertical-align: top;
}
form.formular table td.textRight {
	text-align: right;
}
#pharma {
	position: absolute;
	top:-20px;
	left:0px;
}

.temp {
	height:2px;
}
.fastNav {
	margin-top:3px;
	background-image: url(../img/fast_nav.jpg);
	background-repeat: no-repeat;
	height: 20px;
	color:white;
}
.fastNav p, .poradna p {
	margin:0;
	padding:3px 0px 0px 35px;
	
}
.poradna {
	margin-top:3px;
	background-color:#D62046;
	height: 20px;
	color:white;
}
.katalogItem {
	float:left;
	width:150px;
	text-align: left;
	margin-right:5px;
}
.katalogItem .price {
	text-align: center;
	font-size:14px;
	font-weight: bold;
	color:#172a62;
}
.katalogItem .produkt {
	background-image: url(../img/bg_katalog_produkt.jpg);
	background-repeat: repeat-y;	
}
.katalogItem .produktStart {
	background-image: url(../img/katalog_produkt_start.jpg);
	background-repeat: no-repeat;
	height:35px;
}
.katalogItem .produktEnd {
	background-image: url(../img/katalog_produkt_end.jpg);
	background-repeat: no-repeat;
	height:10px;
	background-color: White;
}
#textContent .katalogItem .produkt p {
	margin:3px 2px 3px 2px;
	font-size:10px;
}
#textContent .katalogItem .produkt p a {
	color:white;
}

#forum p {
	border-bottom: 1px dotted #77A4C5;
}
.formular textarea.forum {
	width:450px;
}
.forumNav {
	margin-top:3px;
	background-image: url(../img/fast_navShop.jpg);
	background-repeat: no-repeat;
	height: 20px;
	color:white;
}
.forumNav p {
	margin:0;
	padding:3px 0px 0px 35px;
	
}

/* 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;
}
.red {
	color:#d91f4e;
	font-weight: bold;		
}
.twoCols {
	background-image: url(../img/bg_red_line.gif);
	background-repeat: repeat-y;
	background-position: 50% 0%;	
}
.twoCols .side {
	width:230px;
	font-size:10px;
}