*
{
	margin: 0;
	padding: 0;
}

html, body
{
	height: 100%;
}

body {

	min-width: 100%;
}

#main
{
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
	height: 100%;
	position: relative;
	background: #fff url(../images/bg-body.png) repeat;
}

body>#main
{
	height: auto;
}

h1
{
    font-family:  'Segoe UI', 'Arial';
  	font-size: 26px;
	text-decoration: none;
    font-weight: normal;
	color: #686868;
}


#head
{
    width: 100%;
    min-width: 800px;
	height: 110px;
    background: #f5f5f5;
    border-top: 4px solid #fecc00;
    border-bottom: 1px solid #0069b2;
	float: none;
	clear: both;
}

	#head .left_logo
	{
    width: 25%;
    background:  url(../images/puren-logo.png) 20px 50% no-repeat;
    height: 110px;
	float: left;
	}
	
	#head .left_logo_termopan
	{
    width: 25%;
    background:  url(../images/termopan_logo.png) 20px 50% no-repeat;
    height: 110px;
	float: left;
	}

    #head .left_logo_profoil
	{
    width: 25%;
    background:  url(../images/profoil_logo.png) 20px 50% no-repeat;
    height: 110px;
	float: left;
	}

    #head .left_logo_purguru
	{
    width: 25%;
    background:  url(../images/purguru_logo.png) 20px 50% no-repeat;
    height: 110px;
	float: left;
	}
	
	
	#head .left_logo_jitrans
	{
    width: 25%;
    background:  url(../images/jitranslogistik_logo.png) 20px 50% no-repeat;
    height: 110px;
	float: left;
	}

	
	#head .left_logo_jitrans a
    {
    height: 110px;
    display: block;
    }

	#head .left_logo_isover
	{
    width: 25%;
    background:  url(../images/logo_isover.png) 10px 30% no-repeat;
    height: 110px;
	float: left;
	}
	

#head .stred
	{
    width:50%;
    float: left;
    padding-top: 0px;
    text-align: center;
	height: 110px;
	}

#head .stred .nadpis
	{
    float: center;
    padding-top: 10px; 
	}

#head .naseptavac
	{
	float: center;
	height: 35px;
	}
	
#head .vyhledat
	{
	background: url(../images/idok-icon-vyhledavani.png)  center  no-repeat;  
	background-color: #ff5400;
	position: relative;
	top: 4px;
	height: 33px;
	}
	
	
#head .stred .msg
	{
 
    float: center;
    padding-top: 0px;
    text-align: center;
	}


   	#head .right_logo
	{
    width: 24%;
    background:  url(../images/pir-logo.png) 90% 50% no-repeat;
    height: 110px;
	float: right;

	}
   	#head .right_logo a
    {
    height: 110px;
    display: block;
    }
	
	
 #footer
{
	width: 100%;
	height: 25px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: #fff;
	border-top: 1px solid #e7e7e7;
	font-family:   'Segoe UI', 'Arial';
	font-size: 11px;
	color: #686868;
	padding: 10px 0px 0px 0px;
}
	
#footer .copyright
		{
		width: 49%;
	    float: left;
		padding: 0px 0px 0px 10px;
		text-align: left;
		}
		
		#footer .copyright a
		{
			color: #686868;
			text-decoration: none;
		}
		#footer .copyright a:hover
		{
			color: #404040;
			text-decoration: underline;
		}
		
#footer .uzivatel
		{
		width: 46%;
	    float: left;
		padding: 0px 0px 0px 10px;
		text-align: right;
		}
		
		#footer .uzivatel a
		{
			color: #686868;
			text-decoration: none;
		}
		#footer .uzivatel a:hover
		{
			color: #404040;
			text-decoration: underline;
		}
				
	#footer .logout
	{
	   	width: 2%;
        float: left;
		padding: 0px 0px 0px 0px;
		text-align: right;
	}
		
	 #footer .logout a
	{
  		padding: 0px 0px 0px 25px;
 		background-color: transparent;
	    background-image: url(../images/logout.png);
 		background-repeat: no-repeat;
  		background-attachment: scroll;
  		background-position:  center;
  		background-clip: border-box;
  		background-origin: padding-box;
  		background-size: auto auto;
	}

     #footer .logout a:hover
	{	
 		background-color: transparent;
	    background-image: url(../images/logout-over.png);
	}	
.flipping{ width: 100%; margin-left: auto; margin-right: auto;}
.pagination{height:30px;margin:0;padding-bottom: 10px; }

.pager,.pagination ul{margin-left:0;*zoom:1}
.pagination ul{padding:0;display:inline-block;*display:inline;margin-bottom:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05)}
.pagination li{display:inline}
.pagination a{float:left;padding:0 12px;line-height:30px;text-decoration:none;border:1px solid #ddd;border-left-width:0;color: #5F5B5B;}
.pagination .active a,.pagination a:hover{background-color:#f5f5f5;color: #5F5B5B;}
.pagination .active a{color:#5F5B5B;cursor:default}
.pagination .disabled a,.pagination .disabled a:hover,.pagination .disabled span{color:#5F5B5B;background-color:transparent;cursor:default}
.pagination li:first-child a,.pagination li:first-child span{border-left-width:1px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;color: #5F5B5B;}
.pagination li:last-child a{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;color: #5F5B5B;}
.pagination-centered{text-align:center}
.pagination-right{text-align:right}
.pager{margin-bottom:18px;text-align:center}
.pager:after,.pager:before{display:table;content:""}
.pager li{display:inline}
.pager a{display:inline-block;padding:5px 12px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
.pager a:hover{text-decoration:none;background-color:red;}
.pager .next a{float:right}
.pager .previous a{float:left}
.pager .disabled a,.pager .disabled a:hover{color:red;background-color:#fff;cursor:default}
.pagination .prev.disabled span{float:left;padding:0 12px;line-height:30px;text-decoration:none;border:1px solid #ddd;border-left-width:1}
.pagination .next.disabled span{float:left;padding:0 12px;line-height:30px;text-decoration:none;border:1px solid #ddd;border-left-width:0}
.pagination li.active, .pagination li.disabled {
	float:left;padding:0 0px;line-height:30px;text-decoration:none;border:0px solid #ddd;border-left-width:0;color: #5F5B5B;
}
.pagination li.active {
	background: #5F5B5B;
	color: #5F5B5B;
}
.pagination li:first-child {
	    border-left-width: 1px;color: #5F5B5B;
}