@charset "utf-8";

/* CSS Document */





/*

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	Author: 

	date:  

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~



~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	*** Layout Styling ***

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~



*/



/*

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

RESET CSS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

	font-family:'PT Sans',Arial,Helvetica,sans-serif;

}



body {

	font: 13px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;

	line-height: 1.31em;

	color: #363636;

	background:#e3e3e3;

}





body {

	line-height: 1;

	

	

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}



/*

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

RESET CSS  - END

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

*/



/* ----------------------------------------------------*/



.header{

	width:1000px;

	margin-left:auto;

	margin-right:auto;

	padding:20px 0;

	position:relative;

}

.logo{margin-bottom:20px;}

/* Menu wrap */

   

#menu {

   font-size: 16px;

   font-family:'PT Sans',Arial,Helvetica,sans-serif;

   width: 1000px;

   background-color: #fff;

   float:left;

 

}

#navbar li {

   list-style: none;

   float: left; 

   background:url(../Images/menu_grad.png) repeat-x;

   border-bottom:4px solid #dc2a0b;

}

#navbar li a {

   display: block;

   text-decoration: none; 

   color: #fff;

   font-weight: bold;  

   padding: 10px 18px;

   border-right:1px solid #9a1f0b;

   border-left:1px solid #e93111;

   border-top:1px solid #f93d1c;

   border-bottom:1px solid #ff583b;

   text-shadow: 0px 1px 2px rgba(117, 17, 0, 1);

}

 

#navbar li a:hover {color: #f6f6f6; background:url(../Images/bgr_hover.png) repeat-x;}

#navbar li ul {display: none; position:absolute;}

#navbar li ul li {border:none !important; }	

#navbar ul li a{ border:none !important;padding:10px 12px !important;}

#navbar li:hover ul, #navbar li.hover ul {

   display: inline;

   margin: 0;

   padding: 0; }

#navbar li:hover li a, #navbar li.hover li a {color: #f6f6f6; padding:10px;}

#navbar li li a:hover { color: #f6f6f6; }

.home_icon{float:left;padding:0 10px 0 0;}

a.current{color: #f6f6f6; background:url(../Images/bgr_hover.png) repeat-x !important;}

/*Menu end*/

.under_menu{

	width:1000px;

	height:30px;

	margin-left:auto;

	margin-right:auto;

	background:url(../Images/bgr_under_menu.png) repeat-x;

	float:left; 

	-moz-box-shadow: 0px 3px 8px #737373;

	-webkit-box-shadow: 0px 3px 8px #737373;

	box-shadow: 0px 3px 8px #737373;

	filter: progid: DXImageTransform.Microsoft.Shadow(strength = 3, direction = 180, color = '#737373');

	-ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 180, Color = '#737373')";

}

.under_menu span {

	color:#bbbbbb;

    font-size:13px;

    float:right;

	padding:7px 240px 0 0;

}

.tourism_skopje{

	position:absolute;

	top:93px;

	right:0;

}



/*Social connections*/

.social_wrap{float:right; width:200px;height:50px;}

.social{

	color:#888888;

	display:block;

	font-size:12px;

	height:32px;

	padding:0 0 0 38px;

	margin:10px 5px 0 0;

	text-decoration:none;

	text-shadow: 0 -1px 0 #000000;

	float:left;

}

.social:hover {

	background-position:5px -32px;

	text-decoration:none;

}

.facebook {

    background:url(../Images/ico_Facebook.png) no-repeat scroll 5px 0 transparent;

}

.twitter {

    background:url(../Images/ico_Twitter.png) no-repeat scroll 5px 0 transparent;

}

.skype {

    background:url(../Images/ico_skype.png) no-repeat scroll 5px 0 transparent;

}

.youtube {

    background:url(../Images/ico_youtube.png) no-repeat scroll 5px 0 transparent;

}

/* END Social connections*/



/*Centar styles*/

 .centar{width:1000px;

    margin-top:10px;

	display:block;

	clear:both;

	margin-left:auto;

	margin-right:auto;

	margin-top: 65px;}

.new_posts{

	float:left;

	width:740px;

	height:370px;

	padding:10px;

	background:#ffffff;

	-moz-box-shadow: 0px 3px 8px #737373;

	-webkit-box-shadow: 0px 3px 8px #737373;

	box-shadow: 0px 3px 8px #737373;

	filter: progid: DXImageTransform.Microsoft.Shadow(strength = 3, direction = 180, color = '#737373');

	-ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 180, Color = '#737373')";

    -moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

}

