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

	Název souboru: 		styles.css
	Popis:				hlavni styl
	Autor:				Petr Urbánek - petr.urbanek@webprogress.cz
	Projekt:			Zetor
	
		
	== iNFO ===========================================
	
	Layout width:		980px
	
----------------------------------------------------------------------------*/


/******************************************************************
	UNI
*/
body {
background: white;
font-family:arial, tahoma, verdana, sans-serif;
font-weight:normal;
font-size:80%;
color:#000000;
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;
}
table, input, select, textarea {
font-size:100%;
font-family:arial, tahoma, verdana, sans-serif;
}
.left{
float:left;
}
.right{
float:right;
}
.clear {
clear:both;
}
.none{
display:none;
}

/* 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: black;
text-decoration: underline;
outline:none;
}
a:hover {
text-decoration:none;
}






/******************************************************************
	SAMOTNA STRANKA
*/
#page{
width:100%;
text-align:left;
}
/******************************************************************
	HEADER - UNI
*/
#header{
display:none;
}

/******************************************************************
	HEADER - HOME
*/
#homeHeader #header {
display:none;
}
/******************************************************************
	HEADER - HOME
*/
#nextHeader #header {
display:none;
}
/******************************************************************
	HEADER - NEXT
*/



/******************************************************************
	FOOTER
*/
#footer{
display:none;
}
/******************************************************************
	ERROR	
*/
#contentError {
margin:0px auto 0px;
padding:20px 0px 30px;
text-align:left;
width:920px;
line-height:1.4em;
}
#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.3em;
}
#contentError .number{
float:right;
font-size:300%;
line-height:1em;
color:#393939;
}
#contentError hr{
height:0px;
color:#0D1B44;
border:0px;
border-top:1px solid #0D1B44;
}
#contentError ul{
margin:0px 0px 0px 20px;
padding:0px;
}
#contentError ul li{
background: url(../img/rightMenu-li-first.gif) -10px -5px no-repeat;
list-style-type:none;
margin:0px;
padding:2px 0px 2px 15px;
}
#contentError ul.noBg li{
background: none;
}
#contentError a:link,
#contentError a:visited,
#contentError a:hover {
color:#BF0000;
}

/******************************************************************
	content - HOME
*/
#homeContent {
width:100%;
}

/******************************************************************
	content - NEXT
*/
#nextContent {
width:100%;
padding:0px;
}
#nextContent #rightCol{
display:none;
}

#nextContent #leftCol{
width:100%;
}
#nextContent #leftCol #navigation{
display:none;
}

#nextContent #leftCol h1{
font-weight:normal;
color:#5d5d5d;
font-size:190%;
line-height:1.1em;
margin:0px;
padding:0px 0px 10px 0px;
}


#nextContent #leftCol .contentText{
line-height:1.4em;
font-size:100%;
}
#nextContent #leftCol .contentText h2{
line-height:1.3em;
font-weight:bold;
font-size:130%;
color:#5d5d5d;
}
#nextContent #leftCol .contentText h2 a:link,
#nextContent #leftCol .contentText h2 a:visited,
#nextContent #leftCol .contentText h2 a:hover{
font-weight:bold;
font-size:100%;
color:#5d5d5d;
}
#nextContent #leftCol .contentText p{
margin:0px;
padding:8px 0px;
}

a:link span.ikona-pdf,
a:visited span.ikona-pdf,
a:hover span.ikona-pdf,
span.ikona-pdf a:link,
span.ikona-pdf a:visited,
span.ikona-pdf a:hover,
a.ikona-pdf:link,
a.ikona-pdf:visited,
a.ikona-pdf:hover{
display:none;
}

a:link span.ikona-nahradnich-dilu,
a:visited span.ikona-nahradnich-dilu,
a:hover span.ikona-nahradnich-dilu,
span.ikona-nahradnich-dilu a:link,
span.ikona-nahradnich-dilu a:visited,
span.ikona-nahradnich-dilu a:hover,
a.ikona-nahradnich-dilu:link,
a.ikona-nahradnich-dilu:visited,
a.ikona-nahradnich-dilu:hover{
display:block;
float:left;
padding:0px 0px 0px 0px;
line-height:1em;
background: none;
text-decoration:underline;
margin:0px 30px 0px 0px;
}
a:hover span.ikona-nahradnich-dilu,
span.ikona-nahradnich-dilu a:hover,
a.ikona-nahradnich-dilu:hover{
text-decoration:none;
}

a:link span.ikona-tisk,
a:visited span.ikona-tisk,
a:hover span.ikona-tisk,
span.ikona-tisk a:link,
span.ikona-tisk a:visited,
span.ikona-tisk a:hover,
a.ikona-tisk:link,
a.ikona-tisk:visited,
a.ikona-tisk:hover{
display:none;
}





