/* CSS Document */
/*---------------------------------
     IE=7, Mozilla Firefox 3, Safari 3, Google Chrome 1,  Opera 10
 :  1.2 
:  
e-mail: vitokg@gmail.com
-----------------------------------*/

* {
margin:0;
padding:0;
}

html, body {
height:100%;
}


body {
background-color:#F0F3F9;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0 auto;
width:1000px;
}

a {
text-decoration:none;
}

#wrapper {
background-color:#d5e9fb;
height:auto !important;
min-height:100%;
position:relative;
}

#header {
background: #1985cb;
background-image:url('/img/logo.jpg');
background-position:left top;
background-repeat:no-repeat;
height:190px;
position:relative;
}
#header p {
color:#FFFFFF;
float:left;
font-weight:bold;
margin-left:490px;
margin-top:10px;
text-align:justify;
width:200px;
position:absolute;
}

#header_img{
float:right;
margin-right:20px;
margin-top:5px;
}

#logo {
display:block;
width:400px;
height:150px;
}
/* ................. =menu ..................*/

#header ul  {
background: #4895C0 url(/img/menu_bg.gif) repeat-x;
border-bottom:15px solid #143D55;
/*bottom:-150px;*/
height:29px;
overflow:hidden;
padding-left:10px;
position:relative;
}

#header li {
border-right:1px solid #8BC7EC;
float:left;
line-height:29px;
list-style-type:none;
margin:0;
padding:0 5px 0 5px;
}

#header li.last {
border-right:none;
}

#header a {
color:#ffffff;
display:block;
font-size:12px;
font-weight:bold;
/*padding-right:5px;
*/text-decoration:none;
/*text-transform:uppercase;*/
}

#header li:hover,  .header a:hover {
background:url(/img/menu_hover.gif) repeat-x bottom left;
}

.current {
	background:#143D55 url(/img/menu_active.gif) no-repeat top right;
}

#header li.current a:hover {
background:none;
}
/*.......................=content main page .......................*/

#content {
padding-top:30px;
position:relative;

}

#content h1 {
background-color:#1683c9;
color:#FFFFFF;
font-size:18px;
height:100px;
line-height:35px;
text-align:center;
width:360px;
position:relative;
/*z-index:0;
*/}

#content h1.even {
left:640px;
}

#content h1 a {
color:#ffffff;
}

#content h2 a {
color:#13587f;
font-size:14px;
}
div.content_box, .content, .content_box_info {
background-color:#ffffff;
/*background: url(../img/content_box_bg_03.gif) repeat-y;*/    
border:1px solid #2B9AD9;
margin: auto;
margin-bottom:-30px;
min-height:150px;
overflow:auto;
padding:10px;
position:relative;
top:-60px;
width:900px;
z-index:2;
}

div.content_box h2 {
color:#13587f;
font-size:14px;
margin:5px;	
}

.content_box div {
border-right:1px solid #55ADE0;
float:left;
text-align:center;
width:224px;
}

div.content_box div.last_item {
border-right:none;
}

div.content_box img {
/*!!!*/
height:113px;
width:150px;
}

div.content_box p {
font-size:12px;
margin:auto;
margin-top:15px;
margin-bottom:10px;
text-align:justify;
width:190px;
}

.content {
background:#ffffff url(/img/bg_cnt.gif) repeat-y right;
}
/*..................................... =Partners main page ...........................*/
#partners {
background-color:#d5e9fb;
text-align:center;
}

#partners h2 {
color:#063260;
text-align:center;
}

hr {
border:none; /*    Firefox */
color:#418fbb; /*    IE */
background-color:#418fbb; /*   Firefox & Opera */
height:2px;
width:600px;
text-align:center;
margin:auto;
}

#partners table {
margin:10px auto;
}
#partners td {
height:75px;
width:100px;
}

/*................................ =content for default pages ....................*/
#maincontent {
float:left;
padding:5px 20px 5px 10px;
text-align:justify;
width:650px;
}

#maincontent img {
float:left;
/*height:225px;*/
margin:0 15px 10px 0;
/*width:300px;*/
}

#subcontent {
float:right;
padding:5px 0 0 0;
text-align:justify;
width:200px;
}

#empty {
height:130px;
}

.item {
clear:both;
margin:30px 0 0;
}

div.item img {
height:114px;
width:150px;
}
/*............................................. =footer  .......................*/
#footer {
background-color:#418fbb;
clear:both;
height:120px;
margin-top:-120px;
position:relative;
}
#footer p {
color:#FFFFFF;
font-weight:bold;
padding:10px;
width:400px;
}

div.counter {
bottom:10px;
position:absolute;
right:5px;
}

div.counter div {
/*background-color:#FFCC33;*/
float:left;
height:31px;
margin:0 5px 5px 6px;
width:88px;
}

/*........................................ =order form ..........................*/
#order_form{
width:200px;
text-align:center;
}

#order_form fieldset {
border: none;
margin:5px 0;
padding:5px;
text-align:left;
}

#order_form legend {
color:#005FB5;
font-size:15px;
font-weight:bold;
}

#order_form label {
margin-right:10px;
}

#order_form textarea {
margin-bottom:10px;
}

#order_form p {
margin-bottom:7px;
}

.btn {
text-align:right;
}

.btn input {
color:#005FB5;
font-weight:bold;
width:60px;
}