/*
Credit: http://www.templatemo.com
*/

body {
	margin: 0;
	padding: 0;
	color: #333;
	font-family: Arial narrow, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	line-height: 1.4em;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(120,145,160,1.00) 21.24%,rgba(29,73,99,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(120,145,160,1.00) 21.24%,rgba(29,73,99,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(120,145,160,1.00) 21.24%,rgba(29,73,99,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(120,145,160,1.00) 21.24%,rgba(29,73,99,1.00) 100%);

}

a, a:link, a:visited { color: #00517D; font-weight: normal; text-decoration: none; }
a:hover { text-decoration: underline; color:#007CBF }

a.gototop { clear: both; display:block; float: right; margin-top: 40px; height: 20px; line-height: 20px; font-size: 14px; color: #003561; font-weight: 700; padding-left: 15px; background: url(../images/go_to_top.png) scroll 0 3px no-repeat }

p { margin: 0 0 10px 0; padding: 0;text-align:justify; text-indent:40px; }     
p.noindent    {text-indent:0 }                 

img { border: none; }
em { color: #00517D }
blockquote { font-style: italic; margin: 0 0 20px 0}
cite { font-weight: bold; color:#007CBF; }
cite a, cite a:link, cite a:visited  { font-size: 15px; text-decoration: none; font-style: normal }
cite a:hover { text-decoration: underline; color:#007CBF }
cite span { font-weight: 400; color: #1f3760; }

h1, h2, h3, h4, h5, h6{ color: #1f3760; font-weight: normal; }
h1 { font-size: 33px; margin: 0 0 30px; padding: 5px 0 }
h2 { font-size: 28px; margin: 0 0 25px; padding: 5px 0 }
h3 { font-size: 23px; margin: 0 0 20px; padding: 0; }
h4 { font-size: 21px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 19px; margin: 0 0 10px; padding: 0;  }
h6 { font-size: 17px; margin: 0 0 5px; padding: 0; font-weight: 700 }

.center {text-align:center;margin: 20px; }  
 
.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.divider { margin-bottom: 40px; padding-bottom: 20px; background: url(../images/templatemo_divider.png) repeat-x bottom }

.float_l { float: left }
.float_r { float: right }


.tmo_list { margin: 10px 0 10px 30px; padding: 0; list-style: decimal-leading-zero }
.tmo_list li { color:#00517D; margin: 0 0 10px 0; padding: 0 5px 0 0; background: url(../images/templatemo_list.png) no-repeat scroll 0 5px  }
.tmo_list li a { color: #00517D; font-weight: normal }
.tmo_list li a:hover { color: #007CBF }

h3.ssilkaWhite , p.ssilkaWhite {line-height: 1.4em;color: #FFFFFF}
a.ssilkaWhite:hover {color: #007CBF }
a.ssilkaBlack {color: #00517D;  font-weight: 700 }


#templatemo_wrapper {margin: 0 0;text-shadow: 0 0px;}
#templatemo_header {padding: 40px 0 10px;margin: 0 auto;}
#templatmeo_menuBox {padding: 10px;height: 50px;background: #213D53;min-width: 1020px}
#templatmeo_menu {margin:0 auto;width: 850px}
#templatemo_main {padding:0 30px;background: #FFFFFF;margin: 0 auto;width: 1000px}
#templatemo_footer {padding: 40px 0 20px;margin: 0 auto;text-align: center;color: #000;width: 1020px;}

#ssilka10 {
	float : right;
	width: 250px;
	margin: 0;
	overflow: hidden;
	background-image: -webkit-linear-gradient(86deg,rgba(33,61,83,1.00) 0%,rgba(121,152,176,1.00) 51.81%,rgba(121,152,176,1.00) 51.82%,rgba(39,68,90,1.00) 100%,rgba(33,61,83,1.00) 100%);
	background-image: -moz-linear-gradient(86deg,rgba(33,61,83,1.00) 0%,rgba(121,152,176,1.00) 51.81%,rgba(121,152,176,1.00) 51.82%,rgba(39,68,90,1.00) 100%,rgba(33,61,83,1.00) 100%);
	background-image: -o-linear-gradient(86deg,rgba(33,61,83,1.00) 0%,rgba(121,152,176,1.00) 51.81%,rgba(121,152,176,1.00) 51.82%,rgba(39,68,90,1.00) 100%,rgba(33,61,83,1.00) 100%);
	background-image: linear-gradient(4deg,rgba(33,61,83,1.00) 0%,rgba(121,152,176,1.00) 51.81%,rgba(121,152,176,1.00) 51.82%,rgba(39,68,90,1.00) 100%,rgba(33,61,83,1.00) 100%);
}
#ssilka11{font-family: Arial Narrow;overflow:hidden;padding: 0;}
#ssilka11 li{
	list-style-type: none;width: 230px;
	padding:0 ;
	margin: 0;
	line-height: 40px;
	background-color: #213D53;
	background-image: -webkit-linear-gradient(270deg,rgba(122,144,163,1.00) 0%,rgba(33,61,83,1.00) 32.64%,rgba(33,61,83,1.00) 70.46%,rgba(117,140,156,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(122,144,163,1.00) 0%,rgba(33,61,83,1.00) 32.64%,rgba(33,61,83,1.00) 70.46%,rgba(117,140,156,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(122,144,163,1.00) 0%,rgba(33,61,83,1.00) 32.64%,rgba(33,61,83,1.00) 70.46%,rgba(117,140,156,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(122,144,163,1.00) 0%,rgba(33,61,83,1.00) 32.64%,rgba(33,61,83,1.00) 70.46%,rgba(117,140,156,1.00) 100%);
}
#ssilka11 li a{color:#FFFFFF;text-decoration: none;font-size:95%;height: 50px; display: block;border-top: 1px solid #FFFFFF;text-align:left;	overflow:hidden;}
#ssilka11 a:hover{background:	#CA2418;color:#F9F9F9;transition:	all 1s;}
#ssilka12{margin:12px 0;padding: 0;}

#site_title { display: block; width: 430px; margin: 0 auto; }
#site_title a { display: block; width: 430px; height: 50px; text-indent: -10000px; background: url(../images/templatemo_logo.png) no-repeat }

#templatmeo_menu ul { margin: 0 auto; padding: 0; list-style: none }
#templatmeo_menu ul li { margin: 0; padding: 0; }
#templatmeo_menu ul li a { display: block; position: relative; float: left; margin-left: 10px; width: 160px; height: 49px }
#templatmeo_menu ul li a span { position: absolute; width: 30px; height: 30px; top: 8px; left: 10px; }
#templatmeo_menu ul li a.home { background: url(../images/btn_home.png) }
#templatmeo_menu ul li a.home span { background: url(../images/icon_home.png) }
#templatmeo_menu ul li a.home:hover span {  background: url(../images/icon_home_hover.png) }

#templatmeo_menu ul li a.about { background: url(../images/btn_about.png) }
#templatmeo_menu ul li a.about span { background: url(../images/icon_about.png) }
#templatmeo_menu ul li a.about:hover span {  background: url(../images/icon_about_hover.png) }

#templatmeo_menu ul li a.portfolio { background: url(../images/btn_portfolio.png) }
#templatmeo_menu ul li a.portfolio span { background: url(../images/icon_portfolio.png) }
#templatmeo_menu ul li a.portfolio:hover span {  background: url(../images/icon_portfolio_hover.png) }

#templatmeo_menu ul li a.services { background: url(../images/btn_services.png) }
#templatmeo_menu ul li a.services span { background: url(../images/icon_services.png) }
#templatmeo_menu ul li a.services:hover span {  background: url(../images/icon_services_hover.png) }

#templatmeo_menu ul li a.contact { background: url(../images/btn_contact.png) }
#templatmeo_menu ul li a.contact span { background: url(../images/icon_contact.png) }
#templatmeo_menu ul li a.contact:hover span {  background: url(../images/icon_contact_hover.png) }

#templatemo_main h1 , h2.zag{padding: 10px 0 10px 25px; font-size: 33px; background: url(../images/header.png) no-repeat left center }
#templatemo_main h4 {padding: 10px 0 10px 25px; font-size: 21px; background: url(../images/next_8934.png) no-repeat left center }

.main_box { min-height: 600px; padding: 30px 0; margin-bottom: 30px; background: url(../images/divider.png) repeat-x bottom }

.img_float_l { float: left; margin: 3px 30px 5px 0 }
.img_float_r { float: right; margin: 3px 0 5px 30px } 
.img_frame { border: 1px solid #2f323b; background: #292E38; padding: 5px; margin: 15px }
.img_frame1 { border: 1px solid #2f323b; background: #292E38; padding: 5px; margin: 10px 0 }

#gallery { margin: 0; padding: 0; list-style: none }
#gallery li { margin: 0; padding: 0; }
#gallery li a { display: block; float: left; margin: 0 5px 5px 0; border: 6px solid #181b21  }
#gallery li a.no_margin_right { margin-right: 0 }

#services h3 { margin-bottom: 30px }
#services p { margin-bottom: 30px }

#contact_form { padding: 0; width: 380px }
#contact_form form { margin: 0px; padding: 0px; }
#contact_form form .input_field { width: 250px; padding: 5px; color: #ffffff; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; border: 1px solid #15171d;  background: #30333c; }
#contact_form form label { display: block;font-size: 11px }
#contact_form form textarea { width: 369px; height: 160px; padding: 5px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #ffffff; font-size: 12px; border: 1px solid #15171d;  background: #30333c;  }
#contact_form form .submit_btn { font-size: 11px; background: #15171d; color: #fff; cursor:pointer; border: 1px solid #30333c; padding: 4px 10px; }

.twitter_post { margin: 0; padding: 0; list-style: none }
.twitter_post li { margin: 0 0 20px }

.col { float: left; margin-right: 50px; }
.col_12 { width: 448px }
.col_13 { width: 283px }
.col_23 { width: 613px }
.no_margin_right { margin-right: 0 }