* { padding: 0; margin: 0 auto; }

body {
	background: url(../images/texture.png) #e7ebf2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #575757;
	text-decoration: none;
}

/********************* wrapper *********************/

#wraper {
	margin: 0 auto;
	background-color: #f4f7fc;
	-moz-box-shadow:0 0 10px #2C2C2C;
	-webkit-box-shadow: 0 0 10px #2C2C2C;
	box-shadow: 0 0 10px #2C2C2C;
	width: 1024px;
}
/********************* button *********************/

.button, .button:visited {
	background: #222 url(../images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.button:hover								{ background-color: #111; color: #fff; }
	.button:active								{ top: 1px; }
	.small.button, .small.button:visited 		{ font-size: 11px; padding: ; }
	.button, .button:visited,
	.medium.button, .medium.button:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.button, .large.button:visited 		{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.button, .green.button:visited		{ background-color: #91bd09; }
	.green.button:hover							{ background-color: #749a02; }
	.blue.button, .blue.button:visited			{ background-color: #2daebf; }
	.blue.button:hover							{ background-color: #007d9a; }
	.red.button, .red.button:visited			{ background-color: #e33100; }
	.red.button:hover							{ background-color: #872300; }
	.magenta.button, .magenta.button:visited	{ background-color: #a9014b; }
	.magenta.button:hover						{ background-color: #630030; }
	.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
	.orange.button:hover						{ background-color: #d45500; }
	.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
	.yellow.button:hover						{ background-color: #fc9200; }
	
/********************* header *********************/
#header {
	padding-top: 5px;
	background-color: #00236a;
}
/********************* header top *********************/
.top {
	height: 30px;
	width: 100%;
}
.icon {
	float: left;
	padding-left: 10px;
}

.navtop {
	float: right;
	padding-top: 5px;
	padding-right: 10px;
	list-style-type:none; 
	list-style-position:outside; 
	position:relative; 
}
.navtop ul li{
	list-style:square;
	display:inline;
	width: 250px;
}
.navtop li a {
	margin-left: 10px;
	text-decoration: none;
	line-height: 20px;
	color: #fff;
	font-size: 11px;
}
.navtop a {
	margin-left: 10px;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
}
.navtop a:hover {
	color: #0092de;
}
/********************* header slider *********************/
.slider {
	height: 300px;
}
#slider, #slider img {
	width: 1024px;
	height: 300px;
}
#vslider {
	margin: 0px 0px 0px 0px;
	padding: 0;
	border: none;
}
#vslider {
	height:300px;
	overflow: hidden;
}
#vslider ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
#vslider ul li {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
#slider {
	overflow: hidden !important;
}
#slider img {
	-ms-interpolation-mode: bicubic;
}

/********************* header navigation *********************/
.right{
	float: right;
}
.navigation {
	height: 35px;
}
#dropmenu {
	background: url(../images/bgmenu.png);
	margin:0; 
	padding:0;
	width:1024px;
	list-style-type:none; 
	list-style-position:outside; 
	position:relative; 
	line-height:35px; 
	z-index:20;
	float:left;
}
#dropmenu .right{
	float: right;
	position: relative;
	background-color: #00336a;
}

#dropmenu ul { 
	position:absolute; 
	display:none; 
	top:35px; 
	left:-1px;
	list-style-type:none;
	z-index:22; 
} 
     
#dropmenu li { 
	float:left; 
	position:relative; 
}     
.red {
	color:#DD4B39;
}
     
#dropmenu a { 
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	font-size:18px;  
	display:block;
	padding:0px 15px;
} 
#dropmenu > li > a {
	font-family: 'Economica', sans-serif;
	text-shadow: 0px 2px 2px #00336a;
}
#dropmenu li:hover > a {
color:#fff;
background-color: #00336a;
} 
    
/** sub-level 1 **/
#dropmenu li ul { 
width:221px; 
border-top:1px solid #ccc; 
border-right:1px solid #ccc; 
-moz-box-shadow: 0 0 10px #000;
-webkit-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;

} 

#dropmenu li ul a { 
float:left; 
width:191px; 
height:auto; 
z-index:20; 
font-weight:bold;
font-family: 'Economica', sans-serif;
font-size:14px;
background-color:#fff;
color:#036;
border-bottom:1px solid #ccc; 

} 
#dropmenu ul li:hover > a {
background-color:#eee;
color:#036; 
} 
    
    
/** sub-level 2 **/
#dropmenu ul ul { 
top:auto; 
} 
    
#dropmenu li ul ul {
left:211px;
top:-1px; 
margin:0px 0px 0px 10px;
z-index:21; 
} 
    
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {
display:none;
} 
    
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {
display:block;
} 
#dropmenu img {
	padding-left: 10px;
}

/********************* content *********************/
#content {
	clear: both;
	display: table;
	background: url(../images/bg_content.png) repeat-y #f4f7fc;
	width: 100%;
	padding-top: 10px;
}
/********************* content main *********************/
.main {
	width: 728px;
	float: left;
	margin-left: 13px;
}
/********************* content ad1 *********************/
.ad1 {
	height: 90px;
	border: 1px solid #ececec;
	margin-bottom: 20px;
}
/********************* content article *********************/
.places{
	width: 200px;
	float: left;
	color: #fff; 
	background-color: #e1ecf8;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	margin-right: 13px;
	margin-bottom: 20px;
}

