/**
 * 
 *  Specialized PEKSPORT 
 *  
 *  Hlavni CSS styl
 *  
 *
 *    I.   Zakladni CSS tridy
 *    II.  Nadpisy & zakladni tagy 
 *  
 *    1) Typografie
 *    2) Layout
 *    3) Jednotlive stranky
 *
 *  media: screen
 *
 **/ 
 /*
 * I. Zakladni CSS tridy
 *     ==================
 **/
html, body, div, p, li, ul, form, 
set, h1, h2, h3, h4, h5, h6   { margin: 0; padding: 0; list-style: none; }
.none     { display: none;}
.hidden   { visibility: hidden;}
.fl       { float: left !important;}
.fr       { float: right !important;}
.left     { text-align: left;}
.right    { text-align: right;}
.center   { text-align: center !important;}
.bold     { font-weight: bold;}
.italic   { font-style: italic;}
.nomargin { margin: 0 !important;}
img       { border: none;}
a         { outline-style: none; }
.red      { color: #ff2805 !important;}
.clear        { display: block; clear: both; width: 100%; height: 0; line-height: 0; font-size: 0; }
.clear1px     { clear: both; height: 1px; font-size: 1px; line-height: 1px; /* for IE */}
.clear5px     { clear: both; height: 5px; font-size: 5px; line-height: 5px; /* for IE */ }
.clear20px    { clear: both; height: 20px; font-size: 20px; line-height: 20px; /* for IE */ }
.clear30px    { clear: both; height: 30px; font-size: 30px; line-height: 30px; /* for IE */ }
.borderRight {  border-right: 1px solid #d9eaf4; }

html, body         { height: 100%; }

/*
 * II. Nadpisy & zakladni tagy
 *     =======================
 **/

/* -- Odkazy -- */
a, a:visited, a:active, a:link { text-decoration: underline; }
a:hover                        { text-decoration: none; }
a span { cursor: pointer;}

#footer a { color: #fff; }

/* -- Nadpisy -- */
h1         { font-size: 1.6em; margin: 0 0 20px; }
h2         { font-size: 1.4em; margin: 0 0 10px; }
h3         { font-size: 1.0em; margin: 0 0 5px; } 
h4         { font-size: 1em; margin: 0 0 5px; }     
.title     { font-size: 1.4em; margin: 0 0 25px; }

/* -- Obrázky -- */
.imgLeft  { float: left; margin: 5px 10px 10px 0; }
.imgRight { float: right; margin: 0 0 5px 10px; }
a.fancybox img { border: 5px solid #efefef; }
a:hover.fancybox img { border: 5px solid #dfdfdf; }

/*
 * 1) Typografie
 *    ==========
 **/
body, input, textarea { font: 0.9em/1.4em "Lucida Sans Unicode", "Trebuchet MS", Arial, Helvetica, sans-serif; }
a { color: #f90f18; }

h1, h2, h3 { color: #000; font-weight: normal; }
table { font-size: 1em;}

#content, input, textarea { color: #666666;}
#content p {  margin-bottom: 20px; font-size: 1em; line-height: 1.4em; }
#content p strong { color: #222; }

#content ul.text-ul { margin: 0 0 20px 20px; font-size: 1em; line-height: 1.6em; }

#footer p { font-size: 0.8em; color: #fff; }

/*
 * 2) Layout
 *    ======
 **/
body  { letter-spacing: 0em; background: #000 url(../images/bg-body-1.jpg) no-repeat scroll 50% 0px; }

#main {
 	width: 960px;
	margin: 0 auto 40px;
	text-align: left;
	position: relative;
}
 
#header {
  position: relative;
  margin: 125px 0 130px;
  width: 960px; height: 50px;
  background-color: #fff;
}
#content {
  width: 960px; 
 	padding: 40px 0 40px;
 	overflow: hidden; 
 	border-top: 12px solid #000;
	background-color: #fff;
}
#content .content { float: right; margin: 0; padding: 0 40px 20px 0; width: 680px;  }
#content .sidebar { float: left; margin: 0; padding: 0 0 20px 40px; width: 174px; min-height: 250px; }
#footer {
  padding: 15px 20px 10px;
	width: 920px; height: 20px;
	overflow: hidden;
  background: #484848;
}

/*
 * Header 
 * ======
 **/
 
/* -- Logo -- */
#logo { position: absolute; top: -20px; left: 40px; width: 174px;	height: 221px; margin: 0; }
#logo a {
	display: block; 
	position: relative; top: 10px; z-index: 1;
	margin: 0; padding: 0;
	width: 174px;	height: 221px;
	font-size: 20px; font-weight: bold; 
  text-decoration: none; text-align: center; 
  color: #fff;
}
#logo a span {
	display: block;
	position: absolute;	left: 0px;	top: 0px;	z-index: 10;
	margin: 0;	padding: 0;
	width: 174px;	height: 221px;
	cursor: pointer;
	background: #f90f18 url(../images/logo-peksport.gif) 0 0 no-repeat;
}

/* --  Main menu -- */
#main-menu { overflow: hidden; float: right; margin: 0 40px 0 0; padding: 0; }          
#main-menu li { margin: 0 0 0 30px; padding: 0; float: left; height: 50px; line-height: 50px; }
#main-menu li a { font-size: .9em; color: #000; text-decoration: none; }
#main-menu li.active a,
#main-menu li a:hover { color: #f90f18; }

/* Sidebar Menu
--------------------------------------------------------*/		
ul.submenu { margin:0 0px 20px 0px;text-align:left; }
ul.submenu { margin:0;	list-style:none;padding:0 0px; }
ul.submenu li a { margin:0 0 0px 0; height:100%; border-bottom:1px solid #000; text-decoration:none; color: #000; }
ul.submenu li a:link,  ul.submenu li a:visited {	display:block;	padding:6px 10px; }
ul.submenu li li a {	margin:0 0 0 0;	text-decoration:none;	}
ul.submenu li li a:link,  ul.submenu li li a:visited { display:block;	padding:3px 0px; padding-left:25px;	font-style:italic; }
ul.submenu li.active a { text-decoration:none; color:#f90f18; border-bottom:1px solid #f90f18; }
ul.submenu li a:hover { color:#f90f18; text-decoration:none; border-bottom:1px solid #f90f18; }


.download { margin-top: 100px; }
.download h4{ margin-bottom: 10px; }
.download .ico-file { display: block; padding-left: 40px; margin-bottom: 10px; height: 40px; font-size: .8em; color: #666; }
.download .ico-pdf  { background: url(../images/ico/ico-pdf.gif) 0 0 no-repeat; }

/* --  ul, ol List -- */
#content .text-ul li { background: url(../images/ul-list.gif) 0 9px no-repeat; padding-left: 15px; }  

/* -- Cols layout -- */
.cols { overflow: hidden; height: 100%; clear: both; }
.cols .col1 { float: left; }
.cols .col2 { float: left; }
.cols50 .col1 { float: left; width: 47% !important; }
.cols50 .col2 { float: right; width: 47% !important; }
.cols3 .col1,
.cols3 .col2,
.cols3 .col3 { width: 33%; }
.cols3 .col3 { float: right; }
.cols4 .col1,
.cols4 .col2,
.cols4 .col3,
.cols4 .col4 { float: left; width: 25%; }
.cols1v2 .col1 { width: 33%; }
.cols1v2 .col2 { width: 66%; }
.cols2v1 .col1 { width: 66%; }
.cols2v1 .col2 { width: 33%; }

.alignRight { float:right; margin: 0 15px 15px; }
.alignLeft  { float:left; margin: 5px 15px 15px 0; }

#newsList { }
#newsList .newsBox { margin-bottom: 20px;  overflow: hidden;  }
#newsList .newsBox .thumb { float: left; width: 100px; height: 100px; }
#newsList .newsBox .thumb img { border: 5px solid #efefef; }
#newsList .newsBox h2,
#newsList .newsBox p,
#newsList .newsBox ul { margin-left: 120px; }
#newsList .newsBox h2,
#newsList .newsBox p { margin-bottom: 5px; }
#newsList .newsBox ul { margin-bottom: 10px; }
#newsList .newsBox ul li { display: inline; margin-right: 10px; font-size: .8em; }

#content .boxes { clear: both; }
#content .boxes .box { float: left; overflow: hidden; margin: 0 5px 10px 0; width: 220px; height: 250px; }
#content .boxes .box .text-ul { margin: 0 0 10px 10px; font-size: .9em; }

#content .photos { overflow: hidden; }
#content .thumb { float: left; overflow: hidden; margin: 0 10px 10px 0; }

/* --  tab -- */
#content .tab { margin-bottom: 20px; width: 100%; border-collapse: collapse; }
#content .tab th, td { padding: 4px 5px; vertical-align: top; font-size: .9em; }
#content .tab th { background: #eee; }
#content .tab td { border: 1px solid #efefef; }