/* this css file define styles for CroatianRoutes_home portal begin */ 
* {
	margin:0;
	padding:0;
}
html, body, form {
	height:100%;
}
body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#CCCCCC;
	background:url(../../images/_gui/bodyBcg.jpg) repeat-x left top;
	background-color:#21262C;
}
a, a:link, a:active, a:visited {
	color:#CCCCCC;
	outline-style: none;
}
a:hover {
	text-decoration:underline;
}
img {
	border:0px;
}
#page_container {
	width:840px;
	margin:0 auto 0 auto;
	padding:0 6px 0 6px;
	background:url(../../images/_gui/pageContainerBcg.gif) no-repeat left top;
	overflow:hidden;
	position:relative;
	min-height:100%;
}
#content-container {
	width:100%;
	padding:0 0 108px 0;
}
#logo a, #logo a:link, #logo a:active, #logo a:visited, #logo a:hover {
	width:224px;
	height:75px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:10;
}
#logo {
	background:url(../../images/_gui/logo.gif) no-repeat left top;
	position:absolute;
	top:30px;
	left:10px;
	width:224px;
	height:75px;
	text-indent:-9999px;
	z-index:9;
}
/*accessibility_navigation begin*/
.accessibility_navigation {
	left:-9999px;
	position:absolute;
	top:-9999px;
}
.accessibility_navigation li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
/*accessibility_navigation end*/

/*top_links begin*/  
#top_links {
	width:480px;
	float:right;
	height:20px;
	margin:29px 5px 0 0;
}
#top_links a, #top_links a:link, #top_links a:active, #top_links a:visited {
	font-size:1.1em;
	text-decoration:none;
	padding:4px 6px 4px 5px;
	position:relative;
	overflow:hidden;
	text-transform:uppercase;
	margin:-4px 5px 0 5px;
	display:block;
	float:left;
}
#top_links a span, #top_links a:link span, #top_links a:active span, #top_links a:visited span {
	display:block;
	width:4px;
	height:19px;
	position:absolute;
	left:0px;
	top:0px;
}
#top_links a:hover {
	background:url(../../images/_gui/toplinks_mainpart.gif) no-repeat right 1px;
}
#top_links a:hover span {
	background:url(../../images/_gui/toplinks_leftpart.gif) no-repeat left 1px;
	display:block;
	width:4px;
	height:19px;
	position:absolute;
	left:0px;
	top:0px;
}
/*top_links end*/
/*search begin*/
#search {
	width:171px;
	float:right;
	overflow:hidden;
	height:20px;
	margin:-4px 0 0 0;
}
#search a, #search a:link, #search a:active, #search a:visited {
	width:25px;
	height:20px;
	text-indent:-9999px;
	display:block;
	float:left;
	background:url(../../images/_gui/serach_BtnBcg.gif) no-repeat left top;
	margin:0;
	padding:0;
}
#search a:hover {
	background:url(../../images/_gui/serach_BtnBcg.gif) no-repeat left -20px;
}
.search-input {
	width:141px;
	height:16px;
	margin:0 0px 0 0;
	padding:4px 0 0 5px;
	background:url(../../images/_gui/serach_inputBcg.gif) no-repeat left 0px;
	font-size:1.1em;
	color:#D8D8D8;
	border:0px;
	display:block;
	float:left;
}
h1.search_results {
}
div.search_results {
}
div.search_results ul {
}
div.search_results ul li {
}
div.search_results ul li a, div.search_results ul li a:link, div.search_results ul li a:active, div.search_results ul li a:visited, div.search_results ul li a:hover {
}
.searchprevious:link, .searchprevious:active, .searchprevious:visited, .searchprevious:hover, .searchnext:link, .searchnext:active, .searchnext:visited, .searchnext:hover {
}
/*search end*/