#nextContent #leftCol #tabs{
width:100%;
margin:0px;
padding:0px;
}
#nextContent #leftCol #tabs .tabsHeader{
margin:0px 0px 5px 0px;
position:relative;
left:0px !important;
top:0px;
font-weight:bold;
color:#393939;
font-size:140%;
height:auto;
}
#nextContent #leftCol #tabs .tabsHeader span{
display:block;
padding:20px 0px 0px 0px;
}
#nextContent #leftCol #tabs .tabsContent,
#nextContent #leftCol #tabs .tabsContentAct{
width:100%;
background: none;
display:block;
}
#nextContent #leftCol #tabs .tabsContent .in_tabsContent{
width:100%;
background: none;
}
#nextContent #leftCol #tabs .tabsContent .in_tabsContent .in_in_tabsContent{
width:100%;
background: none;
padding:0px;
}
#nextContent #leftCol #tabs .tabsContent .in_tabsContent .in_in_tabsContent ul{
margin:0px 0px 5px 15px;
padding:0px;
}




#nextContent #leftCol #tabs .tabsContent .in_tabsContent .in_in_tabsContent table.tabulka-parametry{
border:0px;
margin:0px;
width:599px;
font-size:100%;
line-height:1.3em;
}
#nextContent #leftCol #tabs .tabsContent .in_tabsContent .in_in_tabsContent table.tabulka-parametry tr.tabulka-parametry-zahlavi-jednoradkovy{
font-weight:bold;
text-align:left;
background: url(../img/tabulka-parametry-zahlavi-1-bg.gif) left 2px no-repeat;
position:relative;
}
#nextContent #leftCol #tabs .tabsContent .in_tabsContent .in_in_tabsContent table.tabulka-parametry tr.tabulka-parametry-zahlavi-dvouradkovy{
font-weight:bold;
text-align:left;
background: url(../img/tabulka-parametry-zahlavi-2-bg.gif) left 2px no-repeat;
position:relative;
}
#nextContent #leftCol #tabs .tabsContent .in_tabsContent .in_in_tabsContent table.tabulka-parametry tr.tabulka-parametry-zahlavi-trojradkovy{
font-weight:bold;
text-align:left;
background: url(../img/tabulka-parametry-zahlavi-3-bg.gif) left 2px no-repeat;
position:relative;
}




#nextContent #leftCol #tabs .tabsContent .in_tabsContent .in_in_tabsContent table.tabulka-parametry tr.tabulka-parametry-hover-1{
background:url(../img/tabulka-parametry-hover-1-bg.gif) left 1px no-repeat;
position:relative;
}
#nextContent #leftCol #tabs .tabsContent .in_tabsContent .in_in_tabsContent table.tabulka-parametry tr.tabulka-parametry-hover-2{
background:url(../img/tabulka-parametry-hover-2-bg.gif) left 1px no-repeat;
position:relative;
}
#nextContent #leftCol #tabs .tabsContent .in_tabsContent .in_in_tabsContent table.tabulka-parametry tr.tabulka-parametry-hover-3{
background:url(../img/tabulka-parametry-hover-3-bg.gif) left 1px no-repeat;
position:relative;
}










#nextContent #leftCol #tabs .tabsContent .in_tabsContent .in_in_tabsContent table.tabulka-parametry tr td{
padding:4px 0px 2px 9px; 
margin:0px;
border:0px;
background:none;
vertical-align:middle;
}
#nextContent #leftCol #tabs .tabsContent .in_tabsContent .in_in_tabsContent table.tabulka-parametry tr.tabulka-parametry-zahlavi-jednoradkovy td{
padding:7px 0px 10px 9px; 
margin:0px;
border:0px;
background: url(../img/tabulka-parametry-zahlavi-1-td-bg.gif) left 2px no-repeat;
vertical-align:middle;
}
#nextContent #leftCol #tabs .tabsContent .in_tabsContent .in_in_tabsContent table.tabulka-parametry tr.tabulka-parametry-zahlavi-dvouradkovy td{
padding:7px 0px 10px 9px; 
margin:0px;
border:0px;
background: url(../img/tabulka-parametry-zahlavi-2-td-bg.gif) left 2px no-repeat;
vertical-align:middle;
}
#nextContent #leftCol #tabs .tabsContent .in_tabsContent .in_in_tabsContent table.tabulka-parametry tr.tabulka-parametry-zahlavi-trojradkovy td{
padding:7px 0px 10px 9px; 
margin:0px;
border:0px;
background: url(../img/tabulka-parametry-zahlavi-3-td-bg.gif) left 5px no-repeat;
vertical-align:middle;
}


