/*body*/
body {
  margin: 0 auto;
  padding: 0;
  background: #FFFFFF url('icons/Page-BgTexture.jpg') repeat scroll top left;
  font-size: 82%;
  font-family:  Arial, Verdana, sans-serif;
  }
  /* fon*/
.PageBackgroundGlare{
  position: absolute;
  width: 100%;
  left: 0;
  height:100%;
  top: 0;
}
.PageBackgroundGlareImage{
  height: 388px;
  width: 1316px;
  margin: 0 auto;
}
html:first-child .PageBackgroundGlare{
  border: 1px solid transparent; /* Opera fix */
}
.PageBackgroundGradient{
  background-image: url('icons/Page-BgGradient.jpg');
  background-repeat: repeat-x;
  height: 900px;
  
}/* fon*/
#page {
  margin:10px auto;
  width:1025px;
  }
#header, #content {
  width: 100%;
}
 #sidebar-right ul{
  margin-left: 2px;
}
#m1{
padding-top:10px;
width:100%;
margin-left:2px;
}
#main,#sidebar-right,#header{
  background:white;
  border: 1px solid navy;
  margin:2px 0px 2px 2px;
}
#sidebar-left, #sidebar-right {
  width: 220px;
  float:right;
  z-index: 2;
  position:relative;
  padding:10px 5px;
  height:100%;    
}
#sidebar-left .block, #sidebar-right .block {
  padding:2px;
  border: 1px solid #ccc;
}
/*--header---*/
#main {
float:left;
padding:2px 4px 2px 10px;
width:755px;
}
        
#header {
background:transparent url('icons/Header.jpg') no-repeat scroll 0 0;
height:67px;
}
#banner{
 position:absolute; 
 padding-left:10px;
}
#infoHeader span,span#total{/* color: #047899;*/
color:#CA2E91;/*color:#E26B1D;*/
 font-family: "Trebuchet MS";
 font-size: 18px;
 font-weight: bold;
}
#infoHeader {
 margin: 0px;
 padding: 0px;
 float: right;
 width: 420px;
 z-index: 20;
 height: 30px;
 clear: right;
}/* typography */
p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-right:10px;
  text-align:justify;
}
hr{
 border-style:dashed;
 border-width:1px 0px 0px 0px;
 border-color:#bbb;
 margin:5px 2px;
}
h1, h2, h3, h4, h4,h5 {
  padding-bottom: 5px;
  margin: 5px 0;
  line-height:125%;  
  font-family:"Trebuchet MS";
}
h1 {
  font-size: 160%;
}
h2 {
  font-size: 125%;
   letter-spacing:-0.01em;
margin-bottom:0.5em;
margin-left:5px;
margin-top:5px;
padding-bottom:2px;
}
h3 {    font-size: 110%;}
h4 {  font-size:  100%;}
ul{ margin:0px;padding-left:15px; }/* links */
a {  text-decoration: none;}
a:hover {  text-decoration: underline;}/* elements */
table {
  font-size: 1em;
  border-collapse:collapse;
  border-spacing:0px;
  width:100%;
}
tr.odd td, tr.even td {
  padding: 0.3em;
}
th{
 border:none;
 text-align:left;
 text-decoration:underline;
 font-family:"Trebuchet MS";
 padding-top:5px;
 
}
td{
 border-bottom:1px #ccc dotted;
}
td.odd {
background: #eee;
}
tr.even {
background: #ccc;
}
tbody {
   border: none;
}
fieldset {
  border: 1px solid #ccc;
}
#help {
  font-size: 0.9em;
  margin-bottom: 1em;
}
.clr {
  clear: both;
}
img {border: none;}/* search */

/*-- footer ---*/
#footer {
  font-size: 11px;
  text-align: center;
  height:33px;
  background:white;
  border: 1px solid navy;
  margin:0px 0px 2px 5px;
}  
.footermenu .title{
 font-family:"Trebuchet MS";
 font-size:15px;
 color:#333;
 border:none;
 margin-right:10px;
}
.footermenu ul li a{
  color:#043DBC;
  font-family:"Segoe UI";
    font-size:13px;
  margin:1px 3px;
  padding-right:5px;
  border-right: 1px #ccc solid;
}
.footermenu{
 float:left;
 width:76%;
}
.footermenu ul{
 margin:10px 0px;
 padding:0px;
 text-align:left;
}
.footermenu ul li{
 list-style-type:none;
 display:inline;  
}
#copyright{
 float:right; 
 margin:0px;
 padding:0px;
}

