@import "reset.css";
body { font-family:Arial;font-size:12px;line-height:20px;color:#fff;text-align:left; text-align:justify; background:#cacbcd url('../images/arka1.png') repeat-x; margin:0; padding:0;}

a{ color:#ddd; text-decoration:underline; outline:none}
a:hover { color:#fff; text-decoration:none;}
.left{ float:left} .right{ float:right} .clear  {clear:both;}  .left_20{ margin-left:20px} .left_30{ margin-left:30px} .right_20{ margin-right:20px}.right_10{ margin-right:25px}

h4 a{ color:#003781; text-decoration:none; outline:none}
h4 a:hover { color:#003781; text-decoration:underline;}

.grid_50{ width:49%;}
.grid_30{ width:205px;}
.grid_70{ width:710px;}
.grid_200{ width:200px;}
.grid_420{ width:380px;}
.grid_430{ width:456px;}
.grid_245{ width:245px;}
.grid_350{ width:360px;}
.grid_470{ width:470px;}
.grid_170a{ width:190px;}

/*   -----------------------------------------------------------------------------*/ 
.centr{ width:940px; margin:0 auto; position:relative; min-height:100px}
div.bg{ width:100%; height:100%; position:absolute; right:0; top:0; z-index:0}
div.bg > img{ position: fixed; width:100%; min-width:1500px; right:0}
div.header{ height:280px; padding-top:30px; padding-bottom:20px}
#logo{ opacity:1}

/* ----  menu   ----*/
ul.menu{ margin:0; padding:0; }
ul.menu > li{ display: block; background:url(../images/bg_menu1.png) left top repeat; height:40px; border-bottom:1px #7b81d2 solid; border-right:1px #7b81d2 solid; margin-bottom:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative; }
ul.menu > li > a{ font-size:16px; font-weight:bold; text-decoration:none; line-height:40px; display:block; width:155px; height:100%; padding-left:50px;}
ul.menu li a.bg_1{ background:url(../images/sag1.png) 10px 50% no-repeat}
ul.menu li a.bg_2{ background:url(../images/sag1.png) 10px 50% no-repeat}
ul.menu li a.bg_3{ background:url(../images/sag1.png) 10px 50% no-repeat}
ul.menu li a.bg_4{ background:url(../images/sag1.png) 10px 50% no-repeat}
ul.menu li a.bg_5{ background:url(../images/sag1.png) 10px 50% no-repeat}

div.bg_yok{ border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; padding:0px;  color:#4e4e4e; border-bottom:0px #b2bbcb solid; border-right:0px #b2bbcb solid;}
div.bg_whitef{ border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; padding:0px;  color:#4e4e4e; border-bottom:0px #b2bbcb solid; border-right:0px #b2bbcb solid;}
div.bg_white{ background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px;  color:#4e4e4e; border-bottom:1px #b2bbcb solid; border-right:1px #b2bbcb solid;}
div.bg_white h4{ font-size:18px; line-height:16px; font-family:Arial; font-weight: bold; padding-top:10px; padding-bottom:0px; border-bottom:0px #000 dotted; color:#003781; margin-bottom:15px; }

div.bg_whitea{ background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px;  color:#4e4e4e; border-bottom:1px #b2bbcb solid; border-right:1px #b2bbcb solid;}
div.al_center{ text-align:center;}
div.banners{ padding-bottom:20px}
div.banners a{ color:#01314a; text-decoration:none;  line-height:36px}
div.banners div.bg_white{ padding-bottom:0}
div.banners div.bg_white:hover a{ text-decoration:underline; color:#000}
.pad_0{ padding:0px!important}
.pad_10{ padding:10px!important}
.pad_20{ padding:20px!important}
.pad_20a{ padding:5px!important}
div.bg_blue{ background:#03334d; padding:10px; color:#fff;}

div.header div.bg_white{ height:254px; position:relative}
a.big_arrow{ width:162px; height:73px; background:url(../images/bg_big_arrow.png) left top no-repeat; position:absolute; z-index:10; right:0; bottom:0;}
a.big_arrow span{ background:url(../images/big_arrow.png) 50% bottom no-repeat; display:block;width:162px; height:73px;}
a.big_arrow span:hover{ background:url(../images/big_arrow.png) 50% 9px no-repeat;}

/* ---  content   ---*/ 

h1{ font-size:17px; line-height:30px; font-family:Arial; font-weight: normal; padding-top:5px; padding-bottom:5px; border-bottom:1px #000 dotted; color:#003781; margin-bottom:15px; }
h1 span{ display:block; color:#fff; font-size:18px; text-align:center; line-height:24px}

h3{ color:#2391b5; font-size:18px; font-family:Arial; padding-bottom:10px; padding-top:2px}

div.bg_blue h1{ border-bottom-color:#fff; color:#fff;}
div.price{ color:#7aa40a; font-size:14px; text-align:center}
div.price b{ font-size:28px; font-weight:normal}
div.price a.mail{ display:block; background:url(../images/bg_mail.jpg) 50% top no-repeat; padding-top:40px; margin-top:14px; color:#1099c5; font-size:14px}
a.buy_now{ background:#50bad2; display:block; width:190px; height:50px; text-align:center; margin:14px auto; line-height:50px; text-decoration:none; text-transform:uppercase; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; color:#cfe6ed; font-weight:bold; font-size:24px}
a.buy_now:hover{ color:#fff}

a.links{ color:#1099c5}
.table_text{ display:table;}

a.more{ background:#53bfd6; display:block; text-align:center; line-height:25px; font-weight:bold; text-decoration:none; width:100px; height:25px; color:#fff;
 border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;  font-size:12px; text-transform:uppercase; margin-top:10px; cursor:pointer}
a.more:hover{ background:#00749a;}

img.photo{ margin-top:4px; margin-bottom:10px}
img.photoa{ margin-top:0px; margin-bottom:4px; opacity:1.0; filter:alpha(opacity=100);}
img.photoa:hover{ margin-top:0px; margin-bottom:4px; opacity:0.5; filter:alpha(opacity=50);}

ul.list li{ display:block;background:#003781;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:25px; position:relative; margin-bottom:5px}
ul.list li:hover{ background:#f67000;}
ul.list li a{ padding-left:16px; font-size:13px; display:block; text-decoration:none; color:#fff; line-height:25px; background:url(../images/arrow.png) 7px 50% no-repeat}

ul.liste li{ display:block;background:#f67000;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:25px; position:relative; margin-bottom:5px}
ul.liste li:hover{ background:#003781;}
ul.liste li a{ padding-left:16px; font-size:13px; display:block; text-decoration:none; color:#fff; line-height:25px; background:url(../images/arrow.png) 7px 50% no-repeat}

/* ------    FOOTER      -----------*/ 
div.footer{ padding-top:20px; padding-bottom:20px}
.copy{ color:#7c9ca9; font-size:11px; line-height:14px}
div.footer div.left{ color:#fff; font-size:11px}
div.footer div.left a{ color:#5ccaee; font-size:11px}

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

/*CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC */ 

.carousel-box{position:relative; z-index:0; left:0; top:2px;  width:689px; height:249px}
.carousel{height:249px}
.carousel ul{ overflow:hidden; width:700px; height:249px}
.carousel ul li{ width:689px; height:249px}
.prev{ background: url(../images/left.png) left top no-repeat; width:21px; height:47px; position: absolute; opacity:.8; z-index:100; left:0px; top:40%; cursor:pointer; z-index:101}
.next{  background: url(../images/right.png) left top no-repeat; width:21px; height:47px; position: absolute; opacity:.8;  z-index:100; right:0px; top:40%; cursor:pointer; z-index:101}
.prev:hover{ opacity:1}
.next:hover{ opacity:1}

/*====================== Read More ====================*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; font-size:12px; font-family:Arial }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/*================= Contacts =========================*/

.notification_error{ height: auto;width: 96%;padding: 2px;background: #ffffff; text-align: left; color:#f00; margin-bottom:2px; border: 1px solid #c0c0c0;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.notification_ok{ border: 1px solid #a3b5b9 ; height: auto; width: 96%; padding: 8px; background: #ffffff; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#1b3d45} 

.pinn { border:0;  background:#53bfd6; display:block; text-align:center; line-height:25px; font-weight:bold; text-decoration:none; width:100px; height:25px; color:#fff;
 border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;  font-size:12px; text-transform:uppercase; margin-top:10px; cursor:pointer}
.pinn:hover{ text-decoration:none; opacity:1; background:#1f4265}


/* Label */
label  { width: 90px;  margin: 0px; float: left; text-align: left; line-height:35px;}

/* Input, Textarea */
input{ margin: 0px; padding: 0px;  float: left; border: 1px solid #c0c0c0;  color: #9eaec8; background:#ffffff; font: 14px Arial, Helvetica, Arial, sans-serif; height:35px; margin-bottom:3px; width:280px;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom:5px;border-bottom:1px #35445b solid; padding-left:5px}

textarea{margin: 0px; padding: 0px;  float: left; background:#fff; border: 1px solid #c0c0c0;  color: #9eaec8;   font: 14px Arial, Helvetica, Arial, sans-serif; height:150px; margin-bottom:3px; width:280px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;margin-bottom:5px ; padding-left:5px}


/* menu styles */

hr {
	border:none;
	border-top:1px solid #CCCCCC;
	height:1px;
	margin-bottom:25px;
	}

ul.vert-one{
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	font:bold 13px Arial, sans-serif;
	line-height:220%;
	width:190px;
	}

ul.vert-one li{
	margin:0;
	padding:0;
	border-top:1px solid #cacacc;
	border-bottom:0px solid #cacacc;
	}

ul.vert-one li a{
	display:block;
	text-decoration:none;
	color:#fff;
	background:#003781;
	padding:0 0 0 14px;
	width:170px;
	}

ul.vert-one li a:hover{
	background:#595eb6 url("../images/vert-one_arrow.gif") no-repeat 0 9px;
	}

ul.vert-one li a.current,ul.vert-one li a.current:hover{
	background:#595eb6 url("../images/vert-one_arrow.gif") no-repeat 0 9px;
	}
	
ul.vert-one li a.active{
	background:#003781;
	}
	
ul.vert-one li a.active:hover{
	background:#003781 url("../images/vert-one_arrow.gif") no-repeat 0 9px;
	}
	
ul.vert-one li a.active1{
	background:#003781 url("../images/vert-one_arrow.gif") no-repeat 0 9px;
	}
	
ul.vert-one li a.active1:hover{
	background:#003781 url("../images/vert-one_arrow.gif") no-repeat 0 9px;
	}
	
ul.vert-one li a.active2{
	background:#595959;
	}
	
ul.vert-one li a.active2:hover{
	background:#696969;
	}