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

/* Elements
----------------------------------------*/


body
{
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:130%;
}

h1
{
	color: #053881;
	font-size: 22px; 
	padding:22px 0px 11px 0px;
	line-height:140%;
}

h2
{
	color: #053881;
	font-size: 16px; 
	padding:16px 0px 8px 0px;
}

h3
{
    color: #053881;
	font-size: 12px; 
	padding:12px 0px 6px 0px;
}


input, textarea
{
    
    color:#444444;
    padding:1px;
    font-family: Arial, Helvetica, sans-serif;
    /*font-size:11px;*/
}

a:hover
{
    font-weight:bold;
	text-decoration:none;	

}

a
{
    color:inherit;
	font-weight:bold;
	color:#043882;
}




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

a.buttonOk {
   padding: 2px 8px;
   background-color: #043882;
   color:White;
   text-decoration: none;
   vertical-align:middle;
   display:block;
}
	            
a.buttonOk:hover {

   text-decoration: none;
}

a.novinka
{
    font-weight:normal;
    text-decoration: none;
    text-align:justify;
}

a.novinka:hover
{
    text-decoration: none;
}

a.novinkaSmall
{
    font-weight:normal;
    text-decoration: none;
    /*text-align:justify;*/
    font-size:12px;
    line-height:120%;
    /*color:#444444;*/
}

a.novinkaSmall:hover
{
    text-decoration: none;
}

a.elinkx
{
	color:Gray;
	text-decoration: none;
}

a.elinkx:hover
{
}


a.button
{
	color: white !important;
	font-style:italic;
	background-color: #043882;
	text-decoration:none;
	display:block;
	float:left;
	padding: 2px 10px;
	border: 1px solid #043882;
	margin:2px 5px;
}

a.button:hover
{
	text-decoration:none;	
	background-color: white;
	border: 1px solid #043882;
	color: #043882 !important;
}

.textWhite {
	color: White;	
}

.textRed {
	color: red;	
}

.watermarked {
    color:Gray;
}

.infotext
{
    margin:0px auto;
    width:200px;
}

.infotext2
{
    margin:0px auto;
    width:350px;
}

.fulltext	
{
	background-color:#FFFF00;
	color:#043882;
}

.Alert {	
    color : Red; 
    font-weight:bold;
    text-align:center;
}
.Msg {
    color : #0fa400; 
    font-weight:bold;
    text-align:center;
 }

.markedText {
    font-weight:bold; 
    color:#FF0004;
}

div.line1white {
    width: 100%;
    height: 1px;
    margin: 0px;
    border-top: 1px solid white;
    padding: 0px;
    font-size: 1px;
    line-height:1px;
}

div.line1Blue {
    width: 100%;
    height: 1px;
    margin: 0px;
    border-top: 1px solid #053881;
    padding: 0px;
    font-size: 1px;
    line-height:1px;
}

div.line1Gray {
    width: 100%;
    height: 1px;
    margin: 0px;
    border-top: 1px solid #ACACAB;
    padding: 0px;
    font-size: 1px;
    line-height:1px;
}

.overflowY
{
    overflow-y:auto;
}

.overflowX
{
    overflow-x: auto;
}


#WebContainer {
	margin: 15px auto;
	width:982px;
	/*border: 1px solid black;*/
}

#WebContainer2 {
	margin: 15px auto;
	width:1200px;
	/*border: 1px solid black;*/
}

.frm
{
    width:100%;
    background-color:#ccd5da;
    font-weight:bold;
    color:#525250;
}

    .frm caption
    {
        background-color:#ccd5da;
        font-family:"Arial Black";
        padding-left:15px;

        text-align:left;
    }

    .frm tr td
    {
        padding:5px ;
        padding-left:15px;
        
        text-align:left;
    }
    
        .bottomLeft
        {
            background-image: url(../image/frmBottom.png);
            background-repeat: no-repeat;
            background-position: top left;
        }
        
        .bottomRight
        {
            background-image: url(../image/frmBottom.png);
            background-repeat: no-repeat;
            background-position: top right;
        }
        
        .headerLeft
        {
            background-image: url(../image/frmHeader.png);
            background-repeat: no-repeat;
            background-position: top left;
        }
        
        .headerRight
        {
            background-image: url(../image/frmHeader.png);
            background-repeat: no-repeat;
            background-position: top right;
        }
    
        .frm tr td input
        {
            width:230px;
            font-size:11px;
        }

	.frm .NoBorder tr td {
		border: 0px solid #f0f0f0;
	}
	
	