#nextContent #leftCol #tabs .tabsContent .in_tabsContent .in_in_tabsContent table.tabulka-parametry tr td.tabulka-parametry-oddelovac-jednoradkovy{
background: url(../img/tabulka-parametry-oddelovac-1-bg.gif) left center no-repeat;
}
#nextContent #leftCol #tabs .tabsContent .in_tabsContent .in_in_tabsContent table.tabulka-parametry tr td.tabulka-parametry-oddelovac-dvouradkovy{
background: url(../img/tabulka-parametry-oddelovac-2-bg.gif) left center no-repeat;
}
#nextContent #leftCol #tabs .tabsContent .in_tabsContent .in_in_tabsContent table.tabulka-parametry tr td.tabulka-parametry-oddelovac-trojradkovy{
background: url(../img/tabulka-parametry-oddelovac-3-bg.gif) left center no-repeat;
}

#nextContent #leftCol #tabs .tabsContent .in_tabsContent .in_in_tabsContent table.tabulka-parametry p{
margin:0px;
padding:0px;
}





#nextContent #leftCol .contentText h2.product{
padding:10px 0px 5px 0px;
margin:0px;
}
#nextContent #leftCol .contentText .productPanel{
width:683px;
margin:0px 0px 15px 0px;
background: url(../img/tabs-bg.gif) repeat-y;
}
#nextContent #leftCol .contentText .productPanel .productPanelTop{
width:683px;
background: url(../img/tabs-top-bg.gif) top center no-repeat;
}
#nextContent #leftCol .contentText .productPanel .productPanelTop .productPanelBottom{
background: url(../img/tabs-bottom-bg.gif) bottom center no-repeat;
padding:5px 20px 5px 20px;
}

#nextContent #leftCol .contentText .productPanel .productPanelTop .productPanelBottom ul{
margin:0px;
padding:0px;
}
#nextContent #leftCol .contentText .productPanel .productPanelTop .productPanelBottom ul li{
margin:0px 0px;
padding:0px;
float:left;
list-style-type:none;
}
#nextContent #leftCol .contentText .productPanel .productPanelTop .productPanelBottom ul li a img{
border:0px;
}
#nextContent #leftCol .contentText .productPanel .productPanelTop .productPanelBottom ul li a:link,
#nextContent #leftCol .contentText .productPanel .productPanelTop .productPanelBottom ul li a:visited,
#nextContent #leftCol .contentText .productPanel .productPanelTop .productPanelBottom ul li a:hover{
display:block;
position:relative;
text-decoration:none;
}
#nextContent #leftCol .contentText .productPanel .productPanelTop .productPanelBottom ul li a:link span,
#nextContent #leftCol .contentText .productPanel .productPanelTop .productPanelBottom ul li a:visited span,
#nextContent #leftCol .contentText .productPanel .productPanelTop .productPanelBottom ul li a:hover span{
display:block;
left:0px;
top:145px;
text-align:center;
color:black;
text-decoration:none;
position:absolute;
cursor:pointer;
}
#nextContent #leftCol .contentText .productPanel .productPanelTop .productPanelBottom ul li a:hover span{
text-decoration:underline;
}


#nextContent #leftCol .contentText .productPanel .productPanelTop .productPanelBottom ul li.traktory a:link,
#nextContent #leftCol .contentText .productPanel .productPanelTop .productPanelBottom ul li.traktory a:visited,
#nextContent #leftCol .contentText .productPanel .productPanelTop .productPanelBottom ul li.traktory a:hover{
width:160px;
height:169px;
}
#nextContent #leftCol .contentText .productPanel .productPanelTop .productPanelBottom ul li.traktory a:link span,
#nextContent #leftCol .contentText .productPanel .productPanelTop .productPanelBottom ul li.traktory a:visited span,
#nextContent #leftCol .contentText .productPanel .productPanelTop .productPanelBottom ul li.traktory a:hover span{
width:160px;
}

#nextContent #leftCol .contentText .productPanel .productPanelTop .productPanelBottom ul li.motory a:link,
#nextContent #leftCol .contentText .productPanel .productPanelTop .productPanelBottom ul li.motory a:visited,
#nextContent #leftCol .contentText .productPanel .productPanelTop .productPanelBottom ul li.motory a:hover{
width:128px;
height:169px;
}
#nextContent #leftCol .contentText .productPanel .productPanelTop .productPanelBottom ul li.motory a:link span,
#nextContent #leftCol .contentText .productPanel .productPanelTop .productPanelBottom ul li.motory a:visited span,
#nextContent #leftCol .contentText .productPanel .productPanelTop .productPanelBottom ul li.motory a:hover span{
width:128px;
}






/******************************************************************
	PHOTO SLIDER
*/
#nextContent #leftCol .photoContent{
display:none;
}

#nextContent #leftCol .thumbs{
displaY:none;
}





#gallery{
display:none;
}





h2.product{
display:none;
}
.productPanel{
display:none;
}