/* ---- commons ---- */

BODY {
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	background-image: url('/RailTV/rsrc/v1/img/bg-main.gif');
	background-repeat: repeat-x;
}

BODY * {
	font-family: tahoma, arial, verdana; 
	font-size: 11px;
	color: #333333;
}

DIV.debug {
	border: dotted red 1px;
	margin: 1px;
	padding: 1px;
}

DIV.clearBoth {
	clear: both;
}
 

/* ---- root --- */

DIV.root {
	width: 900px;
	margin-top: 4px;
	margin-left: auto;
	margin-right: auto;

}


/* ---- header --- */

DIV.header {
	background-image: url('/RailTV/rsrc/v11/img/bg-header.gif');
	border-bottom: 2px solid #FFFFFF;
}

DIV.header DIV.logozss {
	float: left;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 18px;
}

DIV.header DIV.rplace {
	float: left;
	padding-top: 21px;
	padding-left: 458px;
}

DIV.header DIV.rplace DIV.logortv {
	padding-left: 40px;
}

DIV.header DIV.search {
	float: left;
	padding-left: 40px;
	padding-top: 14px;
	padding-bottom: 2px;
}

DIV.header DIV.search INPUT {
	font-size: 10px;
	width: 90px;
}

DIV.header DIV.nadpis {
    font-size: 45px;
    text-align: right;
    padding-right: 60px;
    padding-top: 40px;
    color: #f58020;
    font-weight: bold;
    font-style: italic;
}

/* --- mainMenu --- */

DIV.mainMenu {
	background-color: #2665AC;
}

DIV.mainMenu A {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	float: left;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
	padding-right: 12px;
	background-image: url('/RailTV/rsrc/v1/img/butbg-nm.gif');
}

DIV.mainMenu A.selected {
	background-image: url('/RailTV/rsrc/v1/img/butbg-hl.gif');
/*	color: #F3C718; */
    color: #F3821F;
}

DIV.mainMenu A:hover {
	background-image: url('/RailTV/rsrc/v1/img/butbg-hl.gif');
}

DIV.mainMenuShadow {
	height: 8px;
	background-image: url('/RailTV/rsrc/v1/img/bg-mainmenu-shadow.gif');
}

DIV.mainContainer {
    border-style: none;
    border: 0;
    min-height: 500px;
    width: 900px;


}
/* --- leftCol --- */

DIV.leftCol {
	width: 230px;
    float: left;	
}

/* --- mainCol --- */

DIV.mainCol {
	width: 460px;
    float: left;
    padding-left: 20px;	
    height: 100%;    
}

/* --- rightCol --- */

DIV.rightCol {
	width: 166px;
	float: left;
	padding-left: 24px;	
	height: 100%;    
}


/* --- boxShadow --- */

DIV.boxShadow {
	border-left: 1px solid #E7E9E8;
	border-top: 1px solid #E7E9E8;
	border-right: 1px solid #DEE0DF;
	border-bottom: 1px solid #DEE0DF;
}

/* --- box1 --- */

DIV.box1 {
	border-right: 1px solid #BCC9D1;
	border-bottom: 1px solid #D8D8D8;
}

DIV.box1 DIV.title {
	background-color: #91BCDC;
	color: #FFFFFF;
	font-size: 12px; 
	font-weight: bold;
	padding-left: 16px;
	padding-right: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
}

DIV.box1 DIV.text {
	background-color: #D5E8F7;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
}


DIV.box1 div.text DIV.hyperItem {
    margin-bottom: 7px;
    margin-top: 7px;
    margin-left: 3px;    
}


DIV.box1 div.text DIV.hyperItem A {
	color: #2677B6;
	font-size: 12px;
	text-decoration: none;
	padding-top: 7px;	
	margin-bottom: 10px;	    
}



/* --- boxWhite --- */

DIV.boxWhite {
	border-right: 1px solid #BCC9D1;
	border-bottom: 1px solid #D8D8D8;
}

DIV.boxWhite DIV.title {
	background-color: #91BCDC;
	color: #FFFFFF;
	font-size: 12px; 
	font-weight: bold;
	padding-left: 16px;
	padding-right: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
}

DIV.boxWhite DIV.title H1 {
	color: #FFFFFF;
	font-size: 14px; 
	font-weight: bold;
	padding-left: 12px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 0px;
}

DIV.boxWhite DIV.text {
	background-color: #FFFFFF;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 8px;
	padding-bottom: 4px;
}

DIV.boxWhite DIV.BackButton {
    margin-bottom: 7px;
    margin-left:25px;

}

DIV.boxWhite DIV.BackButton span a {
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}


/* --- 
 --- */

DIV.videoVerticalList {
	background-color: #D5E8F7;

}

DIV.videoVerticalList DIV.item {
    border-top-style: solid;
    border-top-color: #F4F9FD;
    border-top-width: 2px;
            
    border-bottom-style: solid;
    border-bottom-color: #B2D2E9;
    border-bottom-width: 2px;            
    
    position: relative;
	padding-left: 16px;
	padding-right: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}

DIV.videoVerticalList DIV.item DIV.tit {
    width: 160px;
    margin-right: 0;
    margin-bottom:4px;
    padding-top: 2px;
    float: left;    
}