.top_right_add{

	float:left;

	height:390px;

	width:230px;

	background:#ffffff;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	margin:0 0 0 10px;

}



.left_news{width:230px; height:auto; float:left;margin:10px 10px 0 0;
}
.left_news > a > img  {width:230px;}
.right_news > img{width:275px; margin:10px 0;}
.right_news{width:275px;float:right;margin:10px 0 0 0;
}



/*END Centar styles*/



/*Central News conteiners*/

.centar_news{

	 width:475px;

	 height:auto; 

	 background:#ffffff;

	 float:left;

	 margin:10px 10px 0 0;

	 box-shadow: 0 1px 2px rgba(0,0,0,.15);

	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);

	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);

 }
.centar_news .news_history_large{
	box-shadow:none !important;
	-moz-box-shadow:none !important;
	-moz-box-shadow:none !important;
	}
 

.news_town{

	 width:475px;

	 height:auto;

}

.news_header{

    display:block; 

	border-top:solid 1px #d4d4d4;

	border-bottom:solid 1px #d4d4d4;

	padding:10px;

	clear:both;

}

.town_news{

	background:#ededed url(../Images/news_red_separator.png) center no-repeat;

}

.night_life{

	background:#ededed url(../Images/news_purple_separator.png) center no-repeat;

}

.services{

	background:#ededed url(../Images/news_blue_separator.png) center no-repeat !important;

}

.culture{

	background:#ededed url(../Images/news_grean_separator.png) center no-repeat !important;

}

.health{

	background:#ededed url(../Images/news_sky_blue_separator.png) center no-repeat !important;

}

.events {

	background:#ededed url(../Images/news_yellow_separator.png) center no-repeat !important;

	margin-top:10px;

}

.news_header h1{

	color:#333333;

	font-size:18px;

	text-shadow: 2px 1px 1px rgba(0,0,0, 0.2);

	width: 100%;

	text-align:center;

}

.news_history_large {
    background:#fff;
	padding:15px;

	width: 225px;

	float:left;
	box-shadow: 0 1px 2px rgba(0,0,0,.15);
   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);

}

.news_history_large img{

	padding-bottom:15px;
	padding-top:15px;
	max-height:250px;
	max-width:225px;

}

.left_news .news_history_large img{

	max-height:200px;
	max-width:180px;

	

}

.news_history_large p{

	font-size:13px;

	line-height:18px;

	color:#727272;

}

.news_history_large a, .news_history_small a{

	color:#333333;

	font-size:14px;

	text-decoration:none;

}

.news_history_large a:hover, .news_history_small a:hover {

    color:#ea1c1c;

}

.news_history_small {

	width:220px;

	float:right;

	margin-top:15px;

}

.news_history_small_left {

	width:220px;

	float:right;

	margin-top:15px;

}

.news_history_small h3{

 

	font-size:14px;

	text-shadow: 1px 1px 1px rgba(0,0,0, 0.1);

}

.left_news .news_history_large{width:200px;}

.no_border p {

	 border:none !important;

}

.news_history_small p{

	font-size:13px;
	line-height:18px;
	padding-bottom:15px;
	padding-right:10px;
	padding-top: 4px;
	color:#727272;
	border-bottom:solid 1px #e0e0e0;

}

/*END Central News conteiners*/



/*Footer */

.footer{

	width:1000px;

	height:84px;

	background:url(../Images/logo_footer.png) no-repeat center bottom;

	float:left;

    padding-bottom:80px;

	margin-bottom:50px;

}

#footer_menu {

   font-size: 12px;

   width: 1000px;

   background-color: #fff;

   float:left;

   margin-top:10px;

   background:url(../Images/menu_footer_grad.png) repeat-x;

   padding:20px 0;

   -moz-box-shadow: 0px 3px 8px #737373;

	-webkit-box-shadow: 0px 3px 8px #737373;

	box-shadow: 0px 3px 8px #737373;

	filter: progid: DXImageTransform.Microsoft.Shadow(strength = 3, direction = 180, color = '#737373');

	-ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 180, Color = '#737373')";

}

#footer_menu li {

   list-style: none;

   float: left; 



}

