/*----------------------------------------
Q2 CSS Framework v1.1
Developed by: Q2 Interactive | david.krasensky@q2.cz
Based on: Elements CSS Framework | http://elements.projectdesigns.org
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("reset.css");
/* @import url("externalLinks.css"); */


/* Elements
----------------------------------------*/
html {
	height: 100%;
}
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #EDECEA;
	color: #666666;
	font-size: 12px;
	line-height: 150%;
	height: 100%;	
}

body#style1 {
	background-color: #23A600;
	background-image: url(../img/web-bg01-wide.jpg);
	background-repeat: repeat-x;
}
body#style2 {
	background-color: #911868;
	background-image: url(../img/web-bg01-wide.jpg);
	background-repeat: repeat-x;
}
body#style3 {
	background-color: #4B4B4B;
	background-image: url(../img/web-bg03-wide.jpg);
	background-repeat: repeat-x;
}
body#style4 {
	background-color: #4B4B4B;
	background-image: url(../img/web-bg04-wide.jpg);
	background-repeat: repeat-x;
}




/*--- Link Styles ---*/
a
{
	color: #666666;
	text-decoration: underline;
}

a:hover
{
	color: #000000;
	text-decoration: none;
}


/* Standard Definitions
----------------------------------------*/

blockquote	{
	margin: 0 0 18px 18px; 
	color: #666666; 
	font-style: italic;
}
strong	{
	font-weight: bold;
}
em	{
	font-style: italic;
}

.hide {
	display: none;
}
.nobg {
	background-image: none;
}
/* http://www.positioniseverything.net/easyclearing.html */
.clear {
	clear: both;
}
.clear:after { /* fixed > fix-ie.css */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.file_label {
	float:left;
	width:120px;
}

/* Použito jako třída prvku formuláře pro upload souboru u nových příspěvků u diskuze
	implicitne nejsou videt ale bojevuji se postupne  */
.file_input
{
	display:none;
}
/* Použito jako třída prvku formuláře pro upload souboru u nových příspěvků u diskuze
	implicitne nejsou videt ale bojevuji se postupne  */
.file_input_show{
	/*display:block;*/
	height:auto;
}
/* Forms
----------------------------------------*/
select {
	padding: 1px 4px;
	border: 1px solid #BBBBBB;
}
input {
	padding: 1px 4px;
	border: 1px solid #BBBBBB;
	/*border:1px solid red;*/
}
textarea {
	padding: 1px 4px;
	border: 1px solid #BBBBBB;
}
input:focus, textarea:focus {
	border: 1px solid #000000;
}

.error, .notice, .success {
	padding: 10px; 
	border: 2px solid #dddddd;
	margin: 10px 0;
}
.error {
	background: #FBE3E4;
	color: #8a1f11;
	border-color: #FBC2C4;
}
.error a {
	color: #8a1f11;
}
.notice {
	background: #FFF6BF;
	color: #514721;
	border-color: #FFD324;
}
.notice a {
	color: #514721;
}
.success {
	background: #E6EFC2;
	color: #264409;
	border-color: #C6D880;
}
.success a {
	color: #264409;
}



#web-container {
	background-image: url(../img/web-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#style1 #web-container {
	background-image: url(../img/web-bg01.jpg);
}
#style2 #web-container {
	background-image: url(../img/web-bg02.jpg);
}
#style3 #web-container {
	background-image: url(../img/web-bg03.jpg);
}
#style4 #web-container {
	background-image: url(../img/web-bg04.jpg);
}



/* Header
----------------------------------------*/

