/**
Title: CSS File for R&N Express
Author: Joro Balinov, joro@xs-software.com
Website: http://www.xs-software.com
**/

body {
background: #385dbc url('../img/p_bknd.jpg') repeat-x;
font-family: Verdana, Helvetica, Arial, sans-serif;
min-width: 900px;
}

* {
margin: 0;
padding: 0;
}

.clear {
clear: both;
}

/** ========= **/

#wrap {
position: relative;
width: 865px;
left: 50%;
margin: 0 0 0 -432px;
}

#wrap #header {
height: 111px;
}

#wrap #header #logo {
width: 419px;
height: 111px;
background: url('../img/h_logo.jpg') no-repeat;
float: left;
}

#wrap #header #logo span {
display: none;
}

#wrap #header ul {
list-style: none;
float: left;
}

#wrap #header ul li {
float: left;
}

#wrap #header ul li a {
display: block;
background-repeat: no-repeat;
height: 111px;
}

#wrap #header ul li a:hover {
background-position: 0 -111px;
}

#wrap #header ul li a span {
display: none;
}

#wrap #header ul li#zanas a {
width: 80px;
background-image: url('../img/n_zanas.jpg');
}

#wrap #header ul li#uslugi a {
width: 87px;
background-image: url('../img/n_uslugi.jpg');
}

#wrap #header ul li#ceni a {
width: 73px;
background-image: url('../img/n_ceni.jpg');
}

#wrap #header ul li#vrazki a {
width: 89px;
background-image: url('../img/n_vrazki.jpg');
}

#wrap #header ul li#kontakti a {
width: 117px;
background-image: url('../img/n_kontakti.jpg');
}

#wrap #content {

}

#wrap #content .submenu {
width: 230px;
height: 542px;
float: left;
}

#wrap #content #services {
background: url('../img/sm_bknd_services.jpg') no-repeat;
}

#wrap #content #about {
background: url('../img/sm_bknd_about.jpg') no-repeat;
}

#wrap #content #contacts {
background: url('../img/sm_bknd_contacts.jpg') no-repeat;
}

#wrap #content #prices {
background: url('../img/sm_bknd_prices.jpg') no-repeat;
}

#wrap #content #links {
background: url('../img/sm_bknd_links.jpg') no-repeat;
}


#wrap #content #page {
padding: 20px;
float: left;
width: 590px;
}

#wrap #content #page a {
color: #fff;
}

#wrap #content #page h2 {
color: #fff;
font-size: 15px;
border-top: 1px solid #9aaad2;
border-bottom: 3px solid #9aaad2;
padding: 5px 10px;
}

#wrap #content #page .textbox {
background: #5c78c1;
padding: 10px;
margin: 0 0 20px 0;
}

#wrap #content #page .textbox ul, #wrap #content #page .textbox2 ul {
font-size: 12px;
color: #fff;
padding: 0 0 0 30px;
}

#wrap #content #page .textbox p {
font-size: 12px;
color: #fff;
margin: 5px 0;
}

#wrap #content #page h3 {
color: #fff;
font-size: 13px;
border-bottom: 3px solid #9aaad2;
padding: 5px 10px;
}

#wrap #content #page .textbox2 {
padding: 10px;
margin: 0 0 20px 0;
}

#wrap #content #page .textbox2 p {
font-size: 12px;
color: #fff;
margin: 5px 0;
}

#wrap #content #page .formbox .left {
width: 50%;
float: left;
font-size: 12px;
color: #fff;
text-align: right;
height: 25px;
line-height: 20px;
border-bottom: 1px solid #263f7f;
padding: 3px 0 0 0;
}

#wrap #content #page .formbox .right {
width: 48%;
float: left;
padding: 3px 0 0 2%;
height: 26px;
}
#wrap #content #page .formbox .big {
height: 100px;
}

#wrap #content #page .formbox .right input, textarea, select {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
background: #2c4587;
border: 1px solid #758ecf;
color: #fff;
padding: 3px;
}

#wrap #content #page .buttonrow {
padding: 10px 0;
margin: 10px 0;
border-top: 1px dashed #607dc7;
text-align: center;
}

#wrap #content #page .buttonrow input {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
color: #fff;
text-transform: uppercase;
background: #5e7dc8;
border: 1px solid #fff;
padding: 5px;
}

#wrap #content #page .linksbox .left {
width: 18%;
float: left;
font-size: 12px;
color: #fff;
text-align: right;
height: 25px;
line-height: 20px;
padding: 3px 2% 0 0;
font-weight: bold;
}

#wrap #content #page .linksbox .left a {
color: #a1b2dc;
}

#wrap #content #page .linksbox .left a:hover {
color: #fff;
}

#wrap #content #page .linksbox .right {
width: 80%;
float: left;
padding: 3px 0 0 0;
height: 26px;
font-size: 12px;
color: #fff;
line-height: 20px;
border-bottom: 1px solid #263f7f;
}

#changelang {
font-size: 9px;
color: #aebcde;
text-align: right;
margin: 0 0 5px 0;
}

#changelang img {
margin: 0 2px;
}

#wrap #footer {
width: 460px;
margin: 20px 20px 20px 250px;
border-top: 1px solid #4c6ec3;
background: url('../img/f_bknd.jpg') right 0 no-repeat;
padding: 10px 130px 10px 0;
}

#wrap #footer p {
font-size: 11px;
color: #fff;
text-align: right;
}

#wrap #footer p a {
color: #fff;
}

#wrap #footer p small {
color: #8ca1d8;
font-size: 9px;
}