/*navigation begin*/
#navigation {
	overflow:hidden;
	background:url(../../images/_gui/level1_bottom_Bcg.gif) no-repeat left bottom;
	padding:40px 0 0 0;
	position:relative;
	clear:both;
	float:right;
	width:100%;
}
.level1 {
	width:auto;
	float:right;
	margin:0 3px 0 0;
}
.level1 li {
	display:block;
	float:left;
	background:url(../../images/_gui/level1_li_Bcg.jpg) no-repeat left top;
}
.level1 a, .level1 a:link, .level1 a:active, .level1 a:visited {
	font-size:2.0em;
	text-decoration:none;
	color:#D8D8D8;
	background:url(../../images/_gui/level1_link_Bcg.jpg) no-repeat right top;
	display:block;
	padding:5px 12px 5px 15px;
	margin:0 -3px 0 0;
	outline:none;
}
.level1 a:hover {
	color:#ADD020;
	outline:none;
}
/*navigation end - continued on styles_content.css*/
#right_sidebar {
	width:229px;
	float:right;
	margin:20px 0 0 0;
}
#main {
	width:570px;
	float:left;
	margin-top: 20px;
}
h2.outdex_caption {
	font-size:1.3em;
	color:#ADD020;
	font-weight:normal;
	display:block;
	background:url(../../images/_gui/caption_top_Bcg.gif) no-repeat left top;
	background-color:#252A30;
	margin:0 0 15px 0;
}
h2.outdex_caption a, h2.outdex_caption a:link, h2.outdex_caption a:active, h2.outdex_caption a:visited {
	color:#ADD020;
}
h2.outdex_caption a:hover {
	text-decoration:none;
}
h2.outdex_caption span {
	display:block;
	background:url(../../images/_gui/caption_bottom_Bcg.gif) no-repeat left bottom;
	padding:7px 10px 7px 10px;
}
.text-outdex, .form {
	font-size:1.2em;
	overflow:hidden;
}
.form div {
	margin:0 0 5px 0;
}
.form-results-list {
	margin:10px 0 10px 0;
	font-size:1.2em;
}
.form-results-list li {
	width:100px;
	float:left;
	list-style:none;
	margin:0 0 5px 0;
}
.form-results-list li.graphic {
	width:460px;
	float:left;
	position:relative;
}
.form-results-list li.graphic img {
	position:absolute;
	left:0px;
	top:0px;
	z-index:4;
}
.form-results-list li.graphic span {
	position:absolute;
	width:30px;
	height:15px;
	left:5px;
	top:2px;
	display:block;
	color:#FFFFFF;
	z-index:5;
	font-size:10px;
}
.statusmessage {
	color:#FF0000;
}
ul.formBtn {
	list-style:none;
	width:100%;
}
ul.formBtn li {
	display:block;
	float:left;
	width:49%;
	float:left;
	margin:5px 0 5px 0;
}
input.formBtn {
	border:0;
	padding:2px 4px 6px 0;
	margin:0 auto 0 auto;
	background:url(../../images/_gui/formBtnBcg.gif) no-repeat left top;
	width:68px;
	text-align:center;
	color:#FFFFFF;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	display:block;
	cursor:pointer;
}
.link_text:link, .link_text:active, .link_text:visited {
	font-size:1.4em;
	text-decoration:none;
	display:block;
	padding:0 0 0 15px;
	margin:0 0 4px 0;
	position:relative;
}
.link_text:link span, .link_text:active span, .link_text:visited span {
	display:block;
	width:10px;
	height:9px;
	position:absolute;
	background:url(../../images/_gui/link_arrow_Bcg.gif) no-repeat right top;
	left:0px;
	top:5px;
}
.link_text:hover span {
	background:url(../../images/_gui/link_arrow_Bcg.gif) no-repeat left top;
}
.separator {
	height:10px;
	clear:both;
}
/*buylink begin*/
.buylink_True {
	display:block;
}
.buylink_True a.link_text, .buylink_True a.link_text:link, .buylink_True a.link_text:active, .buylink_True a.link_text:visited, .buylink_True a.link_text:hover {
	text-indent:-9999px;
	margin:30px 0 25px 0;
}
.buylink_True a .buylink_cro, .buylink_True a:link .buylink_cro, .buylink_True a:active .buylink_cro, .buylink_True a:visited .buylink_cro {
	background:url(../../images/_gui/buy_button_Bcg_cro.gif) no-repeat left top;
	width:122px;
	height:45px;
	cursor:pointer;
	display:block;
	position:absolute;
	left:0px;
	top:-12px;
}
.buylink_True a:hover .buylink_cro {
	background:url(../../images/_gui/buy_button_Bcg_cro.gif) no-repeat left bottom;
}
.buylink_True a .buylink_eng, .buylink_True a:link .buylink_eng, .buylink_True a:active .buylink_eng, .buylink_True a:visited .buylink_eng {
	background:url(../../images/_gui/buy_button_Bcg_eng.gif) no-repeat left top;
	width:122px;
	height:45px;
	cursor:pointer;
	display:block;
	position:absolute;
	left:0px;
	top:-12px;
}
.buylink_True a:hover .buylink_eng {
	background:url(../../images/_gui/buy_button_Bcg_eng.gif) no-repeat left bottom;
}
.buylink_True a .buylink_ger, .buylink_True a:link .buylink_ger, .buylink_True a:active .buylink_ger, .buylink_True a:visited .buylink_ger {
	background:url(../../images/_gui/buy_button_Bcg_ger.gif) no-repeat left top;
	width:153px;
	height:45px;
	cursor:pointer;
	display:block;
	position:absolute;
	left:0px;
	top:-12px;
}
.buylink_True a:hover .buylink_ger {
	background:url(../../images/_gui/buy_button_Bcg_ger.gif) no-repeat left bottom;
}
/*buylink end*/
/*article-outdex begin*/
.article-outdex {
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #373E46;
}
.article-outdex h2 {
	font-size:1.3em;
	font-weight:normal;
	color:#E35000;
}
.article-outdex h2 a, .article-outdex h2 a:link, .article-outdex h2 a:active, .article-outdex h2 a:visited {
	text-decoration:none;
	color:#E35000;
}
.article-outdex h2 a:hover {
	text-decoration:underline;
}
.lead-outdex {
	font-size:1.1em;
	color:#D8D8D8;
	line-height:130%;
}
.lead-outdex a, .lead-outdex a:link, .lead-outdex a:active, .lead-outdex a:visited {
	text-decoration:none;
	color:#E35000;
}
.lead-outdex a:hover {
	text-decoration:underline;
}
/*article-end begin*/
/*article begin*/
.article {
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #373E46;
}
.article-full {
	border-bottom:0px;
}
.article h1, .article-full h1, .form-container h1 {
	font-size:1.8em;
	margin:0 0 5px 0;
	color:#E35000;
	font-weight:normal;
}
.article h1 a, .article h1 a:link, .article h1 a:active, .article h1 a:visited, .article-full h1 a, .article-full h1 a:link, .article-full h1 a:active, .article-full h1 a:visited {
	color:#E35000;
	text-decoration:none;
}
.article h1 a:hover, .article-full h1 a:hover {
	text-decoration:underline;
}
.lead-short {
	font-size:1.3em;
	color:#D8D8D8;
	line-height:130%;
}
.lead-short a, .lead-short a:link, .lead-short a:active, .lead-short a:visited, .lead a, .lead a:link, .lead a:active, .lead a:visited, .text a, .text a:link, .text a:active, .text a:visited {
	text-decoration:none;
	color:#E35000;
}
.lead a:hover, .lead-short a:hover, .text a:hover {
	text-decoration:underline;
}
.article-details:link, .article-details:active, .article-details:visited, .article-details:hover {
	text-indent:-9999px;
	display:inline-block;
	width:16px;
	height:14px;
	background:url(../../images/_gui/article-detailsBcg.gif) no-repeat left 1px;
}
.lead {
	font-family:Cambria, "Times New Roman", Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-style:italic;
	line-height:130%;
	margin:0 0 10px 0;
}
.text {
	font-size:1.3em;
	line-height:130%;
}
.text p {
	margin:0 0 10px 0;
}
.text ul {
	margin:10px 0 10px 0;
	list-style:none;
}
.text ul li {
	display:block;
	margin:0 0 5px 0;
	padding-left:20px;
	background:url(../../images/_gui/text_list_itemBcg.gif) no-repeat left 1px;
}
.text h1, .text h2, .text h3, .text h4, .text h5, .text h6 {
	margin:10px 0 5px 0;
	color:#ADD020;
	font-weight:normal;
}
.text h1 {
	font-size:1.4em;
}
.text h2 {
	font-size:1.2em;
}
.text h3 {
	font-size:1.0em;
}
.text h4 {
	font-size:0.8em;
}
.text h5 {
	font-size:0.6em;
}
.text h6 {
	font-size:0.4em;
}
/*article end*/
/*article-gallery begin*/
/*in outdex*/
.article-outdex .article-gallery-wrapper {
	float:left;
	margin:5px 10px 10px 0;
	position:relative;
	width:73px;
	height:60px;
}
.article-outdex .article-gallery-wrapper ul, .article-outdex .article-gallery-wrapper ul li {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}
.article-outdex .article-gallery {
	border:1px solid #373E46;
	width:73px;
	height:55px;
	overflow:hidden;
}
.article-outdex .article-gallery img {
	position:static;
	visibility:visible;
}
.article-outdex .jcarousel-container {
	position:relative;
	width:73px;
}
.article-outdex .jcarousel-clip {
	z-index:2;
	width:73px;
	height: 55px;
	overflow: hidden;
	position: relative;
	margin:0;
	padding:0;
}
.article-outdex .jcarousel-list {
	z-index:1;
	overflow:hidden;
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:0;
}
.article-outdex .jcarousel-list li, .article-outdex .jcarousel-item {
	float: left;
	list-style: none;
	width: 73px;
	overflow: hidden;
}
.article-outdex .jcarousel-scroll {
	font-size: 1.1em;
	height: 11px;
	text-align: center;
	vertical-align: middle;
	background:url(../../images/_gui/jcarousel_scroll_Bcg.gif) no-repeat left top;
	width: 24px;
	position:absolute;
	left: 28px;
	bottom:-4px;
	z-index:2;
}
.article-outdex a.jcarousel-next:link, .article-outdex a.jcarousel-next:visited, .article-outdex a.jcarousel-next:active, .article-outdex a.jcarousel-next:hover {
	display: block;
	background-image:url(../../images/_gui/jcarosel_scroll_next.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:6px;
	height:7px;
	float:right;
	outline-style:none;
	margin:3px;
}
.article-outdex a.jcarousel-prev:link, .article-outdex a.jcarousel-prev:visited, .article-outdex a.jcarousel-prev:active, .article-outdex a.jcarousel-prev:hover {
	display: block;
	background-image:url(../../images/_gui/jcarosel_scroll_prev.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:6px;
	height:7px;
	float:left;
	outline-style:none;
	margin:3px;
}
.article-outdex a.jcarousel-next span, .article-outdex a.jcarousel-prev span {
	display: none;
}
.article-outdex .jcarousel-numberof {
	display:none
}
.article-outdex .jcarousel-enabled {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.article-outdex .jcarousel-disabled {
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;
	cursor:default;
}
.article-outdex .jcarousel-container-horizontal {
	width:73px;
	padding:0;
}
.article-outdex .jcarousel-item img {
	border-collapse: collapse;
	border: 0 none;
	max-height: 55px;
	max-width: 73px;
}
/*in main*/
.article-full .article-gallery-wrapper {
	float:left;
	margin:5px 10px 10px 0;
	position:relative;
	width:120px;
	height:90px;
}
.article-full .article-gallery-wrapper ul, .article-full .article-gallery-wrapper ul li {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}
.article-full .article-gallery {
	border:1px solid #373E46;
	width:120px;
	height:90px;
	overflow:hidden;
}
.article-full .article-gallery img {
	position:static;
	visibility:visible;
}
.article-full .jcarousel-container {
	position:relative;
	width:120px;
}
.article-full .jcarousel-clip {
	z-index:2;
	width:120px;
	height: 90px;
	overflow: hidden;
	position: relative;
	margin:0;
	padding:0;
}
.article-full .jcarousel-list {
	z-index:1;
	overflow:hidden;
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:0;
}
.article-full .jcarousel-list li, .article-full .jcarousel-item {
	float: left;
	list-style: none;
	width: 120px;
	overflow: hidden;
}
.article-full .jcarousel-scroll {
	font-size: 1.1em;
	height: 11px;
	text-align: center;
	vertical-align: middle;
	background:url(../../images/_gui/jcarousel_scroll_Bcg.gif) no-repeat left top;
	width: 24px;
	position:absolute;
	left: 50px;
	bottom:-4px;
	z-index:2;
}
.article-full a.jcarousel-next:link, .article-full a.jcarousel-next:visited, .article-full a.jcarousel-next:active, .article-full a.jcarousel-next:hover {
	display: block;
	background-image:url(../../images/_gui/jcarosel_scroll_next.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:6px;
	height:7px;
	float:right;
	outline-style:none;
	margin:3px;
}
.article-full a.jcarousel-prev:link, .article-full a.jcarousel-prev:visited, .article-full a.jcarousel-prev:active, .article-full a.jcarousel-prev:hover {
	display: block;
	background-image:url(../../images/_gui/jcarosel_scroll_prev.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:6px;
	height:7px;
	float:left;
	outline-style:none;
	margin:3px;
}
.article-full a.jcarousel-next span, .article-full a.jcarousel-prev span {
	display: none;
}
.article-full .jcarousel-numberof {
	display:none
}
.article-full .jcarousel-enabled {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.article-full .jcarousel-disabled {
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;
	cursor:default;
}
.article-full .jcarousel-container-horizontal {
	width:120px;
	padding:0;
}
.article-full .jcarousel-item img {
	border-collapse: collapse;
	border: 0 none;
	max-height: 90px;
	max-width: 120px;
}
/*article-gallery end*/

/*footer begin*/
/* clear fix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
#footer {
	margin: -108px 0 0 0;/* negative value of footer height */
	height: 108px;
	clear:both;
	position:relative;
	z-index:3px;
	width:100%;
}
#footer-banners-container {
	margin:0 auto 0 auto;
	width:840px;
	height:76px;
	background:url(../../images/_gui/footerbannersBcg.gif) no-repeat left top;
	display:table;
}
#footer-banners {
	display:table;
	width:100%;
	display:table-cell;
	vertical-align:middle;
}
#footer-banners a, #footer-banners a:link, #footer-banners a:active, #footer-banners a:visited, #footer-banners a:hover {
	float:left;
	margin:0 20px 0 20px;
	vertical-align:middle;
}
#footer-rights-container {
	background-color:#252A30;
	margin:12px 0 0 0;
}
#footer-rights {
	width:840px;
	margin:0 auto 0 auto;
	padding:2px 0 2px 0;
	color:#999999;
	font-size:1.1em;
	overflow:hidden;
	position:relative;
}
#footer-rights a, #footer-rights a:link, #footer-rights a:active, #footer-rights a:visited {
	text-decoration:none;
}
#footer-rights a:hover {
	text-decoration:underline;
}
#Perpetuum:link, #Perpetuum:active, #Perpetuum:visited, #Perpetuum:hover {
	width:90px;
	text-align:right;
	display:block;
	position:absolute;
	right:0px;
	top:2px;
}
#footer-facebook:link, #footer-facebook:active, #footer-facebook:visited, #footer-twitter:link, #footer-twitter:active, #footer-twitter:visited, #footer-RSS:link, #footer-RSS:active, #footer-RSS:visited {
	background-color:#393F46;
	color:#999999;
	font-weight:bold;
	padding:0 3px 0 3px;
	line-height:17px;
	margin:0 3px 0 3px;
}
#footer-facebook:hover {
	background-color:#3B5998;
	color:#FFFFFF;
}
#footer-twitter:hover {
	background-color:#C0DEED;
	color:#283E7B;
}
#footer-RSS:hover {
	background-color:#EC6604;
	color:#FFFFFF;
}
#footer-facebook:hover, #footer-twitter:hover, #footer-RSS:hover {
	text-decoration:none !Important;
}
/*footer end*/