/*----homepage block */ /**/
#homepage {
    padding: 0px;
    margin: 0px;
}
#homepage h2 {
    font-size: 1.8em;
    line-height: 14px;
 border:none;
    padding-left: 10px;
    margin-top: 0;
    letter-spacing: -0.01em;
    padding-bottom: 0!important;
    font-family: "Times New Roman";
    font-weight:normal;
 letter-spacing:-0.05em;
 margin:4px 0 4px;
 padding-bottom:6px;
}
#homepage h2 a {
    background: url( icons/box_border_top_clear.gif ) no-repeat 100% 0;
    display: block;
    padding: 5px 0 6px;
    border-bottom: solid 1px #ccc;
    margin-right: 10px;
    color: #333;
 }
#homepage div.d:hover h2 a {
    color: #000;
}
#homepage h1{
 color:white;
 font-size:12px;
 margin:0px;
 padding:0px;
}
#homepage div.d:hover h2 a:hover {
    color: #6f9cea;
}
#homepage h2 a:hover {
    color: #043DBC;
    background: url( icons/box_border_top_clear_hov.gif ) no-repeat 100% 0;
    text-decoration:none;
}
#homepage div.d {
    padding:0px 2px 10px 0px;
    margin:10px 3px;
    border: solid 1px #ccc;
    width: 365px;
    height:170px;
    float:left;
    display:block;
}
#homepage div.d .l{
  width:50px;
  float:left;
   border: white 1px solid;
  background: url( icons/sprite2.png) no-repeat scroll; height:50px;
}
#homepage div.d .l:hover{
  border: #FFCCCC 1px solid;
}
#homepage div.d .r{
 width:293px;
  float:right;
  text-align: justify;
}
#homepage div.d:hover {
    border-color: #555;
}
/*-----product text */ /**/
#homepage p {
    color: #333;
    font-size:1em;
    line-height:1.4em;
    height:100px;
    padding: 0 7px 0px 75px;
}
a.onmain{
 float:right;
 margin-right:10px;
}
#homepage ul{
    padding: 3px 5px 0px 0px;
    text-align: right;
    clear:both;
}
#homepage  ul li a:hover,.else li a:hover,a.onmain:hover{
    border-bottom:1px solid #6f9cea;
 color:#6f9cea;
 text-decoration:none;
 }
 #homepage  ul li a,.else li a,a.onmain{
    border-bottom:1px dashed #3D7DC7;
 color:#043DBC;
 }
#homepage h3{
 display:inline;
 font-size: 11px;
 margin:0px;
 font-weight:normal;
}
#homepage  ul li{
    display: inline;
    padding: 0px 2px ;    
    margin: 0;
 }
/*-products' icons */ /**/
#homepage #p7,#homepage #p13,#homepage #p10{
 float:left;
}
#homepage #p11,#homepage #p12,#homepage #p9{
 float:right;
}/*----- End of Content styles ----- *//*sidebar-right*/
#price   ul li{
line-height:150%;
font-size:12px;
list-style-type:none;
}
#price ul li a.active, #price ul li a:hover{
background:transparent url(icons/bullet.gif) no-repeat scroll 0 0px;
font-weight:bold;
}
#price   ul li a{
padding-left:15px;
background:transparent url(icons/bullet2.gif) no-repeat scroll 0 0px;
color:navy;
}
#sidebar-right  div ul{
padding-left:2px;
}
#sidebar-right  div h3 span{
  color:#FFC0CB;
}
#sidebar-right  div h3{
color:#FFFFFF;
font-family:"Trebuchet MS",Arial,sans-serif;
font-size:1em;
font-weight:bold;
margin:0;
padding:5px 5px 16px 10px;
}
#price,#news,#customers,#sites{
background:white;
margin:0 2px 15px;
padding:0px 0px 5px 0px;
border:1px solid #aAA;
margin-bottom:15px;
}
#news h3,#sites h3{
 background:transparent url(icons/blue_New.gif) no-repeat scroll 100% 100%;
}
#price h3{
background:transparent url(icons/stripMoney.gif) no-repeat scroll 100% 100%;
}
#customers h3{
background:transparent url(icons/strip_Customers.gif) no-repeat scroll 100% 100%;
}
.else li{
 list-style-type:none;
 padding-left:10px;
 background:transparent url(icons/bullet_star_bw.gif) no-repeat scroll 0 8px;
}
/*suckerfish*/
 
