TIPCS.RU

html {
   background:#212121 url(../images/bg-html.gif) top left repeat-x;
   font-size:13px;}
body {
   margin:0px;
   padding:0px;
   text-align:center;
   color:#212121;
   font-family:Arial,Tahoma,Helvetica,Sans-serif;}
.comm {
   border: 0px;
   margin-top:20px;
   margin-left:70px;
   margin-right:45px;}
.rec {
   margin-left:90px;
   margin-right:5px;
   padding: 5px;
   font-family:Tahoma;}
.story {
   margin-left:5px;
   margin-right:10px;}
#index {
   background: url(../images/bg-body.jpg) top center no-repeat;}
#about {
   background: url(../images/bg-body-about.jpg) top center no-repeat;}
#services {
   background: url(../images/bg-body-services.jpg) top center no-repeat;}
h1,h2,h3,h4,h5,h6,ul,li,form,div,p{
   margin:0px;
   padding:0px;}

#puzadpn {display:none}

h3,h4{
   padding-left:20px;}
cat {
   font-family:Century Gothic,Tahoma;
   padding-left:45px;}
got {
   font-family:Century Gothic,Tahoma;}
div {
   width:auto;
   height:auto;
   margin-left:auto;
   margin-right:auto;}
a {
   text-decoration:none;
   font-family:Century Gothic,Tahoma;
   color:#d53013;
   outline:none;}
a:hover {
   text-decoration: underline;
   color:#ff6c00;}

#main, #okvir {
   width:970px;}
#main {
   width:970px;
   text-align:left;}
#okvir {}
#header {
   text-align:right;
   background:url(../images/bg-header1.jpg) top center no-repeat;
   /*background-color: #E9F3D9;*/
   height:307px;}
   #logo {
   float:left;
   padding-top:26px;}
#header a {
   color:#454545;
   padding-left:2px;
   padding-right:2px;
   text-decoration: underline;}
#header a:hover,a:focus {
   color:#454545;
   text-decoration:none;}   
#featured {
   height:294px;
   width:970px;
   background:url(../images/bg-featured.jpg) top center no-repeat;
   position:relative;}
   #f_project {
   position:absolute;
   width:480px;
   line-height:16px;
   top:91px;
   left:57px;
   color:#fff;}
   #f_project p {
   margin-bottom:12px;
   padding-left:7px;}
   #f_project p a {
   font-weight:bold;
   font-family:Verdana, Arial, Helvetica, sans-serif;}
   #f_project a.view_other_p {
   font-weight:bold;
   background: url(../images/bt-view-other-p.jpg) 0 0 no-repeat;
   display:block;
   width:133px;
   height:34px;
   text-indent:-9999px;}
   #f_project a.view_other_p:hover {
   text-decoration:none;
   background: url(../images/bt-view-other-p.jpg) 0 -34px no-repeat;}
   #f_project h1 {
   color:#fff;
   font-size:22px;
   padding-left:7px;
   margin-bottom:15px;}

/* index page */
#content {
   width:970px;}
/* about page */
#a_content {
   width:970px;
   padding-top:20px;
   background: url(../images/bg-about.gif) top center no-repeat;}
/* contact page */
#c_content {
   width:970px;
   padding-top:19px;
   background: url(../images/bg-contact.gif) top center no-repeat;}
#contact_content {
   width:970px;
   padding-bottom:19px;
   background: #fff url(../images/bg-services-content.jpg) bottom center no-repeat;
   float:left;
   /*height:580px;*/}
   #contact_content p {
   line-height:18px;}
   #contact_content h2 {
   padding-bottom:8px;}
   #contact_content form {
   padding-top:12px;}
   #contact_content form label {
   display: block;
   float: left;   
   width: 52px;   
   padding: 0;   
   margin: 14px 0 0;
   text-align: right;}
   #contact_content form input, #contact_content form select /*#contact_content form textarea*/ {
   outline:none;
   /*padding-right:8px;*/
   margin: 8px 0 0 5px;}