.frm2
{
    /*width:600px;*/
    margin: 0px auto;
    margin-bottom: 15px;
    border: 1px solid #eeeeee;
    /*margin-left:20px;*/
    
}

    .frm2 .povinost
    {
        color: Red;
        width:15px;
    }

    .frm2 .popis
    {
        color:#444444;
        width: 180px;
    }

    .frm2 caption
    {
        background-color:#043883;
        color:White;
        padding:4px 15px;
        text-align:left;
    }

    .frm2 tr td, .frm2 tr th
    {
        padding:2px ;
        padding-left:5px;
        text-align:left;
        border: 1px solid #eeeeee;
        vertical-align:top;
    }

    .frm2 tr td td, .frm2 tr td th
    {
        border: none;
        padding: 0px;
    }
    
    .frm2NoBorder tr td, .frm2NoBorder tr th
    {
        padding:2px !important;
    }
    
    .frm2 tr td a
    {
        color: #4483b8;
        font-weight:normal;
    }
    
        .frm2 tr td input, .frm2 tr td textarea,.frm2 tr td select
        {
            /*width:300px;*/
            border:1px solid #bbbbbb;
            font-size:11px;
        }
        
        .frm2 tr td input.small-X, textarea.small-X
        {
            width:70px;
            
        }
        
        .frm2 tr td input.small, textarea.small
        {
            width:100px;
            
        }
        
        .frm2 tr td input.middle, textarea.middle, select.middle
        {
            width:200px;
            
        }
        
        .frm2 tr td input.big, textarea.big
        {
            width:300px;
            
        }


.frm2List
{
    border: 1px solid #eeeeee;
    /*margin-left:20px; */
    margin: 0px auto;
    margin-bottom: 15px;
}

    .frm2List tr td a
    {
        color: #4483b8;
        font-weight:normal;
    }

    .frm2List tr td, .frm2List tr th
    {
        padding:2px ;
        padding-left:5px;
        text-align:left;
        border: 1px solid #eeeeee;
        vertical-align:top;
    }
    
    .frm2List tr th
    {
        background-color:#043883;
        color:White;
    }
    
    
    .frm2List .licha
    {
        background-color: #fafafa;
    }
    
    .frm2List .suda
    {
    }
	

.widthBig
{
    width:900px;
}

.widthMiddle
{
    width:600px;
}

.widthSmall
{
    width:400px;
}

/*.widthSmall-X
{
    width:330px;
}*/

.ListSearchExtenderPrompt
{
	background-color: #ffdbc0;
	border: 1px solid gray;
	padding:2px;
	color: Black;
}

.modalPanel
{
    background-color:White;
    border: 2px solid #c3dae6;
    padding: 0px 40px 20px 40px; 
}

.modalBackground
{
    background-color:gray;
    opacity:0.7;
    filter: alpha(opacity=70);  
    -moz-opacity: 0.7;  
    -khtml-opacity: 0.7;  

}


.cenik {
        border-collapse: collapse;
        border:1px solid #000000;
}
    .cenik caption {
                    padding:2px;
                    background-color:#043882;
                    color:#FFFFFF;
                    border:1px solid #000000;
                    margin-left:-1px;
                    font-family:Arial, Helvetica, sans-serif;
                    font-size:14px;
                    font-weight:bold;
                    text-align:center;
    }
    
    .cenik tr th, .cenik tr td {
                    padding:2px;
                    color:#053881;
                    border: 1px solid #000000;
                    font-family:Arial, Helvetica, sans-serif;
                    font-size:11px;
                    text-align:center;
    }
    
    .cenik tr th {
                    background-color:#b5c2e8;
                    font-weight:normal;
    }


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