#header {
	height: 390px;
	overflow: hidden;
}
#header .inner {
	width: 950px;	
	padding: 0 15px;
	margin: 0px auto;	
}

	#header .logo  {
		float: left;
	}
	#header ul.menu  {
		float: right;
		margin-right: 30px;
		margin-top: 40px;
		display: inline; /* ie6 fix*/
	}
		
		#header ul.menu li .section-title  {
			color: #90FF73;
			text-transform: uppercase;
			border-bottom: 1px solid #90FF73;
			padding: 0 0 4px 0;
			margin: 0 0 6px 0;
		}
			#style1 #header ul.menu li .section-title  {
				color: #90FF73;
				border-color: #90FF73;
			}
			#style2 #header ul.menu li .section-title  {
				color: #FF00AC;
				border-color: #FF00AC;
			}
			#style3 #header ul.menu li .section-title  {
				color: #90FF73;
				border-color: #90FF73;
			}
			#style4 #header ul.menu li .section-title  {
				color: #FF00AC;
				border-color: #FF00AC;
			}
		
		
		
		#header ul.menu li  {
			float: left;
			color: #ffffff;
			width: 150px;
			margin-right: 20px;
		}
			#header .menu ul  {
				float: left;
			}
			#header .menu ul li {
				display: block;
				float: none;
				margin: 0;
				padding: 0 0 2px 0;
			}
				#header .menu ul li a {
					text-transform: uppercase;
					color: #ffffff;
					text-decoration: none;
				}
					#header .menu ul li a:hover {
						text-decoration: underline;
					}
	
	#header ul.lang  {
		float: right;
		margin-right: 78px;
		margin-top: 40px;
		display: inline;
		width: 72px;
		height: 20px;
	}
		#header ul.lang li {
			float: left;			
		}
		#header ul.lang a { 
			display: block;
			width: 20px;
			height: 20px;
			background-image: url(../img/flags.png);
			background-repeat: no-repeat;	
			margin: 0 4px 0 0;		
		}
			#header ul.lang a.en {
				background-position: 0 0;		
			}
			#header ul.lang a.cz {
				background-position: 0 -24px;		
			}
			#header ul.lang a.de {
				background-position: 0 -48px;		
			}
				#header ul.lang a.en:hover, #header ul.lang a.en.active {
					background-position: -20px 0;		
				}
				#header ul.lang a.cz:hover, #header ul.lang a.cz.active {
					background-position: -20px -24px;		
				}
				#header ul.lang a.de:hover, #header ul.lang a.de.active {
					background-position: -20px -48px;		
				}
	
	#header .page-title {
		color: #ffffff;
		font-size: 30px;
		line-height: 34px;
		font-family: "Etelka Light", "Trebuchet MS", Arial;
		margin: 50px 0 20px 0;
		
		width: 580px;
	}
	#header .page-perex {
		color: #90FF73;
		font-size: 18px;
		line-height: 28px;
		font-family: "Etelka Light", "Trebuchet MS", Arial;
		
		width: 580px;
	}
		#style1 #header .page-perex {
			color: #90FF73;
		}
		#style2 #header .page-perex {
			color: #FF00AC;
		}
		#style3 #header .page-perex {
			color: #90FF73;
		}
		#style4 #header .page-perex {
			color: #FFD7EB;
		}
	
	
	
	
	
		
