/*
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: #E4E4E4;
	color:white;
	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;
}

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


/*_________________________________________________________*/

#null {
	width:820px;
	margin:auto;
	text-align:left;	
	margin-top:20px;
	/*background-color: #232323;*/
	background-color: #333333;
}
/*__________________ Head _________________________________*/
#head {
	position:relative;
	width:820px;
	height:157px;		
	background-color: #333333;
	background-image: url(../img/bg_head.jpg);
	background-position: 100px 0px;
	background-repeat: no-repeat;
}
#head a#logo {
	display: block;
	height:120px;
	width: 120px;	
	position: absolute;
	top:5px;
	left:15px;
}
#head #text {	
	height:93px;
}
#head #text #marketing {
	position: absolute;
	top:40px;
	left:200px;
	color: white;
	font-size:22px;
}
#head #nav{
	position:absolute;
	top:0px;
	right:0px;
	background-image: url(../img/corner.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right:45px;
	padding-top:2px;
}
#head #nav a{
	color:white;
	text-decoration: none;
}
#head #nav a:hover {
	text-decoration: underline;
}

/*_______Top menu______*/
#topMenuCon {
	height: 32px;
	background-image: url(../img/bg_topMenu.png);
	background-repeat: no-repeat;
	background-position: right top;
	z-index: 10;
	}
.menuCon {
	margin-left:150px;
}
.menuCon ul{
margin:0px;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.menuCon ul li{
position: relative;
display: inline;
float: left;
background-image: url(../img/top_li.png);
background-repeat: no-repeat;
background-position: right;
}

/*Top level menu link items style*/
.menuCon ul li a{
display: block;
width: 130px; /*Width of top level menu link items*/
_width: 120px;
padding: 10px 0px 9px 0px;
text-decoration: none;
text-align:center;
font-size:12px;
color:#333333;
}


	
/*Sub level menu*/
.menuCon ul li ul{
left: 0;
top: 0;
border-top: 1px solid #202020;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.menuCon ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.menuCon ul li ul li a{
width: 150px; /*width of sub menu levels*/
height:24px;
font-weight: normal;
padding: 2px 0px 0px 10px;
background-image: url(../img/top_liSub.png);
text-align: left;
font-size:10px;
}
.menuCon ul li ul li a:hover{
background: #d7d7d7;
}

	
/* Holly Hack for IE \*/
* html .menuCon ul li { float: left; height: 1%; }
* html .menuCon ul li a { height: 1%; }
/* End */

/* // END TOP MENU */


.list {
	height: 32px;
	background-image: url(../img/bg_search.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.list .headline {
	float: left;
	width:210px;
	padding:2px 0px 0px 10px;
	color:black;
	font-size:12px;
}
.list .rightSide {
	float:right;
	width:580px;
	margin-top:2px;
}
.list p.box {
	margin: 2px 15px 0px 0px;
	float: left;
}
.list .sideRight form.formSearch {
	float:right;
	font-size:10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.list form.formSearch input {
	width:150px;
	border:1px solid #333333;
}
.list form.formSearch input.button {
	width:56px;
	height:20px;
	color:white;
	background-color: #8AA5C6;
	border:1px solid #717F8F;

}
/*__________________ Rozlozeni stranky_____________________*/
#content {
	width:820px;
	margin-top:6px;
	background-image: url(../img/bg_content.png);
	background-repeat: repeat-y;	
}
/*___________________Levy sloupec___________________*/

#mainLeft {
	float: left;
	width: 228px;
}

#mainRight {
	float:right;
	width:590px;
}
#mainRight .nav {
	margin-left: 10px;
}
#mainRight .nav a {
	color: #99CCFF;
}
/*_________________MENU_________________*/

