/*************************************
 * Conf
 */

/* Sizes */
@area_header_h: 140px;
@area_left_w: 210px;
@area_right_w: 260px;
@area_footer_h: 75px;
@areas_spacer: 10px;
@area_map_h: 26px;

/*************************************
 * Reset CSS
 */

/* by Yahoo with some corrections */
html{color:#000;background:#fff}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0}
address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}
del,ins{text-decoration:none}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}

/* addons */
p {margin: 0 0 18px}
input {vertical-align:middle}
label {cursor:pointer}
strong {font-weight:bold}

/*************************************
 * CSS
 */

html {
	height: 100%;
}
body {
	width: 100%;
	height: 100%;

	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

.rounded-corners (@radius: 5px) {
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	border-radius: @radius;
	behavior: url('/style/css3_pie/PIE.htc');
}

/*************************************
 * INPUT
 */
.txt-login { font-size:11px; border:#666 1px solid; color:#666; width:170px; padding:2px; margin-bottom:5px; }
.bt-login { border:#777 1px solid; color:#000; padding:2px 5px; }

.txt-subscribe { padding:1px; }
.bt-subscribe { padding:1px 5px; }

.big-button { padding:5px 10px; margin:3px 0; font-weight:bold; }

/*************************************
 * Captain
 */
.text-center { text-align:center; }
.color-gray { color:#888888; }
.text-align-right { text-align:right; }

/*************************************
 * MSG OUT
 */

div.msg-error,
div.msg-ok,
div.msg-notice { margin:0 0 5px 0; }

div.msg-error ul,
div.msg-ok ul,
div.msg-notice ul { margin-left:15px; }

div.msg-error li { list-style:square; font-weight:bold; color:#c52000; }
div.msg-ok li { list-style:square; font-weight:bold; color:green; }
div.msg-notice li { list-style:square; font-weight:bold; color:#4a88a4; }

/*************************************
 * Table with 1px solid border
 */

table.btb { border-collapse:collapse; }
table.btb tr.btb-tr > td, table.btb td.btb-td { border:1px solid #000; padding:3px; }
table.btb tr.colhead > td, table.btb td.colhead { background-color:#ccc; color:#333; font-weight:bold; }

/*************************************
 * Page
 */

a { color: #e20000; text-decoration:underline; }
a:hover { text-decoration:none; }

span.small { font-size:7pt; }
span.warning { font-weight:bold; color:#ff0000; }
span.comment { color:#888888; }

div#mp-area-center li,
div#mp-area-news-footer li {
	list-style: disc;
	margin: 0 .2em .3em 2.5em;
}

/* Titles */

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	color: #000;
}
h1{
	font-size: 30px;
}
h2{
	font-size: 24px;
}
h2.news-title{margin:0 0 20px 0;}
h3{
	font-size: 20px;
	padding: 0 0 25px 0;
}
h2.news-block-title{margin:0 0 6px 0;}
h4{
	font-size: 14px;
	font-weight:bold;
	padding: 15px 0;
}

/* Titles */

div.page-head {
	margin: 0 3px 20px 0;
	padding: 0 0 3px 0;
	text-align:right;

	border-bottom: 2px solid #4193d8;

	font-size: 16px;
	font-weight: bold;
	color: #006699;
}

/* Lists */
ul.list_round { margin:10px 0 20px 20px; }
ul.list_round li { margin-bottom:7px; }

/* news */
div.news-row {
	display:inline-block;
	width:100%;
}
div.news-block {
	width:33%;
	float:left;

	div.news-container {
		position:relative;
		margin:15px;
		padding:10px;

		&.first {
			border: 2px solid #d6d6d6;
			background-color: #fffae4;

			img.news-warning {
				position:absolute;
				top:-20px;
				right:-20px;
			}
		}
	}
}

/*************************************
 * TPL
 */

div#mp-wrapper {
	width: 100%;
	margin:0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	min-width:970px;
}

div#mp-area-header {

	position:relative;
	width: 100%;
	height:@area_header_h;
	line-height:@area_header_h;

	background:#eaeaea url('/img/tpl1/top_bg.png') repeat-x 0 25px;

	div.pLogo {
		float:left;
		position:relative;
		left:50px;
		height:100%;
		width:280px;
		background:url('/img/tpl1/bas_logo.png') no-repeat 0 25px;
		cursor: pointer;
	}

	div.pLang {
		position:absolute;
		top: 27px;
		right:50px;
		line-height:normal;
		text-shadow:1px 1px 0 #fff;
	}

	div.pContact {
		position:absolute;
		top: @area_header_h / 2 + 19px;
		right:50px;
		color:#e20000;
		line-height:normal;
		text-shadow:1px 1px 0 #fff;
	}

	a {
		text-decoration:none;
		&:hover { text-decoration:underline; }
	}
}

div#mp-area-submenu {
	width:100%;
	height:100px;
	background:#dcb529 url('/img/tpl1/submenu_top_shadow.png') repeat-x 0 0;
	border-bottom:1px solid #d6d6d6;

	&.baners-rotator {
		height:320px;
		border-bottom:2px solid #d6d6d6;
	}
}

div#mp-area-all {
	padding: 0 0 @area_footer_h + @areas_spacer; /* footer height + padding */
}

div#mp-area-all:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

div#mp-area-center {
	zoom:1; /* IE6 fix */
	overflow: hidden;

	padding:30px 25px;

	font-size:15px;
}

div#mp-area-left {
	float:left;
	width:@area_left_w - @areas_spacer;

	zoom:1; /* IE6 fix */
	overflow: hidden;

	padding:15px @areas_spacer 0 20px; /* spacer between left and right */

	a {
		display:block;
		margin-bottom:5px;

		&.sel {
			font-weight:bold;
			background:url('/img/tpl1/sub_menu_arrow.gif') no-repeat 100% 5px;
		}
	}
}

div#mp-area-right {
	float:right;
	width:@area_right_w - @areas_spacer;

	zoom:1; /* IE6 fix */
	overflow: hidden;

	padding:20px 20px 0 @areas_spacer; /* spacer between left and right */
}

div#mp-area-footer {
	width: 100%;
	position:relative;
	margin-top:-@area_footer_h; /* footer height + footer shadow height + top/bottom border height */
	height:@area_footer_h - 3px;

	border-top:3px solid #eccb42;
	background-color:#ccc;
	text-shadow:1px 1px 0 #fff;
	color:#666666;

	div.pCopy {
		float:left;
		margin-top:(@area_footer_h - 3px) / 2 - 14px;
		margin-left:20px;
	}
}

div#mp-area-news-footer {
	clear:both;
	border-top:1px dotted #777;
	margin:0 50px;
	padding:20px 0;
}