/* Content
----------------------------------------*/
#content ul {
	list-style-type:disc;
	margin-left:30px;
}
#content .inner-top{
	width: 950px;	
	padding: 0 15px;	
	margin: 0px auto;	
	background-image: url(../img/content-top-bg.png);
	background-repeat: no-repeat;
	height: 34px;
}
#content .inner {
	width: 890px;	
	padding: 0 45px;	
	margin: 0px auto;
	background-image: url(../img/content-bg.png);
	background-repeat: repeat-y;
}


	#content .col {
		float: left;
		margin-right: 20px;
	}
		#content .col.last {
			margin-right: 0;
		}
	
	#content .col .title {
		font-size: 19px;
		font-family: Georgia, "Times New Roman", Times, serif;
		border-bottom: 5px solid #CCCCCC;
		padding: 20px 0 12px 0;
		margin: 0 0 10px 0;
	}
	#content .col .subtitle {
		font-size: 19px;
		font-family: Georgia, "Times New Roman", Times, serif;
		padding: 10px 0 4px 0;
		margin: 0 0 10px 0;
		color: #339900;
	}
	#content .col .title-image {
		padding: 10px 0;
	}

    #content .col-1 {
		margin-right: 20px;
	}

        #content .col-1 .title {
            font-size: 19px;
            font-family: Georgia, "Times New Roman", Times, serif;
            border-bottom: 5px solid #CCCCCC;
            padding: 20px 0 12px 0;
            margin: 0 0 10px 0;
            color: #CC3399;
        }

        #content .col-1 .subtitle {
            font-size: 19px;
            font-family: Georgia, "Times New Roman", Times, serif;
            padding: 10px 0 4px 0;
            margin: 0 0 10px 0;
            color: #339900;
        }
        #content .col-1 .title-image {
            padding: 10px 0;
        }

        #content .col-1 .color-style01 h2 a {
            color: #CC3399;
            text-decoration: none;
        }
        #content .col-1 .color-style01 h2 a:hover {
            color: #CC3399;
            text-decoration: underline;
        }
	
	#content .col.color-style01 {

	}
		#content .col.color-style01 .title {
			color: #CC3399;
		}
		#content .col.color-style01 h2 {
			color: #CC3399;
		}
        #content .col.color-style01 h2 a {
            color: #CC3399;
            text-decoration: none;
        }
        #content .col.color-style01 h2 a:hover {
            color: #CC3399;
            text-decoration: underline;
        }
    
	#content .col.color-style02 {

	}
		#content .col.color-style02 .title {
			color: #339900;
		}
		#content .col.color-style02 h2 {
			color: #339900;
		}

	#content .col.wide-style01 {
		width: 385px;
	}
	#content .col.wide-style02 {
		width: 230px;
	}
	#content .col.wide-style03 {
		width: 525px;
		margin-right: 40px;
	}
	#content .col.wide-style04 {
		width: 325px;
	}


#content .news-item {
	padding: 10px 0;
	height: 83px;
	overflow: hidden;
	border-bottom: 1px solid #CCCCCC;
}
    #content #reference .news-item {
        margin-bottom: 10px;
        height:100px;
        overflow:hidden;
        text-align: justify;
        margin-right:20px;
    }

	#content .news-item .thumb {
		width: 98px;
		height: 83px;
		overflow: hidden;
		float: left;
		margin: 0 10px 0 0;
	}
	#content .news-item h2 {
		font-size: 14px;
		padding: 0 0 2px 0;
	}
	
#content .tip-item {
	padding: 0 0 15px 0;
	border-bottom: 1px solid #CCCCCC;
}

#content .submenu {

}
	#content .submenu li {
		border-bottom: 1px solid #CCCCCC;
	}
		#content .submenu a {
			font-size: 16px;
			font-family: Georgia, "Times New Roman", Times, serif;
			color: #CF41A0;
			display: block;
			padding: 20px;
		}
		#content .submenu a.active {
			color: #333333;
			text-decoration: none;
		}

#content .refPictures img{
    margin:8px;
    /*padding:10px;*/
}
#content #firmy {

}
    #content #firmy .title a{
        color:#CC3399;
    }
    #content #firmy .kraj a{
        padding:5px;
        color:#CC3399;
        display:block;
        font-family:Georgia,"Times New Roman",Times,serif;
        font-size:16px;
        padding:10px;
    }
        #content #firmy .kraj a:hover{
            text-decoration: none;
        }
        #content #firmy .kraj a.active{
            color: #333333;
            text-decoration: none;
        }
        #content #sitemap {

        }
        #content #sitemap ul {
            list-style-type: disc;
            margin-left: 40px;
            padding:10px;
        }
#content #firmy-registrace {
			
}
		#content #firmy-registrace #registrationForm {
			padding-left: 100px;
			padding-top: 30px;
			margin-bottom:30px;
		}

		#content #firmy-registrace #registrationForm br {
			margin-bottom: 10px;
		}

		#content #firmy-registrace #registrationForm label {
			float:left;
			font-weight:bold;
			width:120px;
		}

		#content #firmy-registrace #registrationForm input {
			width:300px;
		}

		#content #firmy-registrace #registrationForm select {
			width:300px;
		}
		#content #firmy-registrace #registrationForm textarea {
			width:250px;
			height:150px;
		}

