/*----------------------------------------------------------------------------

	Název souboru: 		styles.css
	Popis:				hlavni styl
	Autor:				Petr Urbánek - petr.urbanek@webprogress.cz
	Projekt:			Greenex
	
		
	== iNFO ===========================================
	
	Page width:				960px
	
	
	== CSS DETAiL ======================================
	
	UNI						-	univerzalni styly
	PAGE 					-	definovani stranky
	HEADER					-	hlavicka webu
	FOOTER					-	paticka webu
	
----------------------------------------------------------------------------*/


/******************************************************************
	UNI
*/
body {
background: url(../img/web-bg.png) repeat;
font-family:arial, tahoma, verdana, sans-serif;
font-weight:normal;
font-size:80%;
color:#333333;
text-align:center;
line-height:1.0em;
}
html, body { 
height: 100%; 
margin: 0;
padding: 0;
}
form {
padding:0px;
margin:0px;
}
div {
padding:0px;
margin:0px;
}
ol, ul {
margin-top:5px;
text-align:left;
}
p{
margin:0px;
padding:0px;
}
table, input, select, textarea {
font-size:100%;
font-family:arial, tahoma, verdana, sans-serif;
}
.left,
.blok-vlevo{
float:left;
}
.right,
.blok-vpravo{
float:right;
}
.clear,
.blok-vycisit{
clear:both;
}
.text-uprostred{
text-align:center;
}
.text-vlevo{
text-align:left;
}
.text-vpravo{
text-align:right;
}
img {
border:0px;
}
hr{
height:0px;
color:#cccccc;
border:0px;
border-top:1px solid #cccccc;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

.justify{
text-align:justify;
}
a:link, a:visited, a:hover {
font-size: 100%;
font-weight:normal;
color: #5a5a5a;
text-decoration: none;
outline:none;
}
a:hover {
color:#ed1c24;
}







/******************************************************************
	SAMOTNA STRANKA
*/
#web{
width:960px;
padding:20px 0px 9px 0px;
margin:0px auto 0px;
background: url(../img/content-bottom-bg.png) center bottom no-repeat;
}
#web #page{
width:960px;
background: url(../img/page-bg.png) right top repeat-y;
text-align:left;
}


/******************************************************************
	HEADER
*/
#header{
width:950px;
height:70px;
position:relative;
background:#e7f5e9;
z-index:10000;
}
.headerHome{
height:372px !important;
}
.headerNext{
background: url(../img/headerNext-bg.jpg) no-repeat #e7f5e9 !important;
}

#header #header-home{
width:950px;
height:346px;
position:relative;
overflow:hidden;
background: url(../img/greenex-header-1.jpg) left top no-repeat;
}
#header #header-home img.header-1,
#header #header-home img.header-2{
position:absolute;
left:0px;
top:0px;
}
#header #header-home img.header-2{
opacity: 0.0; 
filter:Alpha(Opacity=0);
}

#header #header-home #header-menu{
width:950px;
height:80px;
position:absolute;
left:0px;
bottom:0px;
z-index:100;
}
#header #header-home #header-menu ul{
width:950px;
height:80px;
margin:0px;
padding:0px;
}
#header #header-home #header-menu ul li{
margin:0px;
padding:0px;
float:left;
list-style-type:none;
height:80px;
}
#header #header-home #header-menu ul li a:link,
#header #header-home #header-menu ul li a:visited,
#header #header-home #header-menu ul li a:hover{
display:block;
float:left;
height:80px;
}
#header #header-home #header-menu ul li.item-1 a:link,#header #header-home #header-menu ul li.item-1 a:visited,#header #header-home #header-menu ul li.item-1 a:hover{
width:151px;
background: url(../img/item-1.jpg) left top no-repeat;
}
#header #header-home #header-menu ul li.item-1 a:hover{
background: url(../img/item-1.jpg) left bottom no-repeat;
}
#header #header-home #header-menu ul li.item-2 a:link,#header #header-home #header-menu ul li.item-2 a:visited,#header #header-home #header-menu ul li.item-2 a:hover{
width:153px;
background: url(../img/item-2.jpg) left top no-repeat;
}
#header #header-home #header-menu ul li.item-2 a:hover{
background: url(../img/item-2.jpg) left bottom no-repeat;
}
#header #header-home #header-menu ul li.item-3 a:link,#header #header-home #header-menu ul li.item-3 a:visited,#header #header-home #header-menu ul li.item-3 a:hover{
width:147px;
background: url(../img/item-3.jpg) left top no-repeat;
}
#header #header-home #header-menu ul li.item-3 a:hover{
background: url(../img/item-3.jpg) left bottom no-repeat;
}
#header #header-home #header-menu ul li.item-4 a:link,#header #header-home #header-menu ul li.item-4 a:visited,#header #header-home #header-menu ul li.item-4 a:hover{
width:172px;
background: url(../img/item-4.jpg) left top no-repeat;
}
#header #header-home #header-menu ul li.item-4 a:hover{
background: url(../img/item-4.jpg) left bottom no-repeat;
}
#header #header-home #header-menu ul li.item-5 a:link,#header #header-home #header-menu ul li.item-5 a:visited,#header #header-home #header-menu ul li.item-5 a:hover{
width:157px;
background: url(../img/item-5.jpg) left top no-repeat;
}
#header #header-home #header-menu ul li.item-5 a:hover{
background: url(../img/item-5.jpg) left bottom no-repeat;
}
#header #header-home #header-menu ul li.item-6 a:link,#header #header-home #header-menu ul li.item-6 a:visited,#header #header-home #header-menu ul li.item-6 a:hover{
width:170px;
background: url(../img/item-6.jpg) left top no-repeat;
}
#header #header-home #header-menu ul li.item-6 a:hover{
background: url(../img/item-6.jpg) left bottom no-repeat;
}