#suckerfishmenu  {
  float:right;
z-index:100;
  vertical-align:top;
  line-height: 26px;
  background:transparent;/*  background: #2E4A6B;*//*  border-top: 1px solid #fff;*/
}
#suckerfishmenu  ul.menu { 
  padding: 0 0 0 0px;
  list-style: none;
  z-index: 100;
  display: inline;
  margin:0px;
}
#suckerfishmenu  a {
  background:transparent; /*#336299;*/
  border-right:1px #fff solid;
  color: #fff;
  font-family:"Trebuchet MS";
  display: block;
  padding: 0px 14px 0px 14px; 
  margin: 0;
  text-decoration: none;
  font-size: 110%;
  font-weight: normal;
}
#suckerfishmenu a.active {
color:#eee;
background:#2E4A6B;
border-bottom: 2px #CA3192 solid;
text-decoration:underline;
}
#suckerfishmenu  a:hover {
  background: #2E4A6B;
  text-decoration: none;
}
#suckerfishmenu  li {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
  height: 1%;
}
#terms{  height:25px;
 margin-left:10px;
 font-size:16px;
}/*rightfloated */
.floatedinfo {
float:right;
margin:4px 10px;/*border-left:1px #ccc dotted;*/
font-family:"Trebuchet MS";
}
.floatedinfo tr{
 border-bottom:1px #ccc dotted;
}
.floatedinfo table{
}
.floatedinfo h3{
 color:#043DBC;
 text-decoration:none;
 margin:0px;
}
hr{
 clear:both;
 border-style:dotted;
 border-width:1px 0px 0px 0px;
 border-color:#bbb;
 margin:5px 2px;
}
.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;
}/*Content*/
.features dd {
padding-left:45px !important;
margin-left:0;
padding-bottom:0.1em;
padding-right:10px;
text-align:justify;
}
.features h3{
font-size:18px;
}
.features {
 clear:left;
}/*pictures*/
dd.mission {background:transparent url('icons/parchment_32.png') no-repeat scroll 0px -1px;}
dd.values {background:transparent url('icons/accept_item.png') no-repeat scroll 2px 0;}
dd.services {background:transparent url('icons/process.png') no-repeat scroll 2px 0;}
dd.clients {background:transparent url('icons/portfolio.png') no-repeat scroll 2px 0;}
dd.benefit {background:transparent url('icons/company-icon.gif') no-repeat scroll 2px 0;}
dd.design {background:transparent url('icons/design.jpg') no-repeat scroll 0px 0;}
dd.program {background:transparent url('icons/program.jpg') no-repeat scroll 0px 0;}
dd.test {background:transparent url('icons/testing.jpg') no-repeat scroll 0px 0;}
dd.calc {background:transparent url('icons/calc.png') no-repeat scroll 0px 0;clear:both;}
dd.note {background:transparent url('icons/note_accept.png') no-repeat scroll 0px 0;}
div.calc {background:transparent url('icons/p_clav.jpg') no-repeat scroll 0px 0; width:200px; float:left; padding-left:60px;}
div.step{background:transparent url('icons/p_calc.jpg') no-repeat scroll 0px 0; width:270px; margin-right:50px; float:right;padding-left:60px;}
dd.ask {background:transparent url('icons/question-mark1.jpg') no-repeat scroll 0px 0;}
#homepage #p166 .l {background-position: 8px 0px; width:56px;}
#homepage #p127 .l {background-position: -80px -50px;width:55px;height:55px;}
#homepage #p169 .l {background-position: 0px -120px;width:65px;height:60px;}
#homepage #p165 .l {background-position:0px -50px;width:65px;height:67px;}
#homepage #p171 .l {background-position: -97px 0px;width:56px}
#homepage #p1574 .l{background-position: -50px 0px;}
.next{
 text-align:right;
 margin-right:10px;
}
.next a{
 background: url( icons/next.gif) no-repeat 0px 7px;
 clear:both;
 text-align:right;
 font-family:"Trebuchet MS";
 color:#15A3FD; 
 padding-left:5px;
}
.price_best{
 color:red;
}/*pics*/
h6.total{
 color:#888;
 font-family:"Trebuchet MS";
 margin:2px 20px;
 padding:0px;
 font-size:14px;
 font-weight:normal;
 text-align:right;
}
h5.else{font-size:20px;
}
ul.else{
 clear:left;
}
.underline {
border-bottom:1px solid #CCCCCC !important;
}
.next,.content{
color:#15A3FD; 
}
#totaldiv{
border-top:1px #555 dotted;
 text-align:right; 
 padding-top:3px;
 margin-top:5px;
}
.divalone{
 border: 1px #ccc solid;
 padding:20px;
 clear: both;
 margin-left: 50px;
 background: #FEEEBD;
  font-size:12px;
 font-family:Verdana;
 width: 550px;
 }