#footer_menu li a {

   display: inline;

   text-decoration: none; 

   color: #fff; 

   padding: 0 20px;

   border-right:solid 1px #ffffff;

   text-shadow: 0px 1px 2px rgba(117, 17, 0, 1);

}

.footer_links{

	width:980px;

	height:30px;

	background:#ff684c url(../Images/footer_links_bgrl.png) repeat-x;

	float:left;

    margin-left: 10px;

	position:relative;

	box-shadow: 0 1px 2px rgba(0,0,0,.3);

	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);

	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);

}

.footer_links p{

	font-size:13px;

	color:#fff;

	padding:7px 0 0 20px;

}

.footer_links a{

	bottom: 9px;

    color: #FFFFFF;

    font-size: 11px;

    padding: 7px 20px 0 0;

    position: absolute;

    right: 0;

	text-decoration:none;

}



/*END Footer */

/*NEWS SLIDER*/

#featured{ 

	width:400px; 

	padding-right:250px; 

	position:relative; 

	height:250px; 

	background:#fff;

}

#featured ul.ui-tabs-nav{ 

	position:absolute; 

	top:0; left:430px; 

	list-style:none; 

	padding:0; margin:0; 

	width:305px; 

}

#featured ul.ui-tabs-nav li{ 

    padding-left:13px;  

	font-size:12px; 

	color:#666; 

	

}

#featured ul.ui-tabs-nav li img{ 

	float:left; margin:2px 5px; 

	background:#fff; 

	padding:2px; 

	border:1px solid #eee;

	width:80px;

	height:50px;

}

#featured ul.ui-tabs-nav li span{ 

	font-size:13px;

	font-family:Verdana; 

	line-height:18px; 

	text-decoration:none !important;

}

#featured li.ui-tabs-nav-item a{ 

	display:block; 

	height:74px; 

	color:#333;  background:#efefef; 

	line-height:20px;

	text-decoration:none;

	font-weight: bold;

	padding: 15px 0 3px 0;

	border-bottom:solid 1px #c5c5c5;

}

#featured li.ui-tabs-nav-item a:hover{ 

	background:#f2f2f2; 

}

#featured li.ui-tabs-selected{ 

	background:url('http://test.solutions-flex.com/assets/CSS/images/selected-item.gif') top left no-repeat;  

}

#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 

	background:#ccc; 

}

#featured .ui-tabs-panel{ 

	height: 360px;

    width: 430px; 

	position:relative;



}

#featured .ui-tabs-panel .info{ 

	height: 70px;

    left: 0;

    position: absolute; 

	height:70px; 

	background: url('http://test.solutions-flex.com/assets/CSS/images/transparent-bg.png'); 

}

#featured .info h2{ 

	font-size:18px; font-family:Georgia, serif; 

	color:#fff; padding:5px; margin:0;

	overflow:hidden; 

	position: absolute;

    top: -300px;

	background:#efefef;

	width: 420px;

}

#featured .info p{ 

	margin:15px 5px 0 5px; 

	font-family:Verdana;font-size: 10pt;

	line-height:15px; color:#727272;

}

#featured .info a{ 

	text-decoration:none; 

	color:#0e67a5; 

}

#featured .info a:hover{ 

	text-decoration:underline; 

}

#featured .ui-tabs-hide{ 

	display:none; 

}

.large_pr_img{

	width:430px;

	height:260px;

	margin-top:40px;

}

.ui-tabs-nav #nav-fragment-4 a {border:none !important;}

/*END NEWS SLIDER*/



/*Video Wrap*/