#header a#logo:link,
#header a#logo:visited,
#header a#logo:hover{
width:116px;
height:122px;
display:block;
position:absolute;
left:18px;
top:18px;
text-decoration:none;
z-index:10000;
}

#header #menu{
position:absolute;
left:140px;
top:0px;
}
#header #menu ul{
margin:0px;
padding:0px;
}
#header #menu ul li ul{
margin:0px;
padding:0px;
position:absolute;
left:14px;
bottom:-36px;
width:790px;
}
#header #menu ul li{
margin:0px;
padding:0px 40px 0px 30px;
list-style-type:none;
float:left
}
#header #menu ul li ul li{
padding:0px 0px 0px 15px;
}
#header #menu ul li a:link,
#header #menu ul li a:visited,
#header #menu ul li a:hover{
display:block;
padding:15px 0px 0px 0px;
color:white;
text-decoration:none;
font-weight:bold;
font-size:90%;
text-transform:uppercase;
}
#header #menu ul li a:hover,
#header #menu ul li a.act:link,
#header #menu ul li a.act:visited,
#header #menu ul li a.act:hover{
background: url(../img/menu-li-bg.gif) top center repeat-x;
}


#header #menu ul li ul li a:link,
#header #menu ul li ul li a:visited,
#header #menu ul li ul li a:hover{
padding:0px;
color:#3F4735;
font-weight:normal;
font-size:90%;
text-transform:none;
}
#header #menu ul li ul li a:hover,
#header #menu ul li ul li a.act:link,
#header #menu ul li ul li a.act:visited,
#header #menu ul li ul li a.act:hover{
color:#ED1C24;
background:none;
}




#header #headerMore{
padding:0px 20px 0px 18px;
}
#header #headerMore a:link,
#header #headerMore a:visited,
#header #headerMore a:hover{
float:left;
font-size:90%;
display:block;
padding:6px 0px 0px 0px;
}

#header #headerMore #search{
float:right;
width:150px;
}
#header #headerMore #search input{
width:115px;
height:15px;
float:left;
margin:2px 0px 0px 0px;
}
#header #headerMore #search #searchButton{
width:27px;
height:18px;
float:right;
margin:2px 0px 0px 0px;
}
#header #headerMore #search #searchButton button{
width:27px;
height:18px;
background: url(../img/button-search-bg.gif) no-repeat;
cursor:pointer;
border:0px;
}





/******************************************************************
	CONTENT
*/
#content{
width:960px;

}


/******************************************************************
	CONTENT - HOME
*/
#content #homeContent{
width:960px;
}

#content #homeContent #homeContentNews{
float:left;
padding:10px 0px 0px 0px;
width:213px;
}
#content #homeContent #homeContentNews ul{
margin:0px;
padding:0px;
}
#content #homeContent #homeContentNews ul li{
margin:0px;
padding:0px;
display:block;
list-style-type:none;
border-bottom:1px solid #cccccc;
font-size:85%;
}
#content #homeContent #homeContentNews ul li a:link,
#content #homeContent #homeContentNews ul li a:visited,
#content #homeContent #homeContentNews ul li a:hover{
line-height:1.3em;
color:#666666;
padding:7px 10px 0px 20px;
display:block;
}
#content #homeContent #homeContentNews ul li a:link span,
#content #homeContent #homeContentNews ul li a:visited span,
#content #homeContent #homeContentNews ul li a:hover span,
#content #homeContent #homeContentNews ul li a:hover{
color:#ed1c24;
}