#Header {
	
}
        
	#Header .Inner {
		height:156px;
	    background-image: url(../image/header.png);
        background-repeat: no-repeat;
        background-position:top right;
        position:relative;
	}
	
	#Header .Inner2 {
		height:156px;
	    background-image: url(../image/header2.png);
        background-repeat: no-repeat;
        background-position:top right;
        position:relative;
	}
	
	    #Header .Inner .findFullText 
	    {
	        position:absolute;
		    top:156px; 
		    right:0px;
		    width:280px; 
		    height: 30px;
		    background-image: url(../image/find_bg.png);
            background-repeat: no-repeat;
            background-position:top right;
            padding-top:3px;
	    }
	    
	        #Header .Inner .frame 
	        {
	            float:right;
	            margin-right:8px;
	        }
	    
	        #Header .Inner .findFullText input
	        {
	            text-align:center;
	        }
	        
	        #Header .Inner .findFullText input[type=text]
	        {
	            width:164px;
	        }
	
	    #Header .Inner .findArray, #Header .Inner2 .findArray {
		   position:absolute;
		   top:123px; 
		   width:980px;
		   height:20px;
	    }
	    
	    #Header .Inner2 .findArray 
	    {
	        left: 50%;
	        margin-left: -490px;
	    }
	    
	        #Header .Inner .find, #Header .Inner2 .find 
	        {
	           font-size:11px;
		       float:left;
		       width:33%;
		       text-align:right;
		       color: White;
		       font-style:italic;
		       font-weight:bold;
		       margin-top:5px;
	        }
	        
	            #Header .Inner .find input, #Header .Inner2 .find input, #Content .Right input {
		           text-align:center;
		           width:140px;
		           color:Gray;
                    margin-left:5px;
                    border-top:1px solid black;
                    border-left:1px solid black;
                    border-right:1px solid transparent;
                    border-bottom:1px solid transparent;
	            }
	            
	            
	
	    #Header .Inner .lng, #Header .Inner2 .lng{
		    position:absolute;
		    top:68px;
		    left:20px;
		    width:100px;
		    z-index: 1;
	    }
	        
	        #Header .Inner .lng .CZE, #Header .Inner .lng .EN, #Header .Inner2 .lng .CZE, #Header .Inner2 .lng .EN{
		        width:35px;
		        float:left;
		        padding:5px;
		        text-align:center;
		        color:Gray;
	        }
	        
	            #Header .Inner .lng input {
	               /* margin-bottom:4px;*/
	            }
	        
	    
	    #Header .Inner .logoPPL, #Header .Inner2 .logoPPL{
		    position:absolute;
		    left: 50%;
		    top: 40px;
		    width:275px;
		    z-index: 2;
	    }
	    
	        #Header .Inner .logoPPL img, #Header .Inner2 .logoPPL img{
		        margin-left: -138px;
	        }
	    
	     #Header .Inner .logoDHL, #Header .Inner2 .logoDHL{
		    position:absolute;
		    top:80px;
		    right:40px;
		    width:200px;
		    z-index: 1;
	    }
	
    #Header .Bottom {
		/*text-align:center;*/
		background-image: url(../image/leftMenuFrmBg.gif);
        background-repeat:repeat-y;
        
	}


/* Content
----------------------------------------*/