/*---Sites---*/
div#sites {
height:286px;
padding-bottom:0px;
position:relative;
 overflow: hidden;
}
#sites .wrapper {
min-height:266px;
position:relative;
overflow:hidden;
top:0;
}
#sites .wrapper ul {
list-style-type:none;
margin:0px;
padding:0;
position:absolute;
height:246px;
top:0;
width:9999px;
}
#sites .wrapper li {
display:block;
float:left;
height:246px;
padding:0px;
margin:0px;
}
#sites a#next{
background:transparent url(icons/next.png) no-repeat scroll 0 0;
text-indent:-1999px;
cursor:pointer;
display:block;
height:16px;
bottom:4px;
right:5px;
position:absolute;
right:0;
width:24px;
}
#sites .title {
color:#333;
text-shadow: #ccc 1px 1px 1px;
font-size: 13px;
padding: 2px;
display: block;
float: left;
}
#sites img {
background:#FFFFFF none repeat scroll 0 0;
border-bottom:1px dotted #696969;
display:block;
height:226px;
width:216px;
z-index:1;
}
/*zoom*/
div.jqZoomTitle{
 z-index:5000;
 text-align:center;
 font-size:11px;
 font-family:Tahoma;
 height:16px;
 padding-top:2px;
 position:absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 color: #FFF;
 background: #999;
}
.jqZoomPup{
  overflow:hidden;
  background-color: #FFF;
  -moz-opacity:0.6;
  opacity: 0.6;
  filter: alpha(opacity = 60);
  z-index:10;
  border-color:#c4c4c4;
  border-style: solid;
  cursor:crosshair;
}
.jqZoomPup img{
 border: 0px;
}
.preload{
 -moz-opacity:0.8;
 opacity: 0.8;
   filter: alpha(opacity = 80);
 color: #333;
 font-size: 12px;
 font-family: Tahoma;
   text-decoration: none;
 border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
 text-align:center;
   background-repeat: no-repeat;
   background-position: 43px 30px;
 width:90px;
* width:100px;
 height:43px;
 *height:55px;
 z-index:10;
 position:absolute;
 top:3px;
 left:3px;
}
.jqZoomWindow{
 border: 1px solid #999;
 background-color: #FFF;
}
  /*portfolio*//*--Main Image Preview--*/