DIV.videoVerticalList DIV.item A {
	color: #2677B6;
	font-size: 12px;
	text-decoration: none;
	padding-top: 1px;	
	padding-bottom: 15px;	
	margin-bottom: 15px;	
	
}

DIV.videoVerticalList DIV.item  DIV.arrow {
    position: static;
    top: 0;
    height: 16px;
    float: right;
    text-align: left;
}



DIV.videoVerticalList DIV.item DIV.thumb {
	float: left;
	width: 90px;
}

DIV.videoVerticalList DIV.item DIV.thumb A {
	text-decoration: none;
}

DIV.videoVerticalList DIV.item DIV.thumb * {
	color: #101018;
	font-size: 11px;
}

DIV.videoVerticalList DIV.item DIV.perex {
	float: left;
	padding-left: 8px;	
	text-align: justify;
	width: 100px;
	font-size: 10px;	
}

DIV.videoVerticalList DIV.item DIV.perex A {
	text-decoration: none;
}

DIV.videoVerticalList DIV.item DIV.perex * {
	color: #101018;
	font-size: 10px;
}


DIV.videoVerticalList DIV.listFooter {
    padding-top: 10px;
    padding-bottom: 10px;    
    padding-left: 10px;   
}

DIV.videoVerticalList DIV.listFooter  A {
   	text-decoration: none;   
}

DIV.videoVerticalList DIV.titContainer {
    width: 100%;
    position: static;
}

/*-----FlowPLayerDiv-----*/
DIV.FlowPlayerDiv {
	text-align:center;
	width: 100%;
    margin-left: auto;
    margin-right: auto;

}

DIV.videoItemPerex {
    padding-top: 7px;
    padding-bottom: 7px; 
    background-color: #ffffff;   
    padding-left: 27px;
    padding-right: 27px;    
    margin-left: 0px;
    margin-right: 0px;
	text-align: left;
	font-size: 11px;	
	color: gray;;
}

DIV.videoItemPerex DIV.authorTitle {
    padding-right: 1px;
    color: #999999;   
    text-align: right; 
}

DIV.videoItemPerex DIV.authorTitle * {
	color: #999999;
}

DIV.videoItemPerex DIV.published {
	color: #999999;
	width: 180px;
	float: left;
}

DIV.videoItemPerex DIV.published * {
	color: #999999;
}


DIV.videoItemPerex DIV.videoSubtitle {
    font-size: 13px;
    width: 400px;
    background-color: #ffffff;   
    width: 100%;
	margin-top: 12px;
    margin-bottom: 16px;
}    

DIV.videoItemPerex DIV.videoSubtitle B {
    font-size: 13px;
}

DIV.VideoOptionalInfoComp {
    font-size: 12px;
    width: 390px;

    margin-left: 27px;
    margin-bottom: 10px;    
}

DIV.VideoOptionalInfoComp A {
    font-size: 12px;
    text-decoration: none;
}

DIV.VideoOptionalInfoComp B {
    font-size: 12px;
}



/* --- searching --- */

DIV.SearchInputForm {
	margin-bottom: 8px;
	padding-bottom: 5px;
	border-bottom: 1px solid #2872AA;
}

DIV.SearchInputForm DIV.entry {
	float: left;
	padding-left: 4px;
}

DIV.SearchInputForm DIV.button {
	float: left;
	padding-left: 4px;
}

DIV.SearchResultDiv {
}

DIV.SearchResultDiv {
	background-color: #D5E8F7;

}

DIV.SearchResultDiv DIV.VideoItem {
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 8px;
	padding-bottom: 5px;
	border-bottom: 1px solid #2872AA;
}

DIV.SearchResultDiv DIV.VideoItem DIV.item {    
}

DIV.SearchResultDiv DIV.VideoItem DIV.item A {
	text-decoration: none;
}

DIV.SearchResultDiv DIV.VideoItem DIV.item DIV.ResultTitContainer {
	color: #2677B6;
	font-size: 13px;
	margin-bottom: 5px;
}

DIV.SearchResultDiv DIV.VideoItem DIV.item DIV.ResultTitContainer * {
	color: #2677B6;
	font-size: 13px;
}

DIV.SearchResultDiv DIV.VideoItem DIV.item DIV.thumb {
	margin-left: 4px;
	margin-right: 8px;
	float: left;
	width: 90px;	
}

DIV.SearchResultDiv DIV.VideoItem DIV.item DIV.thumb  img {
    border: 0;
}

DIV.SearchResultDiv DIV.VideoItem DIV.item DIV.perex {
	padding-left: 8px;
	padding-right: 8px;
}


/* --- footer ---*/

DIV.footer {
    text-align: center;
	margin-top: 0px;
	margin-right: 5px;
	padding: 20px 0px 0px 0px;
}

DIV.footer DIV.links {
    float:left;
    width: 230px;
    text-align: left;
    color: #2665ac;
    padding-left: 12px;
}

DIV.footer DIV.links A {
    color: #2665ac;
    text-decoration: none;
}

DIV.RightColCallCentrumComp {
}

DIV.RightColCallCentrumComp A IMG {
    border: 0;

}

DIV.Message {
    margin-bottom: 5px;
}