#Content {
	/*width:100%;*/
	
}
    #Content .LeftTd {
        background-image: url(../image/leftMenuFrmBg.gif);
        background-repeat:repeat-y;
        
    }
    
        #Content .Left {
		    min-height:500px;
	        _height: 500px;
	        width:230px;
	        margin-top:20px;
	        border-right: 1px solid #dddddd;
	    }
	    
	        #Content .Left .NovinkySmall{
	            margin: 20px 15px;
	            margin-top:30px;
	        }
	
	#Content .Inner {
		min-height:500px;
	    _height: 500px;
	    width: 480px;
	    padding: 0px 20px 15px 20px;
	    position:relative;
	    color: #053881;
	    overflow:hidden;
	}
	
	    #Content .Inner .Art
	    {
	        /*margin-right:1px;*/
	        padding-right:1px;
	    }
	    
	    #Content .Inner .NovinkyFrm
	    {
	        padding: 10px 20px 20px 20px;
	    }
	
	
	    #Content .Inner .NovinkyTopBg
	    {
	        background-image: url(../image/novinkyTopBg.png);
            background-repeat:repeat-x;
            min-height: 480px;
            _height: 480px;
            background-position:top;
	    }
	    
	        #Content .Inner .NovinkyTopLeftBg
	        {
	            background-image: url(../image/novinkyTopLeftBg.png);
                background-repeat:no-repeat;
                background-position:top left;
	        }
	        
	        #Content .Inner .NovinkyTopRightBg
	        {
	            background-image: url(../image/novinkyTopRightBg.png);
                background-repeat:no-repeat;
                background-position:top right;
	        }
	    
	    #Content .Inner .NovinkyBottomBg
	    {
	        background-image: url(../image/novinkyBottomBg.png);
            background-repeat:repeat-x;
            background-position:bottom;
            min-height: 480px;
            _height: 480px;
	    }
	    
	        #Content .Inner .NovinkyBottomLeftBg
	        {
	            background-image: url(../image/novinkyBottomLeftBg.png);
                background-repeat:no-repeat;
                background-position:bottom left;
                min-height: 480px;
                _height: 480px;
	        }
	        
	        #Content .Inner .NovinkyBottomRightBg
	        {
	            background-image: url(../image/novinkyBottomRightBg.png);
                background-repeat:no-repeat;
                background-position:bottom right;
                min-height: 480px;
                _height: 480px;
	        }
	        
	
	#Content .Inner2 {
		min-height:500px;
	    _height: 500px;
	    width: 710px;
	    padding: 20px 10px;
	    /*position:relative;*/
	}
	
	#Content .Inner3 {
		min-height:500px;
	    _height: 500px;
	    width: 1180px;
	    padding: 20px 10px;
	    /*position:relative;*/
	}
	
	#Content .Right {
		min-height:500px;
	    _height: 500px;
	    width:230px;
	    margin-top:20px;
	    border-left: 1px solid #acacab;
	}

        #Content .Right .banner {
		    padding: 7px 3px 12px 0px;
		    float:right;
	    }

        #Content .Right .quickMenu {
		    width:106px;
		    height:106px;
		    padding: 2px;
		    float:right;
	    }
	    
	    #Content .Right .Sec1, #Content .Right .Sec2  {
	        height:111px;
		    width:216px;
		    float:right;
	        background-repeat:no-repeat;
            background-position:center right;
            margin: 8px 2px 0px 0px;
	    }
	        
	    
	    #Content .Right .Sec1 {
		   /* background-image: url(../image/rightSec1Round.png);
            background-color:#d4d4d4;*/
            background-image: url(../image/hgm_bg.gif);
            padding-top:5px;
            
	    }
	    
	    #Content .Right .Sec2 {
		    background-image: url(../image/rightSec2Round.png);
            background-color:#00c1ee;
	    }
	    
	        #Content .Right .Item {
		        
		        margin-top:6px;
		        margin-left:12px;
		        font-size:11px;
		        color:#043882;
		        font-style:italic;
		        font-weight:bold;
	        }
	        
	        #Content .Right .Item2 
	        {
	            height:56px;
	            width:190px;
	            background-color: #043882;
		        font-size:24px;
		        color:white;
		        font-weight:bold;
		        padding-left:13px;
		        
	        }



/* Footer
----------------------------------------*/

#Footer {
	
}
	#Footer .Inner {
		color: White;
		font-size:14px;
		height:27px;
	    background-image: url(../image/Footer.png);
        background-repeat: no-repeat;
	}
	
	#Footer .Inner2 {
		color: White;
		font-size:14px;
		height:27px;
	    background-image: url(../image/Footer2.png);
        background-repeat: no-repeat;
	}
	
	    #Footer .Inner .Left, #Footer .Inner2 .Left{
		    float: left;
		    margin-left:20px;
		    margin-top:5px;
	    }
	    
	    #Footer .Inner .Right, #Footer .Inner2 .Right {
		    float: right;
		    margin-right:20px;
		    font-weight:bold;
		    margin-top:5px;
	    }