/*
HTML 5 Template Name: Competitive
File: Layout CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

@import url(navi.css);
@import url(forms.css);
@import url(tables.css);
@import url(slider.css);
@import url(homepage.css);
@import url(gallery.css);
@import url(portfolio.css);

html{overflow-y:scroll;}

body{margin:0; padding:0; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; color:#989898; background-color:#FF9900;}

.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}
.clear{display:block; clear:both;}
html[xmlns] .clear{display:block;}
* html .clear{height:1%;}

a{outline:none; text-decoration:none;}

code{font-weight:normal; font-style:normal; font-family:Georgia, "Times New Roman", Times, serif;}

.fl_left{float:left;}
.fl_right{float:right;}

img{margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}
.imgholder, .imgl, .imgr{padding:4px; border:1px solid #D6D6D6; text-align:center;}
.imgl{float:left; margin:0 15px 15px 0; clear:left;}
.imgr{float:right; margin:0 0 15px 15px; clear:right;}

/*----------------------------------------------HTML 5 Overrides-------------------------------------*/

address, article, aside, figcaption, figure, footer, header, hgroup, nav, section{display:block; margin:0; padding:0;}

q{display:block; padding:0 10px 8px 10px; color:#979797; background-color:#ECECEC; font-style:italic; line-height:normal;}
q:before{content:'“ '; font-size:26px;}
q:after{content:' „'; font-size:26px; line-height:0;}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{display:block; width:960px; margin:0 auto; text-align:left;}

.row1, .row2, .row3{color:#989898; background-color:#FFFFFF; border-bottom:1px solid #D4D4D4;}
.row1 a, .row2 a, .row3 a{color:#BA2E1F; background-color:#FFFFFF;}

.row1{border-top:5px solid #BA2E1F; border-bottom:1px solid #D4D4D4;}
.row2{}
.row3{}
.row4{color:#989898; background-color:#131313;}
.row4 a{color:#BA2E1F; background-color:#131313;}
.row5, .row5 a{color:#666666; background-color:#000000;}

.main_menu{ background:#0000FF; height:35px;}
/*----------------------------------------------Generalise-------------------------------------*/

#header, #container, #footer, #copyright{display:block; width:900px; margin:0 auto; padding:0;}

h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-size:16px; font-weight:bold; line-height:normal; color:#666666; background-color:#FFFFFF; }

address{font-style:normal;}

blockquote, q{display:block; padding:8px 10px; color:#979797; background-color:#ECECEC; font-style:italic; line-height:normal;}
blockquote:before, q:before{content:'“ '; font-size:26px;}
blockquote:after, q:after{content:' „'; font-size:26px; line-height:0;}

.one_quarter, .two_quarter, .three_quarter{display:block; float:left; margin:0 0 0 20px;}
.one_quarter{width:210px;}
.two_quarter{width:440px;}
.three_quarter{width:670px;}

.one_third, .two_third{display:block; float:left; margin:0 0 0 30px;}
.one_third{width:280px;}
.two_third{width:590px;}

.first, .one_quarter:first-child, .two_quarter:first-child, .three_quarter:first-child, .one_third:first-child, .two_third:first-child{margin-left:0;}
.four_quarter, .three_third{width:100%; float:none; margin-left:0; clear:both;}

/*----------------------------------------------Header-------------------------------------*/

#header{padding:21px 0 30px 0;}

#header hgroup{margin:15px 0 0 0; float:left;}
#header hgroup h1, #header hgroup h2{font-weight:normal; font-style:normal; text-transform:none;}
#header hgroup h1{font-size:36px;}
#header hgroup h1 span{font-size:26px; text-transform:uppercase;}
#header hgroup h1 a{color:#666666; background-color:#FFFFFF;}
#header hgroup h2{font-size:13px;}

/*----------------------------------------------Content Area-------------------------------------*/

#container{padding:50px 0; line-height:1.6em;}
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{margin-bottom:20px;}
#container section{display:block; width:100%; margin:0 0 40px 0; padding:0;}
#container .last{margin:0;}
#container .more{text-align:right;}

/* ------Content-----*/

#container #content{float:left; width:590px; margin-bottom:0;}

/* ------Comments-----*/

#comments ul{margin:0 0 40px 0; padding:0; list-style:none;}
#comments li.comment_odd, #comments li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}
#comments li.comment_odd{color:#666666; background-color:#F7F7F7;}
#comments li.comment_odd a{color:#BA2E1F; background-color:#F7F7F7;}
#comments li.comment_even{color:#666666; background-color:#E8E8E8;}
#comments li.comment_even a{color:#BA2E1F; background-color:#E8E8E8;}
#comments article, #comments header{display:block; width:100%;}
#comments figure{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid #DEDACB; text-align:center;}
#comments figure img{float:inherit;}
#comments header address{font-weight:bold;}
#comments header time{font-size:smaller;}
#comments article section{margin:0; padding:0;}
#comments article section p{margin:10px 5px 10px 0; padding:0;}

/* ------Right Column-----*/

#container #right_column{float:right; width:280px;}

aside h2{padding-bottom:8px; font-size:16px; text-transform:uppercase; border-bottom:5px solid #CCCCCC; text-align:right;}

/*----------------------------------------------Footer-------------------------------------*/

#footer{padding:30px 0; line-height:1.6em;}

#footer section h2.title{margin-bottom:30px; font-size:13px; font-weight:normal; text-transform:uppercase; color:#666666; background-color:#131313;}

/* ------Quick Links-----*/

#footer section nav ul li{margin:5px 0 0 0; padding:0 0 5px 0; border-bottom:1px solid #2C2C2C;}
#footer section nav ul li:first-child, #footer section nav ul li.first{margin-top:0;}
#footer section nav ul li a{}

/* ------Blogposts-----*/

#footer section article header, #footer section article address, #footer section article time, #footer section article p{margin:0; padding:0;}
#footer section article p{margin-top:10px;}
#footer section article header h2{font-size:14px; font-weight:bold; text-transform:none; color:#989898; background-color:#131313;}
#footer section article address, #footer section article time{font-size:10px; font-style:normal;}

/*----------------------------------------------Copyright-------------------------------------*/

#copyright{padding:20px 0;}
#copyright p{margin:0; padding: 0;}

table tr td { border:none; }
.sitename{ font-family: "Arial Black"; font-size:36px; font-stretch:ultra-expanded; text-shadow:#009900; text-align:center; font-weight:bold; color:#006600;}
.newsblock{
background-image:url(../images/news_bg.jpg);
background-repeat:repeat-x;
width:960px;;
height:25px;
margin-left:auto; margin-right:auto;

/*box-shadow: 3px 3px 3px #888888;*/
}
.live_news{
float:left; 
background-image:url(../images/live_news.jpg);
background-repeat:no-repeat; 
width:92px; 
height:25px;
margin-top:5px;
}	
.news_txt{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;
margin-top:-25px;

}	
#conten_ser{
	float:left;
	background:url(../images/hr_rep_03.jpg) repeat-x;
	height:143px;
	padding-left:11px;
	padding-right:1px;
	margin-top:-5px;
}
#conten_serl{
	float:left;
	background:url(../images/hr_rep_03.jpg) repeat-x;
	height:143px;
	padding-left:2px;
	margin-top:-5px;
}	
#conten_sera{
	background:url(../images/hr_rep_03.jpg) repeat-x;
	height:143px;
}	
.setup_ser{
	float:left;
	padding-left:1px;
	/*padding-right:5px;*/
	margin-top:10px;
}	
.setup_tex{
	float:left;
	padding-left:5px;
	padding-top:15px;
	color:#ba2e1f;
	font-size:15px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	
}	
.setup_tex a{	
	color:#ba2e1f;
	font-size:15px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	
}	
.serv_matt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#878787;
	clear:both;
	/*padding-left:11px;*/
	float:left;
	line-height:19px;
	max-width:222px;
	padding-left:6px;
}	
.devide1{
	padding:10px;
	margin-left:232px;
	margin-top:12px;
}	
.read_img{
	clear:both;	
	float:left;
	text-align:right;	
	margin-top:5px;
	margin-left:145px;
}	
.serv_mattR{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#878787;
	padding-left:10px;
	clear:both;
}
.serv_mattR a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#878787;
	text-decoration:none;
}
table{ border:0;}
.accordion, .toggle {
	margin-bottom: 40px;
	margin-top: 10px;
}

.accordion h4, .toggle h4 {
	margin: 0;
	background: #555;
	background: -moz-linear-gradient(top, #888 0%, #555 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888), color-stop(100%,#555));
	background: -webkit-linear-gradient(top, #888 0%,#555 100%);
	background: -o-linear-gradient(top, #888 0%,#555 100%);
	background: -ms-linear-gradient(top, #888 0%,#555 100%);
	background: linear-gradient(top, #888 0%,#555 100%);
	border: 1px solid #555;
	-webkit-box-shadow: inset 0px 2px 1px 0px rgba(255, 255, 255, 0.1);
	-moz-box-shadow: inset 0px 2px 1px 0px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0px 2px 1px 0px rgba(255, 255, 255, 0.1); 
}

.accordion h4 a, .toggle h4 a {
	display: block;
	height: 15px;
	line-height: 15px;
	padding: 10px 10px 10px 40px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.8);
	font-size: 16px;
}

.accordion h4.acc-style-1 a, .toggle h4.acc-style-1 a {
	background: url(../images/accordion-closed.png) 20px 13px no-repeat;
}

.accordion h4.acc-style-2 a, .toggle h4.acc-style-2 a {
	background: url(../images/accordion-closed2.png) 12px 8px no-repeat;
}

.toggle h4.acc-style-faq a {
	background: url(../images/accordion-closed3.png) 15px 12px no-repeat;
}

.accordion h4.ui-state-active, .toggle h4.active {
	background: #222;
	background: -moz-linear-gradient(top, #444 0%, #222 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#222));
	background: -webkit-linear-gradient(top, #444 0%,#222 100%);
	background: -o-linear-gradient(top, #444 0%,#222 100%);
	background: -ms-linear-gradient(top, #444 0%,#222 100%);
	background: linear-gradient(top, #444 0%,#222 100%);
	border: 1px solid #222;
}

.accordion h4.acc-style-1.ui-state-active a, .toggle h4.acc-style-1.active a {
	background: url(../images/accordion-open.png) 18px 13px no-repeat;
}

.accordion h4.acc-style-2.ui-state-active a, .toggle h4.acc-style-2.active a {
	background: url(../images/accordion-open2.png) 12px 8px no-repeat;
}

.toggle h4.acc-style-faq.active a {
	background: url(../images/accordion-open3.png) 15px 12px no-repeat;
}

.accordion h4:hover, .accordion h4.ui-state-active:hover, .toggle h4:hover, .toggle h4.active:hover {
	background: #c52832;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#c52832), to(#a61c24));
	background: -webkit-linear-gradient(top, #c52832, #a61c24);
	background: -moz-linear-gradient(top, #c52832, #a61c24);
	background: -o-linear-gradient(top, #c52832, #a61c24);
	background: -ms-linear-gradient(top, #c52832, #a61c24);
	background: linear-gradient(top, #c52832, #a61c24);
	border: 1px solid #a61c24;
}

.accordion div, .toggle div {
	background: #fff;
	padding: 20px;
	font-size: 12px;
}

.sidebar-nav {
	
}

.sidebar-nav ul {
	margin: 0;
	border: 1px solid #ccc;
}

.sidebar-nav h4 {
	background: #444;
	background: -moz-linear-gradient(top, #444 0%, #222 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#222));
	background: -webkit-linear-gradient(top, #444 0%,#222 100%);
	background: -o-linear-gradient(top, #444 0%,#222 100%);
	background: -ms-linear-gradient(top, #444 0%,#222 100%);
	background: linear-gradient(top, #444 0%,#222 100%);
	border-bottom: 1px solid #222;
	color: #eee;
	width: 240px;
	padding: 10px 20px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	margin-bottom: 0;
}
.sidebar-nav h4 a:hover{ background: #ae1f28;
	background: -moz-linear-gradient(top, #ae1f28 0%, #222 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ae1f28), color-stop(100%,#222));
	background: -webkit-linear-gradient(top, #ae1f28 0%,#222 100%);
	background: -o-linear-gradient(top, #ae1f28 0%,#222 100%);
	background: -ms-linear-gradient(top, #ae1f28 0%,#222 100%);
	background: linear-gradient(top, #ae1f28 0%,#222 100%);
	border-bottom: 1px solid #222;}
.sidebar-nav ul li {
	padding: 0;
}

.sidebar-nav ul li a {
	display: block;
	padding: 10px 20px;
	background: #fafafa url(../images/sidenav-normal.jpg) repeat-y left center;
	border-bottom: 1px solid #ccc;
	color: #888;
	-webkit-box-shadow: inset 0px 1px 0px 1px rgba(255, 255, 255, 0.1);
	-moz-box-shadow: inset 0px 1px 0px 1px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0px 1px 0px 1px rgba(255, 255, 255, 0.1); 
	font-size: 11px;
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

.sidebar-nav ul li a:hover, .sidebar-nav ul li.active a:hover {
	display: block;
	padding: 10px 16px 10px 20px;
	/*background: #f4f4f4 url(../images/sidenav-hover.png) no-repeat right center;*/
	color: #000;
	text-shadow: none;
	border-bottom: 1px solid #ccc;
}

.sidebar-nav ul li.active a {
	background: #c52832 url(../images/sidenav-active.jpg) repeat-y left center;
	border-bottom: 1px solid #a61c24;
	color: #eee;
	text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

.sidebar-nav ul li.last-child a {
	border-bottom: none;
}

.sidebar-nav ul li.first-child a {
	border-top: none;
}

.sidebar-nav ul ul {
	display: block;
	padding: 10px 20px;
	background: #d3d3d3 url(../images/sidenav-sub-bg.jpg) repeat-y left center;
	color: #888;
	-webkit-box-shadow: inset 0px 1px 0px 1px rgba(255, 255, 255, 0.1);
	-moz-box-shadow: inset 0px 1px 0px 1px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0px 1px 0px 1px rgba(255, 255, 255, 0.1); 
	font-size: 11px;
	font-weight: bold;
	text-shadow: 0 1px 1px rgba(255,255,255,1);
}

.sidebar-nav ul ul li a {
	background: none;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ddd;
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
	text-shadow: 0 1px 0 rgba(255,255,255,0.1);
	color: #888;
}

.sidebar-nav ul ul li a:hover {
	background: #d3d3d3 url(../images/sidenav-hover.png) no-repeat 0 center;
}
ul{ list-style:none; padding:0; margin:0;}
.regno{ color:#000000; font-weight:bold;}

.button {
	color: #eeeeee;
	font-weight: bold;
	text-align: center;
	text-shadow: 0px -1px 1px rgba(0, 0, 0, .3);
	background: #b8b8b8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b8b8b8), to(#929292));
	background: -webkit-linear-gradient(top, #b8b8b8, #929292);
	background: -moz-linear-gradient(top, #b8b8b8, #929292);
	background: -o-linear-gradient(top, #b8b8b8, #929292);
	background: -ms-linear-gradient(top, #b8b8b8, #929292);
	background: linear-gradient(top, #b8b8b8, #929292);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .3), inset 0px 1px 0px 0px rgba(255, 255, 255, .5);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .3), inset 0px 1px 0px 0px rgba(255, 255, 255, .5);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .3), inset 0px 1px 0px 0px rgba(255, 255, 255, .5);
	position: relative;
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
}

.button.small {
	font-size: 12px;
	padding: 6px 15px;
}
.button:hover {
	background: #c52832;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#c52832), to(#a61c24));
	background: -webkit-linear-gradient(top, #c52832, #a61c24);
	background: -moz-linear-gradient(top, #c52832, #a61c24);
	background: -o-linear-gradient(top, #c52832, #a61c24);
	background: -ms-linear-gradient(top, #c52832, #a61c24);
	background: linear-gradient(top, #c52832, #a61c24);
	text-decoration: none;
	color: #fff;
}