#content #firmy {

}

	#content #firmy #kontaktFormId {
		/*width:100px;*/
		/*float:left;*/
	}

	#content #kontaktFormId {
		padding-bottom: 20px;
		margin-left: 60px;
		margin-top: 20px;
	}

	#content #kontaktFormId label {
		float: left;
		font-weight: bold;
		width: 120px;
	}

	#content #kontaktFormId input {
		float: left;
		width: 300px;
	}

	#content #kontaktFormId select {
		float: left;
		width: 304px;
	}

	#content #kontaktFormId input.tlacitko {
		width: 150px;
	}

	#content #kontaktFormId textarea {
		float: left;
		width: 300px;
		height: 150px;
	}
	
	#content #firmy .detailFirma {
		margin-top:40px;
	}
	#content #firmy .seznamFirma {
		border-bottom: 1px solid #CCCCCC;
		margin-bottom: 20px;
	}

	#content #firmy .firmaLeft {
		width: 160px;
		float: left;
		margin-right: 10px;
	}


	#content #firmy .firmaMiddle {
		width: 265px;
		float: left;
		margin-right: 10px;
	}
	#content #firmy .firmaRight {
		width: 365px;
		display:block;
		/*float: left;*/
	}


	#content #firmy .firmaSeznamLeft {
		width: 160px;
		float: left;
		margin-right: 10px;
	}


	#content #firmy .firmaSeznamMiddle {
		width: 145px;
		float: left;
		margin-right: 10px;
	}
	#content #firmy .firmaSeznamRight {
		width: 185px;
		float: left;
	}
/* Footer
----------------------------------------*/
#footer {

}
#footer  .inner {
	width: 890px;	
	padding: 30px 45px;	
	margin: 0px auto;
	background-image: url(../img/footer-bg.png);
	background-repeat: repeat-y;
	color: #999999;
}

	#footer  .copy {
		float: left;
		width: 550px;
	}
	
	#footer  a {
		color: #999999;
	}

	#footer ul.menu  {
		margin-top: 40px;
		font-size: 11px;
	}
		
		#footer ul.menu li .section-title  {
			display: none;
		}
		#footer ul.menu li  {
			float: left;
			color: #ffffff;
			width: 160px;
			margin-right: 10px;
		}
			#footer .menu ul  {
				float: left;
				border-top: 1px solid #666666;
				padding: 8px 0 0 0;
			}
			#footer .menu ul li {
				display: block;
				float: none;
				margin: 0;
				padding: 0 0 1px 0;
			}
				#footer .menu ul li a {
					text-transform: uppercase;
					color: #999999;
					text-decoration: none;
				}
					#footer .menu ul li a:hover {
						text-decoration: underline;
					}


	#footer .contact {
		float: right;
		width: 330px;
		text-align: right;
		font-size: 11px;
	}


/* FCK
----------------------------------------*/

h3.Edit_Nadpis1 {
	margin: 0;
	padding: 6px 0 2px 0;
	font-size: 13px;	
	font-weight: bold;
	color: #CC3399;
}
h3.Edit_Nadpis2 {
	margin: 0;
	padding: 6px 0 2px 0;
	font-size: 13px;	
	font-weight: bold;
	color: #339900;
}
h3.Edit_Nadpis3 {
	margin: 0;
	padding: 6px 0 2px 0;
	font-size: 13px;	
	font-weight: bold;
	color: #666666;
}
h3.Edit_Nadpis4 {
	margin: 0;
	padding: 6px 0 2px 0;
	font-size: 13px;	
	font-weight: bold;
	color: #000000;
}



#q2-backlinks {}

#q2-backlinks li {
	float: left;
	padding-right: 6px;
	font-size: 10px;
}
#q2-backlinks li a {
	color: #666666;
}