/*
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 {
	width:221px;
	margin:0px 0px 0px 7px;
	padding:0px;
	background-color: White;

}
#menu ul#main {
	list-style: none;
	padding: 0;
	margin:0;
	font-size: 13px;
	font-weight: bold;
}
#menu ul#main li a{
	display:block;
	background-image: url(../img/li.png);
	background-position: 0px 0px;
	width:211px;
	_width:221px;	
	height:21px;
	_height:26px;	
	padding:5px 0px 0px 10px;
	color: #000000;
	text-decoration: none;
}

/*#menu ul#main li.a:hover{
	display:block;	
}*/
#menu ul#second {
	list-style: none;
	padding: 0;
	margin:0;
	font-size: 12px;
	font-weight: normal;
	color:black;
}
#menu ul#second li {	

	
}
#menu ul#second li a {
	display:block;
	width:180px;
	height:20px;
	background-image: url(../img/ul_second.jpg);
	background-repeat: no-repeat;
	background-position: 0px 15px;
	text-decoration: none;
	margin-left:40px;
	padding:10px 0px 5px 10px;
	color:#000000;
}
#menu ul#second li a:hover{
	display:block;
	color: #6699cc;
}

#menu h2 {
	background-image: url(../img/menuTitle.png);
	background-repeat: no-repeat;
	height:24px;
	margin:0;
	padding:2px 0px 0px 10px;
	font-size:13px;
}
/*________________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 {
	width:570px;
	margin-left:10px;
}

#katalog .box {
	width:280px;		
}
#katalog .box .name {
	background-image: url(../img/kat_title.jpg);
	background-repeat: no-repeat;
	height:26px;
	margin:5px 0px 5px 0px;
	
}
#katalog .box .name h2 {	
	position:relative;
	float: left;
	width:190px;
	padding:0px 0px 0px 0px;
	margin:4px 0px 0px 4px;
	font-size:12px;
	color:#000000;
	
}
#katalog .box .name h2 span{
	position:absolute;
	top:0px;
	right:30px;
	font-size:11px;
	font-weight:700;
}
span.dph {
	color:#99ccff;
}
#katalog .box .name .mat{
	float: right;
	width:80px;
	margin:0px;
	padding:0px;
	text-align: right;
}
#katalog .box .img {
	background-color: #525252;
}
#katalog .box .info {
	min-height: 190px;
	_height:190px;
	background-color: #525252;
	padding:0px 4px 4px 5px;
	margin-top:5px;
}
#katalog .box .info img {
	margin-top:5px;
}



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