.video_news {background-color:#333;color:#fff;padding:10px;margin-bottom:10px;}

.video_news h4{padding-bottom:5px;}

.video_news h5{font-size:13px;font-weight:normal;padding:5px 0;}

.video_news span{color:#797979;font-size:12px;line-height:18px;margin-bottom:5px;display:block;}

.video_news p{font-size:12px;padding:10px 0 5px 0;border-top:solid 1px #252525;}

.video_news a{font-size:12px;color:#f19b41;text-decoration:none;}

/*END Video Wrap*/



/*END events Wrap*/

.news_events_links {float:left;padding:10px;border-bottom:solid 1px #e0e0e0;background:#fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
   width:255px;
}

.news_events_links a{ color:#4da1ff;font-weight:bold;text-decoration:none;font-size:13px;line-height:16px;}

.news_events_links a:hover {color:#77b7ff;}

.news_events_links img {width:80px;height:50px;float:left;margin-right: 10px}

/*END events Wrap*/

.{background:#f0f0f0 url(http://test.solutions-flex.com/assets/CSS/img/bgr_gradient.png) repeat-y center}

.large_preview_wrap, .small_preview_wrap{width:675px;float:left;background: none repeat scroll 0 0 #FFFFFF;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);margin:0 10px 0 0;padding:10px 20px;}

.small_preview_wrap{width: 715px !important;}	

	

.large_preview_wrap h1 {

    color: #333333;

    font-size: 22px;

    text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.2);

    width: 100%;

	padding:10px 0 20px 0;}

.large_preview_wrap p{
	font-size:13px;
	line-height: 1.31em;
	margin-top:10px;

}

.large_preview_wrap h4{clear:both;}

#large_pr .top_right_add,#events .top_right_add, #small_pr .top_right_add{margin: 0;

    width: 275px !important;

	text-align:center;

	}

/*START Events*/

#events .large_preview_wrap{padding:20px;}

#events .large_preview_wrap img{border:solid 1px #efefef;float:left;margin-right:10px;

    margin-bottom: 15px; 

	border: 4px solid #CDCDCD;}

.event_preview, .text_desc{background:#f4f4f4;width:655px;padding:10px;border: 1px solid #EFEFEF;float:left;margin-bottom:10px;}

.event_preview h4{border-top: 1px solid #e0e0e0;

    padding: 10px 0 5px;}

.event_preview span{ clear:left;font-size:14px;}

.text_desc h4 {margin-bottom:10px;}

#map_locator{width:655px;height:400px;}

.price_p{float:right;color:#ec1c1c;padding-right:20px;}



/*small_preview_wrap*/

.small_preview_wrap {padding:0 0 20px 0 !important;}

.small_preview {

	background: none repeat scroll 0 0 #F4F4F4;

    border: 1px solid #EFEFEF;

	padding:10px;

	float:left;

	margin:5px 20px 5px 20px;

	width: 655px;

	}

.small_preview img{float:left;
     
    border: 2px solid #CDCDCD;

    float: left;

    max-height: 200px;

    margin-bottom: 15px;

    margin-right: 10px;

    max-width: 200px;

}

.small_preview p{

	float:left;

	width:390px;

	font-size: 12px;

	color:#515151;

	padding:10px 0 0 0;

	line-height: 18px;

	height: 90px;

}

.small_preview h2{

	margin:0 0 10px 0;	

}

.small_preview span {

	float:right;

	color:#a7a7a7;



}

.small_preview a{color: #333333;

    text-decoration:none;}

.small_preview a:hover{ 

	color:#ea1c1c;}

#small_pr .small_preview{margin-bottom:0;}







#pages {

    height: 30px;
    margin: 0px auto;
    width: 50%;

}



#pagediv {

    

    float: left;

    margin: 0 5px 5px 0;

    padding: 4px 5px;

}





#pagediv_current {

    background-color: #ddd;

    float: left;

    margin: 0 5px 5px 0;

    padding: 4px 8px;

}





#pagediv a {

    color: #3B5998;

    font-size: 11px;

    text-decoration: none;

}

#pagediv a:hover {

    color: #5878BB;

    font-size: 11px;

    text-decoration: none;

}

#pagediv_current a {

    color: #3B5998;

    font-size: 11px;

    text-decoration: none;

}

#pagediv_current a:hover {

    color: #5878BB;

    font-size: 11px;

    text-decoration: none;

}



#p_numbers {

    float: left;

    font-family: Arial,Helvetica,sans-serif;

    font-size: 14px;

    margin: 5px 20px 0 0;

}

#p_number_s {

    float: left;

    font-family: Arial,Helvetica,sans-serif;

    font-size: 16px;

    margin: 5px 10px 0 0;

}

.friends{

	float:left;

	clear:both;

	width: 1000px;

	height:100px;

	background-color:#fff;

	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);

	margin:10px 0 0 0;

}

.friends h3{

	padding:40px 20px;

	float:left;

}

.freind_banner{

	width:80px;

	height:80px;

	float:left;

	margin:10px 30px 0 0;

	border:solid 1px #f1f1f1;

}