#menu {
	padding-left:3px;
}
#menu ul#main {
	/*border:1px solid red;*/
	background-color: white;

	list-style: none;
	padding: 0;
	margin:0;	
	font-size: 12px;
	font-weight: 400;	
}
#menu ul#main li a{
	display:block;
	background-image: url(../img/li2.gif);
	background-position: 15px 6px;
	_height:18px;
	background-repeat: no-repeat;
	color: #000000;
	padding:4px 0px 4px 35px;
	text-decoration: none;
}
#menu ul#main li.upper a, #menu ul#main li.upper a:hover {
display:block;
	background-image: url(../img/li.jpg);
	background-position: 0px 0px;
	width:206px;
	_width:221px;
	height:21px;
	_height:26px;
	color: #000000;
	padding:5px 0px 0px 15px;
	text-decoration: none;
}
#menu ul#main li.active a, #menu ul#main li.active a:hover {
	display:block;	
	color: #6699cc;
	text-decoration: none;
	font-weight: 700;
}
#menu ul#main li a:hover{
	display:block;
	color:#6699cc;
	font-weight: 700;
}
/*________________Studie List____________________*/
#studieList {
	margin:10px 0px 20px 15px;
}
#studieList .item {
	margin-bottom:5px;
}
#studieList .item .title {
	width:205px;
	height:24px;
	background-image: url(../img/bg_story_title.png);
	background-repeat: no-repeat;
	
}
#studieList .item .title h2 {
	display: block;
	font-size:11px;
	font-weight: normal;
	padding:5px 0px 0px 30px;
	margin:0px;
	
}
#studieList .item .title h2 a {
	color:white;
	text-decoration: none;
}
#studieList .item .title h2 a:hover {
	color:white;
	text-decoration: underline;
}
.window {
	color:#99ccff;
	font-size:13px;
	font-weight: bold;
}

/*________________Text content____________________*/

#textContent {
	padding:10px;
	text-align: justify;
	font-size:11px;
	/*letter-spacing: 1px;*/
}
#textContent b, #textContent strong {
	color: #99CCFF;
	font-weight: normal;
}
#textContent a {
	color: #A0C0E0;
}
#textContent h1 {
	font-size:18px;
	color: #99CCFF;
	font-weight:normal;
	text-decoration: underline;
}
#textContent h2 {
	font-size:16px;
	color: #99CCFF;
	font-weight:normal;
}
#textContent h3, #textContent h4{
	font-size:14px;
	color: #99CCFF;
	font-weight: normal;
}

#textContent h5 , #textContent h6 {
	font-size:10px;
}
#textContent ul {
	padding: 0;
	margin: 6px 0px 6px 0px;
	list-style: none;
}
#textContent ul li {
	background-image: url(../img/ul.jpg);
	background-repeat: no-repeat;
	background-position: 8px 6px;
	padding-left:18px;
	margin-bottom:5px;
}
#textContent ol {
	padding: 0;
	margin: 0px 0px 0px 25px ;	
}
#textContent p {
	margin:5px 0px 5px 0px;
}
#textContent p img {
	margin:2px 10px 2px 10px;
}

#news h4 {
	font-size:15px;
	border-bottom: 1px solid #666666;
}

#news .box {
	border-bottom: 1px solid #666666;
	padding:5px 0px 10px 5px;
}
#news .box h3 {
	color:#6699cc;;
	margin:0;
	padding:0;
	font-size:12px;
	text-align: left;
}
#news .box img {
	float:left;
	margin:5px 5px 5px 0px;
}

/*________KATALOG________*/
#katalog {
	background-color: white;
	color:black;
	padding-left:10px;
}
#katalog b, #katalog strong {
	color:black;
	font-weight: 700;
}
.couple {
	margin-bottom:1px;
}
.couple .item {
	width:170px;
	_width: 182px;
	padding: 2px;
	margin-right: 1px;
}