#content #homeContent #homeContentInfo{
float:right;
width:700px;
padding:20px 0px 0px 0px;
}
#content #homeContent #homeContentInfo .homeContentInfoBox{
width:210px;
margin:0px 20px 0px 0px;
float:left;
}
#content #homeContent #homeContentInfo .homeContentInfoBoxLast{
padding:0px 0px 150px 0px;
background: url(../img/homeContentInfoBox-img.jpg) right bottom no-repeat;
}

#content #homeContent #homeContentInfo .homeContentInfoBox span.h2{
font-size:90%;
color:#ED1C24;
line-height:1.6em;
display:block;
padding:0px 0px 5px 0px;
}
#content #homeContent #homeContentInfo .homeContentInfoBox span.red{
font-size:110%;
color:#ED1C24;
}
#content #homeContent #homeContentInfo .homeContentInfoBox p{
font-size:85%;
color:#4F616B;
line-height:1.6em;
padding:0px 0px 8px 0px;
}










/******************************************************************
	CONTENT - DEPARTMENT
*/
#content #departmentContent{
width:960px;
min-height:500px;
_height:500px;
background: url(../img/departmentContent-bg.png) center top no-repeat;
}

#content #departmentContent #departmentContentMenu{
width:135px;
float:left;
font-size:85%;
line-height:1.6em;
}
#content #departmentContent #departmentContentMenu #in_departmentContentMenu{
padding:110px 0px 50px 18px;
}
#content #departmentContent #departmentContentMenu #in_departmentContentMenu span.h2{
font-size:110%;
color:#666666;
font-weight:bold;
}
#content #departmentContent #departmentContentMenu #in_departmentContentMenu a.act:link,
#content #departmentContent #departmentContentMenu #in_departmentContentMenu a.act:visited,
#content #departmentContent #departmentContentMenu #in_departmentContentMenu a.act:hover{
color:#ed1c24;
}


#content #departmentContent #departmentContentText{
width:790px;
float:right;
font-size:85%;
line-height:1.6em;
color:#666666;
}
#content #departmentContent #departmentContentText #in_departmentContentText{
padding:20px 75px 0px 0px;
}
#content #departmentContent #departmentContentText #in_departmentContentText .departmentContentTextItem{
padding:0px 0px 15px 0px;
}

#content #departmentContent #departmentContentText #in_departmentContentText .departmentContentTextItem h2{
margin:0px;
padding:0px 0px 2px 0px;
font-size:100%;
}

#content #departmentContent #departmentContentText #in_departmentContentText .departmentContentTextItem h2 a:link,
#content #departmentContent #departmentContentText #in_departmentContentText .departmentContentTextItem h2 a:visited,
#content #departmentContent #departmentContentText #in_departmentContentText .departmentContentTextItem h2 a:hover{
color:#666666;
text-decoration:none;
font-weight:bold;
}
#content #departmentContent #departmentContentText #in_departmentContentText .departmentContentTextItem h2 a:hover{
text-decoration:underline;
}
#content #departmentContent #departmentContentText #in_departmentContentText .departmentContentTextItem h2 a:link span,
#content #departmentContent #departmentContentText #in_departmentContentText .departmentContentTextItem h2 a:visited span,
#content #departmentContent #departmentContentText #in_departmentContentText .departmentContentTextItem h2 a:hover span{
color:#ED1C24;
font-weight:normal;
}




/******************************************************************
	CONTENT - PRODUCTS
*/
#content #productsContent{
width:960px;
padding:0px 0px 350px 0px;
background: url(../img/productsContent-bg.jpg) left bottom no-repeat;
}

#content #productsContent #productsContentText{
width:790px;
float:right;
font-size:85%;
line-height:1.6em;
color:#666666;
}
#content #productsContent #productsContentText #in_productsContentText{
padding:20px 75px 0px 0px;
}
#content #productsContent #productsContentText #in_productsContentText h2{
color:#ED1C24;
font-size:110%;
font-weight:normal;
padding:10px 0px 0px 0px;
margin:0px;
}
#content #productsContent #productsContentText #in_productsContentText h3{
font-size:100%;
font-weight:normal;
padding:10px 0px 0px 0px;
margin:0px;
}


/******************************************************************
	CONTENT - PRODUCTS - DETAIL
*/
#content #detailProductsContent{
width:960px;
min-height:550px;
_height:550px;
position:relative;
}