.portfolio li{
  list-style-image: none;
  list-style: none;
  display: inline;
}
.portfolio a.next:hover {  background-position:-32px 0;}
.portfolio a.back:hover {  background-position:-32px 0;}
div.portfolio a.disabled,div.portfolio a.disabled:hover{
      background-position:-96px 0;
}
.portfolio .next{
  right:5px;
background:transparent url(icons/next-horizontal.png) no-repeat scroll 0 0;
}
.portfolio  .back{
left:5px;
background:transparent url(icons/prev-horizontal.png) no-repeat scroll 0 0;
}
.portfolio  a {
background:url("icons/ar_back.png") no-repeat scroll left center #CFCFCF;
color:#CA2E91;
cursor:pointer;
height:32px;
line-height:16px;
padding-left:12px;
width:32px;
}
.portfolio .clip{
width:680px;
padding:2px;
left:35px;
position: absolute;
overflow:hidden;
background-color:#DFDFDF;
border:1px solid black;
}
.portfolio {
width:770px;
position:relative;
}
.portfolio img{
border:1px solid #D3D3D3;
}
.portfolio li.active img{
  border:1px solid red;
}
.portfolio ul{
  margin:0;
overflow:hidden;
padding:0;
position:relative;
height:117px;
top:0;
z-index:1;
}
.main_image {
 width: 750px; height: 656px;
 background: #333;
 position: relative;
 overflow: hidden;
 color: #fff;
}
.main_image img{
width: 750px; height: 656px;
}
.main_image h2 {
 font-size: 2em;
 font-weight: normal;
 margin: 0 0 5px; padding: 10px;
}
.main_image p {
 font-size: 1.2em;
 padding: 2px;
    margin: 2px 10px;
   text-align: right;
    line-height: 1.6em;
}
.main_image .block{
    width: 750px;
    position: absolute;
 top: 0;
    text-align: right;
    left: 0;
 background: #111;
 border-top: 1px solid #000;
    opacity:0.8;
}
  /*----ToolTip---*/
.tooltip{
position:absolute;
z-index:999;
left:-9999px;
background-color:#dedede;
padding:5px;
font-size:14px;
border:1px solid #fff;
font-family:"Trebuchet MS";
width:250px;
}
.tooltip p{
margin:0;
padding:0;
color:#fff;
background-color:#222;
padding:2px 7px;
}
.tip{
border-bottom:1px #333 dashed;
font-family:"Trebuchet MS";
color:#333;
cursor:help;
}
.tip:hover{
 text-decoration:none;
 border-bottom:1px #CA2E91 dashed;
 color:#CA2E91;
}
/*----Tabs---*/
div.tabs{
clear:left;
margin:5px;
}
div.container {
margin: auto;
}
ul.tabNavigation {
  height: 20px;
  margin: 0px;
  padding: 0px;
}
ul.tabNavigation li {
border-color:#D19405 -moz-use-text-color #D19405 #D19405;
border-style:solid none solid solid;
border-width:1px medium 1px 1px;
float:left;
font-size:100%;
line-height:1.3;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
text-decoration:none;
}
ul.tabNavigation li a {
background:#FECE2F url(icons/fece2f_500x100_textures_12_gloss_wave_60.png) repeat-x scroll 0 50%;
border:0 none;
color:#4C3000;
float:left;
font-size:1em;
font-weight:bold;
line-height:1.3;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0.5em 1.7em;
text-decoration:none;
}
ul.tabNavigation li a.selected,
ul.tabNavigation li a.selected:hover {
background:#FFFFFF url(icons/ffffff_40x100_textures_05_inset_soft_30.png) repeat-x scroll 0 50%;
color:#0074C7;
}
ul.tabNavigation li a:hover {
background:#FFDD57 url(icons/ffdd57_500x100_textures_12_gloss_wave_70.png) repeat-x scroll 0 50%;
color:#381F00;
}
div.tabs div {
background:#FEEEBD url(icons/feeebd_40x100_textures_03_highlight_soft_100.png) repeat-x scroll 0 0;
border:1px solid #D19405;
clear:left;
color:#383838;
font-family:Segoe UI,Arial,sans-serif;
font-size:1.1em;
line-height:1.3;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:1.5em 1.7em;
text-decoration:none;
}
div.tabs div h2 {
margin-top: 0;
}
#books{
  margin-left:-10px;
}
#books div div{
float:left;
}
a.download{
  border: 1px   #FF7F00 solid;
   background: #EEF3F8;
   width:300px;
   text-align: center;
   margin: 100px 0px 0px 100px;
   margin-left: 100px;
   font-family: Trebuchet MS;
   font-size: 16px;
   display:block;
   float:right;
}
a.download:hover{
  border: 1px   #FF7F00 solid;
  background: #FFC0CB;
}
#books ul{
  list-style:none;
}
#books img{
  float:left;
  width:120px;
  height:160px;
  padding-left:20px;
}
img.article{
  float:left;
  width:80px;
  height:100px;
  margin-right:10px;
  padding-left:20px;
}
 p.text{
  padding:2px;
 text-indent:10px;
  padding-left:20px;
clear:none;
}
h2.common{
  background-color:#EEF3F8;
   border:1px #aaa solid;
   padding:0px;
   margin:4px;
}
h2.common span{
  border-left:#FF7F00 7px solid;
  height: 20px;
  margin-right:10px;
  }