.couple .item .upper {
	text-align: center;
	/*height: 110px;*/
	/*overflow: hidden;*/
}
#textContent #katalog .couple .item h2 {
	text-align:center;
}
#textContent #katalog .couple .item a {
	display: block;	
	text-decoration: none;
}
#textContent #katalog .couple .item h2 a {	
	color:#6699CC;
	text-decoration: none;
	font-weight: 700;
}
#textContent #katalog .couple .item h2 a:hover {	
	text-decoration: underline;
}
#textContent #katalog .couple .item .price {
  font-size: 12px;
  margin-top: 8px;
}
#textContent #katalog .couple .item .price p {
  text-align: left;
  font-size:10px;
 line-height: 10px;
 padding:0px 4px 0px 4px; 
}
#textContent #katalog .couple .item .price .label {
 color:black !important;
  display: block;
  float: right;
  text-align: center;
  background-image: url(../img/bg_label.gif);
  background-repeat: repeat-x;
  padding: 2px 0px 0px 0px;
  font-size: 11px;
  height:18px;
  width:64px;

}
#textContent #katalog .couple .item .price p strong {
	font-size:12px;
	color:#b91313;
}
.couple .item .info {
	font-size:10px;
	height: 100px;
	overflow: hidden;
}
.couple .item .info .color img {
	margin:0px !important;
	padding: 0px !important;
	vertical-align: middle;
}
.couple .item .info p {
	font-size:10px;
	padding:0px 2px 0px 4px;
	line-height: 10px;
	text-align: left;
	
}
#katalog #item {
	border:1px solid #d7eaff;
	padding:0;
}	
#katalog #item #upper{
	position: relative;
	height:54px;
	background-color: #ECF5FF;	
	
}
#katalog #item #upper h2 {
	padding:5px 200px 0px 10px;
	margin:0;
}
#katalog #item #upper .addCart {
	position:absolute;
	right:0px;
	top:0px;
}
#katalog #item #upper .addCart img {
	margin:2px;
}
#katalog #item #leftPart {
	float:left;
	width:360px;	
	text-align: center;
}
#katalog #item #rightPart {
	float: right;
	width:194px;
}
#katalog #item .price {
	position:relative;
	left:374px;
	width:194px;
	height:49px;
	background-image: url(../img/bg_price.jpg);
	background-repeat: no-repeat;
	color:White;
	font-size:11px;
}
#katalog #item p {
	padding:0px 4px 0px 2px;	
	text-align: left;
}
#katalog #item .price span {
	padding-left:45px;
}
#katalog #item .price strong {
	padding-left:15px;
	font-size:12px;
}
#katalog #item .price p.first {
	color:#424242;
}



/*_______________HOME_______________________*/
#home {
	background-color:#666666;
	position: relative;
}
#tshirt {	
	float:left;
	width:205px;
	height:290px;
	background-image: url(../img/bg_news.png);
	background-repeat: repeat-y;	

}
#news {	
	position: absolute;
	top:0px;
	right:-173px;
	width:171px;
	background-color: #4d4d4d;
	background-repeat: repeat-y;
}
#news .title {
	width: 171px;
	height: 32px;
	background-image: url(../img/bg_news_title.jpg);
	background-repeat: no-repeat;
}
#news .title h1 {
	font-size:12px;
	color:black;
	margin:0px;
	padding:5px;
}
#news .box {
	border-bottom: 1px solid #717171;
}
#news .h2 {
	margin:0;
	padding:2px 0px 0px 4px;
	font-size: 11px;
	font-weight: bold;
}
#news p {
	padding:0px 4px 0px 4px;
	font-size:10px;
}
#home #news p a {
	color: #a0c0e0;
	text-decoration:none;	
}
#home #news p a:hover {
	text-decoration:underline;
}
#home #welcome {
	width:615px;
	height:290px;
	float:right;
	background-color: #666666;
	color:#333333;
	background-image: url(../img/bg_welcome.jpg);
}
#home #welcome #nadpis {
	position: relative;
	top:10px;
	left:15px;
}
#home #welcome #nadpis h1 {
	margin:2px 0px 2px 0px;
	font-size:18px;
	color:black;
}
#home #welcome #tip {
	position: absolute;
	top:30px;
	right:15px;
	width:180px;
}
#home #welcome #tip p {
	color:white;
}
#home #welcome #tip p a{
	color: #A0C0E0;
	text-decoration:none;
}
#home #welcome #tip p a:hover {
	text-decoration: underline;
}