/*************************************
 * Navigation
 */

div#mp-area-menu {

	width:100%;
	height:25px;
	line-height:25px;

	ul {

		width:100%;
		display:table;

		li {
			position:relative;
			display:table-cell;
			margin:0 3px;
			list-style:none;
			text-align:center;
			background-color:#eccb42;
			letter-spacing:1px;

			a {
				font-size: 14px;
				color: #004584;
				font-weight:bold;
				text-decoration: none;
				text-transform: uppercase;
				text-shadow:1px 1px 0 #fbe382;
			}
			a:hover {
				text-decoration: none;
				color:#e9182b;
			}

			div.pContainer { position:relative; }

			div.pMenu {
				position: absolute;
				top:20px;
				display: none;
				z-index: 11;
				width:auto;
				line-height:normal;

				background-color:#f8c836;
				padding: 11px 15px 5px 15px;

				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=88)";
				filter: alpha(opacity=88);
				opacity: .88;

				line-height:normal;

				ul {
					display:inline;
					width:auto;

					li {
						display:inline;
						text-align:left;
						margin:0;
						white-space: nowrap;

						a {
							color: #000099;
							display: block;
							padding:0;
							margin:0 0 10px 0;
							font-size:12px;
							text-transform:none;
						}
						a:hover {
							text-decoration: none;
							color:#e9182b;
						}
					}
				}
			}
		}
	}
}