/* this css file define styles for CroatianRoutes_home portal end */

/******************************/
/*** article simple gallery ***/
/******************************/
.simple-article-gallery {
	width: 570px;
	margin-bottom: 20px;
	overflow: hidden;
}

.simple-article-gallery-image {
	height: 250px;
	width: 568px;
	border: 1px solid #373E46;
	overflow: hidden;
	
}
.simple-article-gallery-items {
	clear: both;
	width: 590px;
	overflow: hidden;
}
.simple-article-gallery-items ul {

}
.simple-article-gallery-items ul,
.simple-article-gallery-items ul li {
	list-style: none;
}
.simple-article-gallery-items ul li {
	display: inline-block;
	height: 30px;
	width: 68px;
	border: 1px solid #373E46;
	overflow: hidden;
	margin: 10px 14px 10px 0;
	float: left;
}

a.article-gallery-image:link,
a.article-gallery-image:visited {
	display: inline-block;
	height: 30px;
	width: 68px;
	text-align: center;
	overflow: hidden;
	outline-style: none;
	
	-moz-opacity: 0.7; 
	filter:alpha(opacity=70); 
	opacity: 0.7;
}
a.article-gallery-image:hover,
a.article-gallery-image:active {
	-moz-opacity: 1; 
	filter:alpha(opacity=100); 
	opacity: 1;
	outline-style: none;
}

a.selected-image:link,
a.selected-image:visited {
	-moz-opacity: 1; 
	filter:alpha(opacity=100); 
	opacity: 1;
	outline-style: none;
}