h2.common  span.tag{
    border:none;
    display: float;
    float: right;
    font-weight: normal;
}
div.services ul{
 list-style:none;
}
div.services li h2{
  font-family: Trebuchet MS;
  font-size: 18px;
  text-shadow: #ccc 1px 1px 1px;
  font-weight: normal;
}
strong.header{
border-bottom:#FFA23F 1px solid;
 }
div.services li{
background:transparent url(icons/bullet.gif) no-repeat scroll 0px 5px;
padding-left:15px !important;
padding-right:10px;
}
div.services li li{
background:none;
}
table.normal{
     border:1px solid gray;
}
table.normal td,table.normal th{
    border:1px solid gray;
    text-align:center;
    font-size: 14px;
    margin:3px;
}
table.normal th{
    background-color:#FFDEAD;
}
#article{
clear:left;
text-align:justify;
}
#article div{
height:150px;
}
#article p.autor{
text-align:right;
}
#article p.autor span{
text-shadow:teal 0px 1px 1px;
}
#article a,#article a:visited{
color:#CA2E91;
text-decoration:underline;
}
#article a:hover{
color:red;
}
h4.data{
text-align:right;
color:#CA2E91;
margin-right:10px;
padding:0px;
}
p.block{
clear:left;
margin-left:12px;
text-indent:13px;
}
p.autor span{
float:right;
}
div.top{
text-align:right;
}
div.top ul li{
display:inline;
}
div.top ul li a,div.top ul li a:visited{
margin:0px 5px 4px 0px;
color:black;
font-family:Verdana;
text-shadow:#ccc 0px 1px;
border-bottom:1px dotted black;
}
div.top ul li a:hover{
color: #CA2E91;
}
  /*--Email from--*/