/* #contact_content form select {
   border:none;
   background:url(../images/bg-input-contact.gif) top left no-repeat;}*/
   #contact_content form input {
   background:url(../images/bg-input-contact.gif) 0 0 no-repeat;
   border:none;
   width:202px;
   padding-top: 6px;
   font-size:11px;
   padding-bottom:5px;
   padding-left:8px;
   padding-right:8px;}
   #contact_content form input:focus {
   background:url(../images/bg-input-contact.gif) 0 -25px no-repeat;}
   #contact_content form select {
   width:212px; /* 218px */
   margin: 12px 0 0 5px;}
   #div_textarea {
   background:url(../images/bg-textarea-contact.gif) 0 0 no-repeat;
   margin: 8px 0 0 58px;
   padding-top:4px;
   padding-bottom:4px;}
   #div_textarea_1 {
   background:url(../images/bg-textarea-contact.gif) 0 0 no-repeat;
   margin: 8px 0 0 58px;
   padding-top:4px;
   padding-bottom:4px;}   
     
     
   * html .div_textarea {margin: 8px 0 0 60px;}
   * html #div_textarea {margin: 8px 0 0 60px;}
   * html #div_textarea_1 {margin: 8px 0 0 60px;}
   #contact_content form textarea {
   background-color: transparent;
   outline:none;
   resize:none;
   overflow:auto;
   height:88px;
   padding-top:4px;
   padding-left:4px;
   padding-bottom:4px;
   border:none;
   width:203px;}
   /*#contact_content form textarea:focus {
   background:#330066;}*/
   .contact_box {
   float:left;
   padding-right:20px;
   padding-left:20px;}
   .cu {
   width:281px;}
   .hos {
   width:291px}
   .ojsh {
   width:278px;}
   #contact_content form input#sendButton {
   width:84px;
   height:39px;
   display:block;
   margin-top:12px;
   margin-left:192px;
   text-indent:-9999px;
   background:url(../images/bg-button.gif) 0 0 no-repeat;
   cursor:pointer;}
   #contact_content form input#sendButton:hover {background:url(../images/bg-button.gif) 0 -39px no-repeat;}
   #contact_content form input#sendButton_say {
   width:84px;
   height:39px;
   display:block;
   margin-top:12px;
   margin-left:192px;
   text-indent:-9999px;
   background:url(../images/bg-button.gif) 0 0 no-repeat;
   cursor:pointer;}
   #contact_content form input#sendButton_say:hover {background:url(../images/bg-button.gif) 0 -39px no-repeat;}
/*---------*/
   #contact_content form a {
   /*float:right;*/
   width:84px;
   height:39px;
   display:block;
   margin-top:12px;
   margin-left:192px;
   text-indent:-9999px;
   background:url(../images/bg-button.gif) left top no-repeat;}
   #contact_content form a:hover {
   background:url(../images/bg-button-h.gif) left top no-repeat;}
   .c_business_card, .c_email, .c_skype {
   width:85px;
   height:85px;
   display:block;
   text-indent:-9999px;
   float:left;}
   .c_business_card {
   background:url(../images/bcard.jpg) 0 0 no-repeat;}
   .c_business_card:hover {
   background: url(../images/bcard.jpg) 0 -85px no-repeat;}
   .c_email {
   background: url(../images/email.jpg) 0 0 no-repeat;}
   .c_email:hover {
   background: url(../images/email.jpg) 0 -85px no-repeat;}
   .c_skype {
   background: url(../images/skype.jpg) 0 0 no-repeat;}
   .c_skype:hover {
   background: url(../images/skype.jpg) 0 -85px no-repeat;}
/* projects page */

#p_content {
width:970px;
background:url(../images/bg-project-content-r.gif) top left repeat-y;
}

   #p_content_bck {
   background: url(../images/bg-contact.gif) top center no-repeat;
   height:20px;}
   #p_content_details {
   background: url(../images/bg-project-content.gif) top center no-repeat;
   padding-top:20px;
   width:970px;}
   #details_content {
   width:970px;
   background: #fff url(../images/bg-pcopy.gif) top center repeat-y;}
   --------------------------
/* index page */
#content {
   width:970px;}
#right_sidebar {
   width:271px;
   height:400px;
   padding-top:19px;
   background: url(../images/bg-rightsidebar.gif) top right no-repeat;
   /*padding-left:11px;*/
   float:right;}
   #right_sidebar p {
   font-size:11px;
   font-weight:bold;}
   #right_sidebar p.title {
   font-size:12px;
   margin-bottom:4px;
   color:#212121;}
   #right_sidebar h3 {
   padding-left:12px;
   padding-bottom:12px;}
   .client {
   margin-bottom:12px;
   width:258px;
   float:left;
   padding-left:12px;}
   .client img {
   float:left;
   padding-right:12px;
   margin-bottom:5px;}
/* index page */
#home_content {
   width:680px;
   height:228px;
   padding-top:19px;
   padding-left:19px;
   background: #fff url(../images/bg-homecontent.gif) top left no-repeat;
   float:left;}
   #home_content p {}