#content #detailProductsContent #pictogram{
padding:40px 0px 40px 80px;
}
#content #detailProductsContent #pictogram #in_pictogram{
width:800px;

}
#content #detailProductsContent #pictogram #in_pictogram table{
width:100%;
font-size:100%;
}
#content #detailProductsContent #pictogram #in_pictogram table tr td{
color:#666666;
font-size:85%;
width:200px;
}
#content #detailProductsContent #pictogram #in_pictogram table tr td img{
float:left;
margin:0px 15px 0px 0px;
}

#content #detailProductsContent #detailProductsText{
width:960px;
}
#content #detailProductsContent #detailProductsText #detailProductsArticle{
float:left;
width:350px;
margin:0px 0px 0px 10px;
}
#content #detailProductsContent #detailProductsText #detailProductsArticle table{
width:100%;
border:1px solid #80bd45;
margin:0px 0px 10px 0px;
font-size:85%;
}
#content #detailProductsContent #detailProductsText #detailProductsArticle table tr td{
padding:5px 13px;
line-height:1.3em;
vertical-align:top;
color:#666666;
}
#content #detailProductsContent #detailProductsText #detailProductsArticle table tr td.red{
color:#B6131A;
}
#content #detailProductsContent #detailProductsText #detailProductsArticle table tr td a:link,
#content #detailProductsContent #detailProductsText #detailProductsArticle table tr td a:visited,
#content #detailProductsContent #detailProductsText #detailProductsArticle table tr td a:hover{
color:#ED1C24;
text-decoration:none;
}
#content #detailProductsContent #detailProductsText #detailProductsArticle table tr td a:hover{
text-decoration:underline;
}




#content #detailProductsContent #detailProductsText img.detailProductsImgRight{
position:absolute;
right:50px;
bottom:0px;
}

/******************************************************************
	CONTENT - ARTICLE
*/
#content #articleContent{
width:960px;
min-height:550px;
_height:550px;
background: url(../img/departmentContent-bg.png) center top no-repeat;
}

#content #articleContent #articleContentText{
width:790px;
float:right;
font-size:85%;
line-height:1.6em;
color:#666666;
}
#content #articleContent #articleContentText #in_articleContentText{
padding:20px 75px 0px 0px;
}
#content #articleContent #articleContentText #in_articleContentText p{
padding:5px 0px 5px 0px;
}

#content #articleContent #articleContentText #in_articleContentText a:link,
#content #articleContent #articleContentText #in_articleContentText a:visited,
#content #articleContent #articleContentText #in_articleContentText a:hover{
color:#ED1C24;
text-decoration:none;
}
#content #articleContent #articleContentText #in_articleContentText a:hover{
text-decoration:underline;
}


/******************************************************************
	CONTENT - ARTICLE - FAQ
*/
#content #articleContent #articleContentFaq{
min-height:550px;
_height:550px;
background: url(../img/articleContentFaq-bg.gif) 35px bottom no-repeat;
}
#content #articleContent #articleContentFaq #articleContentText #in_articleContentText h2{
font-size:100%;
margin:0px;
padding:0px;
}
#content #articleContent #articleContentFaq #articleContentText #in_articleContentText p{
padding:0px 0px 18px 0px;
}


/******************************************************************
	CONTENT - ARTICLE - BENEFITS
*/
#content #articleContent #articleContentBenefits{

}
#content #articleContent #articleContentBenefits #articleContentText #in_articleContentText{
background: url(../img/articleContentBenefits-bg.gif) 0px 20px no-repeat;
padding-top:206px;
}
#content #articleContent #articleContentBenefits #articleContentText #in_articleContentText #articleContentBenefitsBg{
width:700px;
height:660px;
position:relative;
background: url(../img/articleContentBenefitsBg-bg.png) left top no-repeat; 
}

#content #articleContent #articleContentBenefits #articleContentText #in_articleContentText #articleContentBenefitsBg .benefitsBox{
position:absolute;
width:285px;
height:230px;
}
#content #articleContent #articleContentBenefits #articleContentText #in_articleContentText #articleContentBenefitsBg .benefitsBox3,
#content #articleContent #articleContentBenefits #articleContentText #in_articleContentText #articleContentBenefitsBg .benefitsBox4{
height:190px;
}
#content #articleContent #articleContentBenefits #articleContentText #in_articleContentText #articleContentBenefitsBg .benefitsBox5{
height:90px;
}