.places h3{
	background-color: #113888;
	font-family: 'Economica', sans-serif;
	font-size: 18px;
	line-height: 25px;
	margin-left: -1px;
	padding: 5px 0 5px 13px;
	color: #fff;
}
.places h4{
	background-color: #67c74d;
	font-family: 'Economica', sans-serif;
	font-size: 12px;
	line-height: 20px;
	margin-left: -1px;
	padding: 5px 0 5px 13px;
	color: #fff;
}



/********************* content article *********************/
.article {
	border-bottom: 2px dashed #dee8ff;
	margin-bottom: 10px;
	display: table;
	width: 510px;
}
.article h2 {
	font-size: 24px;
	color: #003366;
	line-height: 30px;
	font-family: 'Economica', sans-serif;
	border-bottom: 2px dashed #dee8ff;
	margin-bottom: 20px;
		
}
.article p{
	text-align: justify;
	margin-bottom: 10px;
}
.article h4 {
	font-size: 18px;
	color: #003366;
	line-height: 30px;
	font-family: 'Economica', sans-serif;
}
.col {
	width: 42%;
	margin-left: 10px;
	padding: 0 10px;
	border: 1px solid #dee8ff;
	float: left;
	margin-bottom: 20px;
}
.article ol{
	padding-left: 40px;
}
.article ul{
	padding-left: 40px;
}
.article a{
	color: #003366;
	text-decoration: none; 
}
.imgl {
	float: left;
	padding: 5px;
	background: #fff;
	margin: 5px 20px 5px 0;
	-moz-box-shadow:0 0 5px #a0b6cd;
	-webkit-box-shadow: 0 0 5px #a0b6cd;
	box-shadow: 0 0 5px #a0b6cd;
}
.imgn {
	float: left;
	padding: 5px;
	background: #fff;
	margin: 5px 5px 5px 0;
	-moz-box-shadow:0 0 5px #a0b6cd;
	-webkit-box-shadow: 0 0 5px #a0b6cd;
	box-shadow: 0 0 5px #a0b6cd;
}
.imgr {
	float: right;
	padding: 5px;
	background: #fff;
	margin: 5px 0 5px 20px;
	-moz-box-shadow:0 0 5px #a0b6cd;
	-webkit-box-shadow: 0 0 5px #a0b6cd;
	box-shadow: 0 0 5px #a0b6cd;
}
.divider1 { height:22px; }

.divider1, .divider2 {background:url(../images/divider1.png) no-repeat center top;}


.social {
	float: right;
	margin-bottom: 20px;
}
/********************* content sidebar *********************/

.sidebar {
	width: 270px;
	float: right;
	margin-left: 10px;
}
.ad2 {
	padding: 2px;
	background-color: #fff;
	-moz-box-shadow:0 0 5px #a0b6cd;
	-webkit-box-shadow: 0 0 5px #a0b6cd;
	box-shadow: 0 0 5px #a0b6cd;
	width: 250px;
	height: 250px;
	margin-bottom: 10px;
}
.ad3 {
	padding: 2px;
	background-color: #fff;
	-moz-box-shadow:0 0 5px #a0b6cd;
	-webkit-box-shadow: 0 0 5px #a0b6cd;
	box-shadow: 0 0 5px #a0b6cd;
	width: 250px;
	height: 100px;
	margin-bottom: 10px;
}
.interest {
	
}
.interest h3{
	font-family: 'Economica', sans-serif;
	font-size: 18px;
	line-height: 25px;
	height: 44px;
	background: url(../images/sidebarh3.png) no-repeat;
	margin-left: -1px;
	padding: 5px 0 0 13px;
	color: #fff;
}
.interest h4{
	font-family: 'Economica', sans-serif;
	font-size: 14px;
	line-height: 25px;
	height: 44px;
	background: url(../images/sidebarh3.png) no-repeat;
	margin-left: -1px;
	padding: 5px 0 0 13px;
	color: #fff;
}
.sidemenu {
	padding-left: 25px;
	list-style: square;
	color: #a7cbf2;
}
.sidemenu li a{
	display:block;
	line-height:25px;
	padding:0 0 0 5px;
	text-decoration:none; 
	color:#5b5a5a;
	border-top: 1px solid #e8f3ff;
	border-bottom: 1px solid #c1deff;
	margin-right: 10px;
}
.sidemenu li a:hover{
	color: #113888;
	text-shadow: 0px 1px 1px #74b7ff;
}
.kol {
	width: 40%;
	margin-right: 30px;
	float: left;
}
/********************* footer *********************/
#footer {
	background: url(../images/bg-footer.png) repeat-x #07202f;
	height: 60px;
	padding: 20px 10px;
}
.footlogo {
	float: left;
	width: 170px;
	
}
.footarticle {
	float: left;
	margin-left: 30px;
	width: 800px;
}
.footarticle a{
	text-decoration: none;
	color: #0092de;
}