.frm label{
width:180px;
text-align:right;
margin-right:10px;
display:block;
float:left;
padding-top:3px;
color:#111;
text-shadow:1px 1px #ccc;
}
.frm p{
padding:5px 0px;
}
.frm p input[type="text"]:hover,.frm p textarea:hover{
border:1px solid #333;
background:#fff;
}
.frm p input[type="text"],.frm p textarea,.frm p select,.frm input[type="submit"] {
width:300px;
-moz-border-radius:3px;
border-radius:3px;
-moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.1);
box-shadow:0 0 8px rgba(0, 0, 0, 0.1);
background:-moz-linear-gradient(center top , #FFFFFF, #EEEEEE 2px, #FFFFFF 25px) repeat scroll 0 0 transparent;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(#EEEEEE), to(#FFFFFF));
border:1px solid #999999;
margin:0;
padding:5px;
width:200px;
float:left;
}
.frm p label.error { 
color:#BF2F42;
padding-bottom:2px;
font-size:12px;
padding-left:6px; 
float:right;
width:350px; 
}
p { clear: both; }
.frm input[type="text"].error,.frm textarea.error{
background:#FFEF8F;
border:1px solid #F95314;
color:#363636;
}
.frm input[type="submit"]:hover{
background:#dadada;
}
.frm input[type="submit"]{
background:-moz-linear-gradient(center top , #DADADA, #EFEFEF 2px, #DADADA 25px) repeat scroll 0 0 transparent;
background-image: -webkit-gradient(linear, 59% 0%, 60% 100%, from(#CFCFCF), to(white), to(#333));
margin-right:100px;
float:rigiht;
}/*blog*/
div.blog h2 a{
color:#000000;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:29px;
font-weight:normal;
}
div.blog h3 {
color:#7B7B7B;
font-family:Verdana,Geneva,sans-serif;
font-size:12px;
font-weight:normal;
border-bottom:1px solid #B6C1C2;
margin:0 0 0 2px;
}
div.blog img {
border:3px solid #333333;
}
div.blog h3 span {
color:#F7941D;
font-weight:bold;
text-transform:capitalize;
}
div.blog  div.post a {
background:url("icons/ico_postmeta.gif") no-repeat scroll left center transparent;
padding:0 0 0 18px;
float:right;
color:black;
display:block;
}
div.blog .text{
clear:both;
min-height:108px;
height:108px;
height:auto !important;
}
div.blog p{
margin:0px;
margin:5px 10px;
}
div.blog  div.post {
background:#DDEDF1;
padding:10px 10px 0px 10px;
border:1px solid #B4CFD2;
height:28px;
margin:3px 10px;
}
/*---form----*/
form.blog label,form.comment label{
width:150px;
display:block;
float:left;
}
form.blog input[type="text"],form.comment input[type="text"] {
width:500px;
}
form.blog textarea,form.comment textarea{
width:500px;
height:200px;
}
/*---comments--*/
.comments .comment-id {
background-image:url("icons/comment.png");
background-repeat:no-repeat;
display:block;
height:50px;
color:#987968;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:32px;
padding:5px 60px;
}
.comstart{
margin:10px;
font-size:24px;
}
.comments .date {
color:#987968;
font-size:90%;
}
.comments {
border-bottom:1px solid #CCCCCC;
}
.comments p{
background:#eee;
padding:10px;
font-size:14px;
}
/*---lang--*/
div.top ul.lang li a  {
background:url("icons/flags.png") no-repeat scroll 0 0 transparent;
display:block;
float:left;
height:12px;
opacity:0.6;
width:18px;
}
div.top ul.lang li {
display:block;
float:left;
padding-left:10px;
}
div.top ul.lang li a.active,div.top ul.lang li a:hover {
opacity:1;
}
div.top ul.lang li a.ua {
background-position:-18px 0;
}
div.top ul.lang li a.ru {
background-position:-36px 0;
}/*portfolio*/
div.folio{
margin-bottom:10px; 
position:relative;
margin:-4px 0 10px;
float:left;
width:95%;
border-top:1px dotted #0336AA;
height:210px;
padding:20px 20px 0 0;
}
div.folio h3{
line-height:16px;
margin:0;
padding:0;
width:100%;
float:left;
margin-top:4px;
text-transform:uppercase;
}
div.folio h3 a{
padding:5px;
text-decoration:underline;
color:#CA2E91; 
font-family:Arial; 
font-size:1.2em;
 font-weight:normal
}
div.folio h3 a:hover{
background:#CA2E91;
color:#fff;
text-decoration:none;
}
.aboutSite p{
float:left;
width:100%;
}
.aboutSite a{
float:left;
}
a.detailSite{
-moz-border-radius:4px 4px 4px 4px;
border-radius:4px 4px 4px 4px;
background:none repeat scroll 0 0 #FFAFE3;
color:#8F8F8F;;
display:inline;
font-weight:bold;
padding:5px;
text-decoration:none;
width:70px;
}
a.detailSite:hover{
background:#CA2E91;
color:#fff;
text-decoration:underline;
}
div.folio div p{
font-style:italic;
padding-left:10px;
border-left:4px solid #fc0000;
}
div.im{
border:2px solid #BFCDFF;
background:#DEDEDE;
padding:6px;
float:left;
}
div.folio img{
height:185px;
width:325px;
margin-bottom:0px;
background:none repeat scroll 0 0 #FFFFFF;
}
div.aboutSite{
float:left;
margin-left:20px;
width:330px;
}
ul.pager{
margin-bottom:10px;
float:left;
z-index:11111;
list-style:none;
}
ul.pager li{
display:inline;
font-size:16px;
}
ul.pager li a{
background:#4F4F4F;
color:#CFCFCF;
margin:2px;
padding:5px;
float:left;
display:block;
}
ul.pager li a:hover{
background:#8F8F8F;
color:#FFE900;
}
ul.pager li a.active{
background:#8F8F8F;
color:#FFE900;
}
div.portfolio{
float:left;
}
div.portfolio img{
width:745px;
}
div.portfolio p{
clear:both;
margin-bottom:20px;
line-height:19px;
margin-top:10px;
width:95%;
font-size:14px;
}
div.portfolio h1.title{ 
margin:0; 
padding:0; 
width:100%; 
float:left; 
margin-top:4px; 
text-transform:uppercase;
color:#CA2E91;
  font-family:Arial;
  font-size:2.4em;  
font-weight:bold;
}
p.url {
background-color:#CA2E91;
margin-bottom:5px;
padding-left:20px;
}
p.url a{
color:#FFFFFF;
background:none;
padding:0;
}
.post img{
background:#ded4f1 repeat scroll 0 0 #FFFFFF;
border:1px solid #D9D9D9;
padding:10px;
margin-top:-30px;
}
.post h1,.post h2 {
color:#763712;
font:bold 150%/100% Georgia,Coliseum,serif;
letter-spacing:-1px;
margin-left:0px;
padding:0 0 8px;
width:550px;
padding-top:10px;
}
.post a {
color:#000000;
outline:medium none;
text-decoration:none;
}
.post .date  {
background:transparent url(icons/date-bg.jpg) no-repeat scroll 0 0;
font:130%/30% Georgia,"Times New Roman",Times,serif;
height:40px;
left:10;
padding:12px 0 5px;
position:absolute;
text-align:center;
text-transform:uppercase;
width:54px;
margin-top:-5px;
line-height:70%;
left:-65px;
}
.post  .date span {
display:block;
}
.post a.comments {
background:url("icons/comments-bg.jpg");
display:block;
font:150%/100% Georgia,"Times New Roman",Times,serif;
height:28px;
letter-spacing:-1px;
margin-top:25px;
padding:5px 0 0 3px !important;
position:absolute;
right:0;
text-align:center;
width:30px;
margin-top:-22px;
margin-right:-10px;
width:40px;
color:#000000;
}
/*----Email from left-----*/ 
.frm{ width:790px; float:left; }
.frm label{ width:200px; text-align:left; margin-right:10px; display:block; float:left; padding-top:3px; color:#111; }
 .frm p{ padding:5px 0px; } 
.frm p input[type="text"]:hover,
.frm p textarea:hover{ border:1px solid #333; background:#fff; } 
.frm p input,.frm p textarea,.frm p select,.frm input { 
width:350px; -moz-border-radius:3px; border-radius:3px; -moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.1); box-shadow:0 0 8px rgba(0, 0, 0, 0.1); 
background:-moz-linear-gradient(center top , #FFFFFF, #EEEEEE 2px, #FFFFFF 25px) repeat scroll 0 0 transparent; 
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(#EEEEEE), to(#FFFFFF)); border:1px solid #999999; margin:0; padding:5px; 
}  
.frm p label.error {  color:#BF2F42; padding-bottom:2px; font-size:12px; padding-left:6px;  float:right; width:200px; } 
p { clear: both; } 
.frm input.error,.frm textarea.error{ background:#FFEF8F; border:1px solid #F95314; color:#363636; }
.frm input[type="submit"]:hover{ background:#dadada; }
.frm input[type="submit"]{ width:130px; clear:left;float:right; background:-moz-linear-gradient(center top , #DADADA, #EFEFEF 2px, #DADADA 25px) repeat scroll 0 0 transparent; background-image: -webkit-gradient(linear, 59% 0%, 60% 100%, from(#CFCFCF), to(white), to(#333)); margin-left:445px;margin-top:10px; float:left; }
.frm textarea{width:570px;}
.post  .tags {
background:url("icons/link-bg.gif") no-repeat scroll left center transparent;
padding:0 0 0 16px;
position:relative;
text-transform:capitalize;
}
.post {
background:url("icons/post-bg.jpg") no-repeat scroll 0 0 transparent;
position:relative;
padding:0 0 20px 12px;
width:-20px;
margin-left:0px;
}
.post p { clear: none;  } .post img{ width:100px; }
p.right { float:right; margin-left:15px; }