div#mp-area-map1 {
	height:@area_map_h;
	width:100%;
	background-color:#e0e0e3;

	div.pLeft {
		height:@area_map_h;
		width:@area_left_w;

		zoom:1; /* IE6 fix */
		overflow: hidden;

		line-height:@area_map_h;
		background-color:#ceced3;
		color:#000;
		font-weight:bold;
		padding-left:20px;

		img {
			margin-left:5px;
		}
	}
}

div#mp-area-social {
	margin-bottom:15px;
	text-align:center;
}

div#mp-area-subscribe {
	background-color:#ffe89a;
	.rounded-corners(7px);
	padding:10px;
	margin-bottom:15px;
}

div#mp-area-gallery {
	margin-bottom:15px;

	b {
		display:block;
		padding:0 0 10px 10px;
	}
	div {
		text-align:center;
	}
	img {
		margin:7px;
	}
}

/*************************************
 * Nivo slider
 */

div#nivo-slider1 {

	.nivoSlider {
		margin:0 auto 0 auto;
		width:624px; /* Make sure your images are the same size */
		height:272px; /* Make sure your images are the same size */

		position:relative;
		background:url('/img/nivo_slider/loading.gif') no-repeat 50% 50%;

		img {
			position:absolute;
			top:0px;
			left:0px;
			display:none;
		}

		a {
			border:0;
			display:block;
		}
	}

	.nivo-controlNav {
		position:absolute;
		left:50%;
		bottom:-42px;
		margin-left:-40px; /* Tweak this to center bullets */

		a {
			display:block;
			width:22px;
			height:22px;
			background:url('/img/nivo_slider/bullets.png') no-repeat;
			text-indent:-9999px;
			border:0;
			margin-right:3px;
			float:left;

			&.active {
				background-position:0 -22px;
			}
		}
	}

	.nivo-directionNav a {
		display:none;
	}

	.nivo-caption {
		font-family: Helvetica, Arial, sans-serif;

		a {
			color:#fff;
			border-bottom:1px dotted #fff;

			&:hover {
				color:#fff;
			}
		}
	}
}

/*************************************
 * Pages
 */

div.pages-container { margin:15px 0; text-align:center; clear:both; }

div.pages-container a,
div.pages-container span {
	padding:3px 6px;
	margin-right:3px;
	border:1px solid;
	text-decoration:none;
	color:#535353;
	font-size:9px;
	background-color:#dfdfdf;
	border-color:#535353;

	/* corners */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url('/style/css3_pie/PIE.htc');
}

div.pages-container span.pages-item-starter {}
div.pages-container a.pages-item-list {}
div.pages-container a.pages-item-active { font-weight:bold; background-color:#555; color:#fff; }
div.pages-container span.pages-item-spacer { font-weight:bold; }

/*************************************
 * Table tb2
 */

table.tb2 { margin-bottom:20px; }
table.tb2 td { padding:5px; }

table.tb2 td.tb_title {
	width:260px;
	text-align:right;
}

table.tb2 td.tb_input,
table.tb2 td.tb_checkbox,
table.tb2 td.tb_radiobox {
	text-align:left;
}

table.tb2 td.tb_button {
	padding-top:15px;
}

table.tb2 td.tb_input input {
	width:300px;
	padding:3px;
}

table.tb2 td.tb_input textarea {
	width:300px;
	height:64px;
	padding:3px;
}

table.tb2 td.tb_button input {
	cursor: pointer;
	font-weight:bold;
	padding:5px 7px;
}


/*************************************
 * Tabs menu V1 (a.wp)
 */

div.menu_tabs_v1 {
	margin:3px 0 10px 0;
	padding:0 0 3px 0;
	border-bottom: 3px solid #535353;
}

div.menu_tabs_v1 ul li {
	display: inline;
	list-style: none !important;
	margin:0 !important;
}

div.menu_tabs_v1 ul li a {
	padding: 3px 9px;
	background-color: #b9b9b9;
	font-size:14px;
	color: #000;
	text-decoration: none;
}

div.menu_tabs_v1 ul li a.selected,
div.menu_tabs_v1 ul li a.selected:hover {
	background: #535353;
	color: #fff;
	font-weight:bold;
}

div.menu_tabs_v1 ul li a:hover {
	background: #cdcdcd;
	color: #000;
}