#home #welcome #tip h2 {
	color: white;
}
#home #story h2 {
	height:20px;
	_height:25px;
	margin:0px;
	padding:5px 0px 0px 35px;
	font-size:11px;
	font-weight: normal;
}
#home .storyA {
	float: left;
	width:205px;
	height:258px;
	background-image: url(../img/bg_story.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size:10px;
}
#home .storyA h3, #home .storyB h3 {
	margin:4px 0px 2px 30px;
	font-size:12px;
}
#home .storyA h3 a, #home .storyB h3 a {
	color:white;
	text-decoration: none;
}
#home .storyA h3 a:hover, #home .storyB h3 a:hover {
	color:white;
	text-decoration: underline;
}
#home .storyA .text, #home .storyB .text {
	padding:0px 4px 0px 8px;
}
#home .storyB {
	float: left;
	width:205px;
	height:258px;
	background-image: url(../img/bg_story.png);
	background-repeat: no-repeat;
	background-position: -205px 0px;
	font-size:10px;
}



#home #fibre {
	float: left;
	width:615px;
	height:149px;	
	background-image: url(../img/bg_fibre.png);
	background-repeat: repeat-y;
}
#home #fibre .title {
	background-image: url(../img/bg_fibre_title.png);
	height:23px;
	_height:27px;	
	padding:4px 0px 0px 40px;
}
#home #fibre .text {
	padding-left:8px;
}
#home #reason {
	float:left;
	width:205px;
	height:149px;
	background-image: url(../img/bg_reason.png);
	background-repeat: repeat-y;
}
#home #reason .title {
	background-image: url(../img/bg_reason_title.png);
	height:23px;
	_height:27px;	
	padding:4px 0px 0px 40px;
}
#home #reason .text {
	padding-left:8px;
}
#home #reason .text ul {
	list-style: none;
}
#home #reason .text ul li {
	background-image: url(../img/reason_li.jpg);
	background-repeat: no-repeat;
	margin-top:9px;
	padding-left:20px;
}
#home #reason .text ul li a {
	color:white;
	text-decoration: none;
}
#home #reason .text ul li a:hover {
	text-decoration: underline;
}
/*________________footer____________________*/
#footer {
	height:54px;
	background-color: white;
	color:#000000;
}
#footer ul {
	margin: 0;
	padding: 5px 0;
}
#footer ul li {
	display: inline;
	background-image: url(../img/liFooter.png);
	background-repeat: no-repeat;
	background-position: right;		
	padding:0px 10px 0px 5px;
	font-size:12px;
}
#footer a {
	color:#333333;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#copyright {
	position: relative;
	height:54px;
	font-size:9px;
	color:white;
	text-align: right;
	padding-right:10px;
	background-color: #000000;
}
#copyright img {
	position: absolute;
	left:2px;
	top:2px;
}
#copyright a{
	color:white;
	text-decoration: none;	
}
#copyright a:hover {
	text-decoration: underline;
}
#copyright p {
	position: absolute;
	bottom:5px;
	right:5px;
	margin:0;
}

/*_______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;
}
form.formular input.submit {
	width:56px;
	height:20px;
	color:white;
	background-color: #8AA5C6;
	border:1px solid #717F8F;
	
}
form.formular input.radio {
	width:20px;
	border: 0;
}
form.formular textarea {
	width:300px;
	border:1px solid #333333;
}
form.formular table td {
	text-align:left;
	vertical-align: top;
}
form.formular table td.textRight {
	text-align: right;
}

a.button{
	background-image: url(../img/v-button-left.gif);
	background-repeat: no-repeat;
	background-position: top left;
	float:left;
	display: block;	
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 23px; /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	text-decoration: none;
}

a:link.button, a:visited.button, a:active.button{
color: white; /*button text color*/
}

a.button span{
	background-image: url(../img/v-button-right.gif);
	background-repeat: no-repeat;
	background-position: top right;
	display: block;
	padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.button:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.button:hover span{
background-position: bottom right;
color: white;
}
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
img.color {
	margin:0px 3px 0px 3px;
	vertical-align: middle;
}
.tmp {
	height: 10px;
}

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