/* about page */
#about_content, #services_content {
   width:932px;
   padding-left:19px;
   padding-right:19px;
   padding-bottom:19px;
   float:left;}
#about_content {
   background: #fff url(../images/bg-services-content.jpg) bottom center no-repeat;}
#services_content {
   background: #fff url(../images/bg-services-content.jpg) bottom center no-repeat;
   /*height:690px*/;}
   #services_content p {
   padding-left:112px;
   padding-bottom:8px;
   line-height:18px;}
   #a_copy {
   float:left;
   width:552px;}
   #a_copy img {
   float:left;
   padding-right:12px;}
   #illustration {
   float:right;
   width:374px;}
     
   #home_content h2, #about_content h2, #projects_content h2 {
   margin-bottom:4px;}
   #home_content p, #about_content p {
   margin-bottom:10px;
   line-height:18px;}

/* projects page */
#projects_content, #projects_content_d {
   width:970px;
   padding-bottom:20px;
   float:left;}
#projects_content {
   background: url(../images/bg-project-content.gif) bottom center no-repeat;}
#projects_content_d {
   background: url(../images/bg-project-content-d.gif) bottom center no-repeat;
     

   #p_copy h2, #p_copy_details h2 {
   padding-left:12px;}
   #p_copy p.p12, #p_copy_details p.p12 {
   padding-left:12px;
   padding-bottom:12px;}
   #p_copy p, #p_copy_details p {
   line-height:18px;}
   .clients {
   width:671px;
   float:left;
   margin-top:15px;
   text-align:center;
}

   .d_client {
   width:678px;
   float:left;
   text-align:center;}
   .d_info {
   background:url(../images/bg-d-info.gif) top center no-repeat;
   height:80px;
   text-align:left;
   padding-left:22px;
   padding-right:22px;}
   * html .d_info {margin-top:-3px}
   .d_info p.comp {
   font-size:14px;
   padding-top:28px;
   /*text-transform:uppercase;*/
   font-weight:bold;
   color:#fff;}
   .dc_text {
   float:left;
   width:200px;}
   .bread_cd {
   float:left;
   width:200px;
   margin-top:30px;}
   .bread_cd a {
   background: url(../images/bg-bread-n.gif) center center no-repeat;
   height:14px;
   text-indent:-9999px;
   float:left;
   margin-left:8px;
   width:14px;
   display:block;}
   .bread_cd a.activecd, .bread_cd a:hover {
   background: url(../images/bg-bread-a.gif) center center no-repeat;}
   .navigation_dc {
   float:right;
   margin-top:14px;
   width:200px;}
   .navigation_dc a.back, .navigation_dc a.next {
   display:block;
   float:right;
   text-indent:-9999px;
   width:72px;
   height:44px}
   .navigation_dc a.back {
   background:url(../images/bg-dc-pre.gif) left center no-repeat;}
   .navigation_dc a.back:hover {
   background:url(../images/bg-dc-pre-h.gif) left center no-repeat;}
   .navigation_dc a.next {
   background:url(../images/bg-dc-next.gif) left center no-repeat;}
   .navigation_dc a.next:hover {
   background:url(../images/bg-dc-next-h.gif) left center no-repeat;}
   .d_comp_info {
   padding-left:12px;}
   .d_comp_info h3 {
   padding-top:12px;
   /*padding-bottom:12px;*/}
   .d_comp_info p {
   padding-bottom:12px;}
   .d_comp_info p.d_c_desc {
   font-size:10px;}

   .info {
   background:url(../images/bg-info.jpg) top center no-repeat;
   height:80px;
   text-align:left;
   padding-left:22px;
   padding-right:22px;}
   * html .info {margin-top:-3px}
   .text {
   float:left;
   width:300px;}
   .bt {
   float:right;
   width:300px;}
   .bt img {}
   .bt a {
   float:right;
   margin-top:18px;
   background:url(../images/bt-details.gif) 0 0 no-repeat;
   height:32px;
   width:127px;
   text-indent:-9999px;}
   .bt a:hover {
   background:url(../images/bt-details.gif) 0 -32px no-repeat;}

#dright_sidebar {
   width:274px;
   float:right;}
   .client p {
   font-size:14px;
   padding-left:30px;}
   #pright_sidebar p.title {
   font-size:12px;
   margin-bottom:4px;
   color:#212121;}
   #pright_sidebar h3, #dright_sidebar h3 {
   padding-left:12px;
   padding-bottom:8px;}
   .pt {
   padding-top:18px}
   .testimonial {
   margin-left:12px;}
   p.cloud {
   background:url(../images/bg-cloud.gif) 0 0 no-repeat;
   padding:8px;
   font-size:11px;
   line-height:14px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   width:220px;
   height:96px;}

     