#content #articleContent #articleContentBenefits #articleContentText #in_articleContentText #articleContentBenefitsBg .benefitsBox1{
top:10px;
left:20px;
}
#content #articleContent #articleContentBenefits #articleContentText #in_articleContentText #articleContentBenefitsBg .benefitsBox2{
top:10px;
right:45px;
}
#content #articleContent #articleContentBenefits #articleContentText #in_articleContentText #articleContentBenefitsBg .benefitsBox3{
top:290px;
left:20px;
}
#content #articleContent #articleContentBenefits #articleContentText #in_articleContentText #articleContentBenefitsBg .benefitsBox4{
top:290px;
right:45px;
}
#content #articleContent #articleContentBenefits #articleContentText #in_articleContentText #articleContentBenefitsBg .benefitsBox5{
top:490px;
left:20px;
}

#content #articleContent #articleContentBenefits #articleContentText #in_articleContentText #articleContentBenefitsBg .benefitsBox h2{
margin:0px;
padding:0px 0px 8px 0px;
color:#ED1C24;
font-size:110%;
font-weight:normal;
}
#content #articleContent #articleContentBenefits #articleContentText #in_articleContentText #articleContentBenefitsBg .benefitsBox table tr td{
vertical-align:top;
padding:0px 15px 0px 0px;
font-size:100%;
line-height:1.4em;
}
#content #articleContent #articleContentBenefits #articleContentText #in_articleContentText #articleContentBenefitsBg .benefitsBox table tr td.benefitsBoxCenter{
text-align:center;
}



#content #articleContent #articleContentBenefits #articleContentText #in_articleContentText #articleContentBenefitsBg .benefitsBox table tr td img{
margin:8px 0px 0px 0px;
}
#content #articleContent #articleContentBenefits #articleContentText #in_articleContentText #articleContentBenefitsBg .benefitsBox p{
padding:0px 0px 12px 0px;
}




/******************************************************************
	SEARCH
*/
#content #departmentContent #departmentContentText #in_departmentContentText .departmentContentTextItemSearch{
padding:0px 0px 15px 0px;
}

#content #departmentContent #departmentContentText #in_departmentContentText .departmentContentTextItemSearch h2{
margin:0px;
padding:0px 0px 2px 0px;
font-size:110%;
font-weight:bold;
}

#content #departmentContent #departmentContentText #in_departmentContentText .departmentContentTextItemSearch h2 a:link,
#content #departmentContent #departmentContentText #in_departmentContentText .departmentContentTextItemSearch h2 a:visited,
#content #departmentContent #departmentContentText #in_departmentContentText .departmentContentTextItemSearch h2 a:hover{
color:#ED1C24;
text-decoration:none;
font-weight:bold;
}
#content #departmentContent #departmentContentText #in_departmentContentText .departmentContentTextItemSearch h2 a:hover{
text-decoration:underline;
}
#content #departmentContent #departmentContentText #in_departmentContentText .departmentContentTextItemSearch h2 a:link span,
#content #departmentContent #departmentContentText #in_departmentContentText .departmentContentTextItemSearch h2 a:visited span,
#content #departmentContent #departmentContentText #in_departmentContentText .departmentContentTextItemSearch h2 a:hover span{
color:#ED1C24;
font-weight:normal;
}

.pagination{
padding:20px 0px 20px 0px;
}
.pagination span{
display:block;
float:left;
padding:3px 10px 0px 0px;
}
.pagination strong{
display:block;
float:left;
margin:0px 5px 0px 0px;
padding:2px 5px;
background: #ED1C24;
border:1px solid white;
color:white;
}
.pagination a:link,
.pagination a:visited,
.pagination a:hover{
display:block;
float:left;
margin:0px 5px 0px 0px;
padding:2px 5px;
border:1px solid #dbdbdb;
text-decoration:none;
}
.pagination a:hover{
background: #ED1C24;
border:1px solid white;
color:white;
}




/******************************************************************
	ERROR	
*/
#contentError {
margin:0px auto 0px;
padding:100px 0px 20px 0px;
text-align:left;
width:900px;
line-height:1.5em;
}
#contentError img{
float:left;
}
#contentError .text{
width:700px;
float:left;
margin:0px 0px 10px 25px;
}
#contentError .text strong{
display:block;
font-size:200%;
font-weight:normal;
line-height:1.4em;
}
#contentError .number{
float:right;
font-size:300%;
line-height:1em;
color:black;
}
#contentError hr{
height:0px;
color:#0D1B44;
border:0px;
border-top:1px solid #0D1B44;
}
#contentError ul{
margin:0px 0px 0px 35px;
padding:0px;
}
#contentError ul li{
background: url(../img/rightMenu-li.gif) no-repeat 0px 12px;
margin:0px;
padding:2px 0px 2px 0px;
}
#contentError ul.noBg li{
list-style-type:none;
}