body{margin:0px; padding:0px; font-family:Calibri; font-size:18px; width:100%; height:100%; background:#e9f4fc url('/tpl/icons/body_bg.jpg') no-repeat fixed top center;}

h1, h2, h3, h4, h5, h6{color:#555; font-family: Calibri;}
h2#main{font-size: 27px;font-family: Georgia;font-style: italic;color: #826CA8;font-weight:bold;}
h3{font-size:24px;font-weight: normal;color: #4BA6D6;}
h4{font-size:20px;}

a{text-decoration:underline; color:#4ba6d6;}
a:hover{text-decoration:none;}
a:visited{color:#8b00ad;}
ul li{padding:5px 0px 5px;}
ul li{}
.clear1{clear:both;}

/*-------------------- Table 1  ----------------------*/
.t1{background:url('icons/t1_bg.jpg'); width:100%;  border-collapse:collapse;}
.t1 tr:nth-child(2n) td{background:rgba(182, 216, 231, 0.298);}
.t1 tr:nth-child(2n) td:nth-child(2n){background:rgba(121, 175, 191, 0.298);}
.t1 tr:nth-child(2n+1) td:nth-child(2n){background:rgba(187, 211, 228, 0.298);}
.t1 tr th{background:rgba(131, 159, 163, 0.445);}
.t1 tr td{text-align:center;}

/*-------------------- Table 2  ----------------------*/

.t2 th{padding-top:25px;}

/*-------------------- Host ----------------------*/
table.host tr td{padding:10px;}
table.host tr th{height:50px;}

  /*------------------------------Features-------------------------------*/
dl.perfo-blue{background:url('/tpl/icons/bg-info.png'); color:#262626; font-size:18px;}
dl.perfo-blue li{list-style:none; margin:15px 0; background:url('/tpl/icons/marker.png') no-repeat; background-position: 0px 2px; padding:0px 0px 0px 35px;}
dl.perfo-blue h3{color:#FFF; font-size:35px; margin-top:15px;}
.wrap{width:1024px;margin:0px auto;position:relative;  background:rgba(255, 255, 255, 0.6)}
.wrap .content{float:right;width:925px;font-size:15px;padding:15px 20px 20px;min-height:835px;font-family:Arial;/*Verdana;*/}
.wrap .content h1{font-size:27px;margin-bottom:30px; padding-bottom: 10px;  background:url('/tpl/icons/line01.jpg') repeat-x bottom; font-family:Georgia;font-style:italic;color:#826ca8;}
.p6098{background:none;}
.p6098 .content{background:none; float:left; font-family:Calibri; font-size:18px;}
.p6098 .fon{display:none;}
.header{height:170px;position:relative;}
.content h2{/*font-family:Georgia;font-size:27px;font-weight:bold;font-style:italic;color:#7d69a2;*/font-style:italic;font-family: Calibri;font-size:33px;
font-weight: normal;
color: #4BA6D6;}
.logo_big{position:absolute;top:50px;left:82px;border:none;}
.logo_small{position:absolute;top:4px;right:10px;border:none;}
.header ul{list-style:none;display:block;background:#e3f1f9 url('/tpl/icons/logo_small') no-repeat;background-position: 10px 10px;float:right;padding-left: 20px;padding-right: 70px;width:550px;font-weight:bold;font-style:italic;position:relative;margin:0px}
.header ul li{display:block;float:left;padding:0px;}
.header ul li a{text-decoration:none;color:#7d69a2;display:block;margin-bottom:7px;padding:10px 10px 5px;}
.header ul li a:hover{color:#fff;background:url('/tpl/icons/menu_button_bg.jpg') no-repeat;border-radius: 0px 0px 10px 10px;}
.header ul li a.active{color:#fff;background: url('/tpl/icons/menu_button_bg.jpg') no-repeat;border-radius: 0px 0px 10px 10px;}
.p6098 .content{min-height:510px;padding:10px 50px 0px 10px;position:relative;}


  /*--------------------------  Mane Menu  ----------------------------*/
.p6098 .content ul{display: block; font-size: 24px; list-style: none;padding-left: 20px;}
.p6098 .content ul li{list-style: none;}
.p6098 .content ul li a{text-decoration:none;color:#535eb0; display:block; height:40px;}
.p6098 .content ul li a:hover{text-decoration:underline;}
.p6098 .content ul li.menu0 a{margin-left:37px;}
.p6098 .content ul li.menu1 a{}
.p6098 .content ul li.menu2 a{margin-left:42px;}
.p6098 .content ul li.menu3 a{margin-left:5px;}
.p6098 .content ul li.menu4 a{margin-left:34px;}
.p6098 .content ul li.menu5 a{margin-left:3px;}
.p6098 .content ul li.menu6 a{margin-left:41px;}
  /*-------------------------- and Mane Menu  ----------------------------*/

.footer{height:169px;clear:both;margin: 0px auto;width: 1024px;}
.footer_left{padding:91px 0 0 30px; color:#8c6fab;display:block;float:left;width:400px;font-size:16px;}
.footer_right{color:#8c6fab;float:right;padding:141px 0 0 30px; width:140px;font-size:18px; margin:0;}

/*--------  Portfolio ---------*/
.midd-prtf{width:650px; margin:0px auto;}
.portfolio {float:left; width:230px;  height: 230px;}
.portfolio img{display:block; -moz-border-radius:5px; border-radius:5px;width:170px;height: 170px; top:30px; border: 6px solid #dbe3eb;}
.portfolio_text{line-height: 30px; padding-top: 30px;font-fanily:Arial;color:#5f5f69;font-size:16px;}
.portfolio_text p span{font-size:20px;font-weight:bold;margin-left:5px;}

  /*--------------------------------From LOGICA--------------------------------------*/
.features dd {padding-left:45px !important;margin-left:0;padding-bottom:0.1em;padding-right:10px;}
.features h3{/*font-size:18px;*/padding:5px 0px; margin-top: 30px;}
.features .calc h4, .features .step h4{color:#15A3FD;}
.features ul{padding-left:15px; margin-top:10px;}
.features { clear:left; -moz-border-radius:10px; border-radius:10px;}


/*---pictures---*/
dd.mission {background:transparent url('http://logica.org.ua/tpl/icons/parchment_32.png') no-repeat scroll 0px -1px;}
dd.values {background:transparent url('http://logica.org.ua/tpl/icons/accept_item.png') no-repeat scroll 2px 0;}
dd.services {background:transparent url('http://logica.org.ua/tpl/icons/process.png') no-repeat scroll 2px 0;}
dd.clients{background:transparent url('http://logica.org.ua/tpl/icons/portfolio.png') no-repeat scroll 2px 0;}
dd.benefit{clear: left; padding: 18px;}
dd.design{background:transparent url('http://logica.org.ua/tpl/icons/design.jpg') no-repeat scroll 0px 0;}
dd.program {background:transparent url('http://logica.org.ua/tpl/icons/program.jpg') no-repeat scroll 0px 0;}
dd.test {background:transparent url('http://logica.org.ua/tpl/icons/testing.jpg') no-repeat scroll 0px 0;}
dd.calc {background:transparent url('http://logica.org.ua/tpl/icons/calc.png') no-repeat scroll 0px 0;clear:both;}
dd.note {background:transparent url('http://logica.org.ua/tpl/icons/note_accept.png') no-repeat scroll 0px 0;}
div.calc {background:transparent url('http://logica.org.ua/tpl/icons/p_clav.jpg') no-repeat scroll 0px 0; width:48%;padding-bottom:30px; float:left;}
div.step{background:transparent url('http://logica.org.ua/tpl/icons/p_calc.jpg') no-repeat scroll 0px 0; width:48%;  float:right;padding-left:15px;}
dd.ask {background:transparent url('http://logica.org.ua/icons/question-mark1.jpg') no-repeat scroll 0px 0;}
.next{ text-align:right; margin-right:10px;margin-top:10px;}
.underline {border-bottom:1px solid #CCCCCC !important;}
h6.total{ color:#888; font-family:"Trebuchet MS"; margin:2px 20px; padding:0px; font-size:14px; font-weight:normal; text-align:right;}
                           /*------------Uslugi--------------*/
table.usl{width:100%;}
table.usl tr td:first-child{width:100px; padding: 0;}
table.usl h2, table.usl h3{font-family:Calibri; font-weight: normal; color: #4BA6D6; }
table.usl h2{ font-size: 33px;  margin: 12px 0 25px 100px;  padding-top: 9px;}
table.usl h3{font-size: 24px; margin-bottom: 0;}
table.usl td{vertical-align: top; padding: 0 36px 18px 0;}
table.usl td#f1{background:url('icons/number1.png') no-repeat; }
table.usl td#f2{background:url('icons/number2.png') no-repeat; }
table.usl td#f3{background:url('icons/number3.png') no-repeat; }
table.usl td#f4{background:url('icons/number4.png') no-repeat; }
table.usl td#f5{background:url('icons/number5.png') no-repeat; }
table.usl td#f6{background:url('icons/number6.png') no-repeat; }
                    .floatedinfo {float: right;font-family: 'Trebuchet MS';margin: 4px 10px;}
.floatedinfo table tr{ border-bottom:1px #ccc dotted;}
.nota_bene {background-color:#FCFBE0;border-color:#EEEEC5;border-style:solid;border-width: 1px 0px;padding:0.3em 0.8em 0.45em;font-size:14px;margin-bottom:6px;}
.normal{border-spacing: 0px 0px; border-collapse: collapse; font-size: 1em; width: 100%; border: 1px solid gray;margin:10px 0px;}
.normal th{background-color: navajoWhite;}
.normal td, .normal th{border: 1px solid gray;font-size: 14px;margin: 3px;text-align: center;}
  /*-------------------------Table Price--------------------------*/
table.price{width:100%; margin-top:15px;}
table.price th{font-size:18px; }
table.price th.name{width:485px;}
table.price th.grn{width:142px;}
table.price th.time{width:183px;}
table.price td{padding:12px 0 12px 0; text-align:center; margin-bottom:2px;}
table.price #type{height:60px; width:390px;}
table.price #price{ width:259px;}

#pf_main{position:relative; float:right; margin-right:51px;  padding: 10px;}
#pf_main div.glow{width:246px; height:240px; background:url('icons/pf_main_gl.png') no-repeat; position:absolute; top:-35px; left:-35px;}
div#pf_main img{border:none; width:159px;}
.tip pmain p5323{left: 228px;position: absolute;top: 419px;}


.portf_content h3{margin:40px 0px 0px ;padding:0px;font-family:Georgia;font-size:27px;color:#826ca8;font-style:italic;}
.blue-area, .portf_content p{margin:40px 0px 0px;padding:0px;float:left;font-size:20px;color:#826ca8;}
.red-area{font-size:20px;margin:0px;padding:0px;color:#826ca8;}
.year{color: #826CA8;float: right;font-size: 20px;font-weight: bold;margin: 40px 0px 0px;padding: 0px;}
.prtf-middle{padding:100px 0px 60px;}
.prtf-middle img{width:830px;border-radius:10px;-moz-border-radius:10px;border:#75c5eb 7px solid;-webkit-box-shadow:#79c6ec 1px 1px 18px;}
.portfolio_text p span a{background: none;color: black;margin: 0px;padding: 0px;text-decoration: none;}
/*---------------tooltip2--------------------*/
.tooltip{-moz-border-radius:5px; border-radius:5px;-moz-box-shadow: 3px 3px 3px #888888;  -webkit-box-shadow: 3px 3px 3px #888888;  box-shadow:3px 3px 3px #888888;background-color:#C2E3EF;border:1px solid darkgray;color:#4F4940;left:-9999px;top:0px;font-size:13px;max-width:300px;padding:5px;position:absolute;text-align:center;text-shadow:1px 1px 1px white;z-index:1000;}
.tip{font-family:"Trebuchet MS";color:#333;cursor:help;}
.tip:hover{ text-decoration:none;  color:#CA2E91;}
/*Stati*/
.image_stati img{float: left;height: 128px;width: 128px;margin-right:40px;border:#85c9ed 1px solid;padding:7px;}
.post{padding: 20px 0px 50px;}
.post h3{font-family:Arial;font-size:20px;font-weight:bold;color:#74706e;}
.post p a{color:#ed8549;font-family:Arial;font-size:16px;}
.post .text{border-bottom: 2px dotted #CCC;margin: 0px 75px 0px 185px;padding-bottom: 50px;font-family:Arial;font-size:16px;color:#74706e;}

/*------------------Otzivi-------------------*/
.otzivi_main{width:800px;background:#fafafa;margin:50px auto 0px;-webkit-box-shadow:#abd5e5 1px 1px 15px;box-shadow:#abd5e5 1px 1px 15px;-moz-box-shadow:#abd5e5 1px 1px 15px;border-radius:10px;position:relative;-moz-border-radius:10px;}
.otzivi_top{height:78px;background: url('/tpl/icons/otzivi_top_bg.jpg') repeat-x;border-radius:10px 10px 0px 0px;-moz-border-radius:10px 10px 0px 0px;}
.otzivi_top h3{color:#3b2c87;font-style:italic;font-weight:bold;float:left;width: 43%;padding-left: 30px;font-family:Arial;font-size:20px;}
.otzivi_main p{color:#3b2c87;font-weight:bold;float:left;width: 43%;padding-left: 30px;}
.otzivi_switch{position:absolute;right:-5px;top:50%;border:0;}



/*----------------- Navigation -----------------*/
div.navigation{width:300px; margin:40px auto;}
a.apriv, a.anext{display:block; width:56px; height:33px; background:url('icons/arrow_lr.png') no-repeat;}
a.apriv{float:left;}
a.anext{float:right;  background-position:-56px 0px;}
a.apriv:hover{background-position:0px -32px;}
a.anext:hover{background-position:-56px -32px;}


/*-----------------  Pager -----------------*/

.pager{width:188px; height:400px; float:right;}
.p182 .pager a{display:block; float:left; width:25px; height:19px; text-align:center; text-decoration:none; -moz-border-radius:15px; border-radius:15px; background:url('icons/vat.jpg'); background-position:-20px -19px; color:#FFF; font-weight:bold; margin-right:10px; padding:3px 0px; -moz-box-shadow: 0px 0px 8px rgb(33, 33, 33);  -webkit-box-shadow: 0px 0px 8px rgb(33, 33, 33);  box-shadow:0px 0px 8px #212121; behavior: url('ie-css3.htc');}

.p182 .pager a:hover, .p182 .pager a.active{background:url('icons/vat-hover.jpg'); 
background-position:-20px -19px; 
}