#hccontent {
   float:left;
   width:699px;
   height:122px;}

#footer {
   color: #fefefe;
   padding-top:21px;
   font-size:11px;
   width:970px;
   height:50px;}
   #cop {
   float:left;
   width:400px;}
   #cop img {
   float:left;
   padding-right:4px;}
   #cop p {
   line-height:22px;}
   #newsletter {
   float:right;}
   #newsletter input, #newsletter label {
   float:left;}
   #newsletter label {
   padding-right:10px;
   padding-top:6px;}
   #newsletter input.inp{
   border: none;
   float:left;
   width:186px;
   padding-top:6px;
   padding-bottom:0px;
   padding-left:10px;
   margin-right:-2px;
   outline:none;
   height:18px;
   font-family:Tahoma,Helvetica,Sans-serif;
   font-size:11px;
   color:#4C4C4C;
   background: url(../images/bg-newsletterinput.jpg) left center no-repeat;}
   #newsletter input.inp:focus{
   background: url(../images/bg-newsletterinput_hover.jpg) left center no-repeat;}

.popup_message {
   position:absolute;
   background:#f6b36f;
   top:350px;
   left:50%;
   width:398px;
   margin-left:-200px;
   display:none;
   height:80px;
   border:#000;}

#sign {
   padding-left:10px;
   font-family:Century Gothic,Tahoma;}

/* === CS-Online v2.7 by Sheckler === */
td {font-size: 11px; color: #5d5d5d; font-family: tahoma, sans-serif}
a:link {font-size: 11px; background: none transparent scroll repeat 0% 0%; COLOR: #5d5d5d; font-family: tahoma, sans-serif; text-decoration: none}
a:active {font-size: 11px; background: none transparent scroll repeat 0% 0%; COLOR: #5d5d5d; font-family: tahoma, sans-serif; text-decoration: none}
a:visited {font-size: 11px; background: none transparent scroll repeat 0% 0%; COLOR: #5d5d5d; font-family: tahoma, sans-serif; text-decoration: none}
a:hover {font-size: 11px; background: none transparent scroll repeat 0% 0%; COLOR: #cccccc; font-family: tahoma, sans-serif; text-decoration: none}
.st1 { font-weight: normal; color: black; border-style: none; background-color: #f7f7f7 }
.st2 { font-weight: normal; color: black; border-style: none; background-color: #f7f7f7 }
.st3 { font-weight: normal; color: white; border-style: none; background-color: #f7f7f7 }
.st4 { font-weight: normal; color: black; border-style: none; background-color: #87e700}
.st5 { font-weight: normal; color: black; border-style: none; background-color: #0eb0e6}
.wrap {
background: #F2DDDD;
border: 1px solid #992A2A;
border-top: 0;
margin: 5px;
padding: 0;
}
.wrap h4 {
background: #E3C0C0;
border: 1px solid #992A2A;
border-left: 0;
border-right: 0;
color: #992A2A;
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 5px;
}

.wrap p {
background: transparent;
border: 0;
color: #992A2A;
margin: 0;
padding: 8px;
font-size: 11px;
}

#hintbox {
position:absolute;
top: 0;
background-color: white;
width: 200px;
padding: 3px;
border:1px solid #787878;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
visibility: hidden;
}

div#dropnav {
background:url('default2.jpeg') no-repeat;
width:997px;
height:29px;
font-family:Arial;
font-weight:bold;
font-size:12px;
}
#dropnav li {
float:left;
list-style:none;
display:block;
vertical-align:top;
}
#dropnav li a {
text-align:center;
color:#dedede;
display: block;
text-decoration: none;
margin-top:12%;
height:29px;
}
#dropnav li a:hover {
color:#fff;
display: block;
text-decoration: underline;
height:22px;
}
#dropnav li ul li a {
display: block;
text-decoration: none;
height:10px;
}
#dropnav li ul li a:hover {
display: block;
text-decoration: none;
height:10px;
}
#dropnav li ul {
position: absolute;
left:-900%;
width:125px;
padding: 0;
top:37px;
}
#dropnav li li {
width:125px;
height:90px;
overflow:hidden;
background:url('default.png');
}
#dropnav li:hover ul, #dropnav li li:hover ul, #dropnav li li li:hover ul, #dropnav li.sfhover ul, #dropnav li li.sfhover ul, .sfhover ul {
left:auto;
margin-left:-33px;
}