/*
    Document   : global.css
    Created on : 26.01.2010, 4:37:48
    Author     : Denis Sudakov
    Description: Global stylesheet for dtvideo.ru
*/

* {
    margin: 0;
    padding: 0;
}

a {color: #247cb9;}
img {border: 0;}

body, html {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #3f3f3f;
    background-color: #fff;
}

.top-layout, .bottom-layout {
    width: 100%;
    min-width: 1068px;
}

.top-layout {
    height: 560px;
    background: url("../img/bg1.jpg") top repeat-x;
}

.bottom-layout {
    background: url("../img/bg2.jpg") top repeat;
}

.centerLayout {
    width: 1068px;
    margin: 0 auto;
}

#header {
    height: 209px;
    background: url("../img/header-bg.jpg") top no-repeat;
}

#logo {
    float: left;
    position: relative;
    top: 20px;
    width: 311px;
    height: 91px;
    background: url("../img/logo.png") no-repeat;
}

#price, #contacts {
    float: left;
    position: relative;
    top: 20px;
    height: 57px;
    padding: 15px 0 0 70px;
    font-size: 24px;
}

#price {
    width: 140px;
    left: 65px;
    background: url("../img/price.png") no-repeat;
}

#contacts {
    width: 170px;
    left: 40px;
    background: url("../img/contacts.png") no-repeat 0 5px;
}

#phoneCod, #phoneNumber {
    float: left;
    position: relative;
    color: #7a7e8c;
    padding-left: 5px;
}

#phoneCod {
    top: 37px;
    font-size: 18px;
}

#phoneNumber {
    top: 26px;
    font-size: 30px;
    font-style: italic;
}

#slogan {
    float: left;
    position: relative;
    top: 18px;
    left: 35px;
	width: 850px;
    color: #fff;
    font-size: 25px;
    font-style: italic;
}

#typeSolutions {
    float: left;
    position: relative;
    top: -10px;
    width: 400px;
}

#titleSolutions {
    position: relative;
    top: -20px;
    width: 100%;
    height: 30px;
    padding-left: 35px;
    color: #247cb9;
    font-size: 24px;
}

.lineSolution {
    height: 35px;
    font-style: italic;
}

.mark {
    float: left;
    width: 30px;
    height: 35px;
    background: url("../img/mark.gif") 5px 10px no-repeat;
}

.description {
    float: left;
    width: 220px;
    padding-left: 5px;
}

b.orange {
    color: #e5810c;
}

.cost {
    float: left;
    width: 90px;
    height: 35px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    padding-top: 5px;
    background: url("../img/cost.gif") no-repeat;
}

.dashedLine {
    width: 100%;
    height: 25px;
    background: url("../img/line.png") 35px no-repeat;
}

.dashedLine2 {
    width: 100%;
    height: 25px;
    background: url("../img/line.png") repeat-x;
}

#flash {
    float: left;
    position: relative;
    top: -20px;
    width: 620px;
    height: 350px;
}

.boxB {
    display: table;
}

.specialOffer {
    float: left;
    width: 350px;
    position: relative;
    top: -40px;
    margin-right: 35px;
}

.specialOffer .inner-box, .specialOffer  b {
    background-color: #fff;
    text-align: left;
}

.inner-box {
    padding: 23px;
    height: 770px;
}

#titleBox {
    float: left;
    color: #247cb9;
    font-size: 24px;
    padding-bottom: 10px;
}

.titleOffer {
    float: left;
    font-weight: bold;
    font-style: italic;
    padding-top: 10px;
	padding-bottom: 20px;
    width: 200px;
}

.pictureOffer {
    float: left;
	padding-top: 10px;
}

.descriptionOffer {
	float: left;
}

.descItem {
    float: left;
	width: 280px;
    padding-left: 20px;
    padding-bottom: 10px;
    background: url("../img/minimark.gif") 0 3px no-repeat;
}

.costOffer, .summaryOffer {
	float: left;
	font-size: 24px;
	font-style: italic;
	margin-top: 10px;
	padding-top: 7px;
}

.summaryOffer {
	width: 160px;
	text-align: right;
	padding-right: 15px;
}

.costOffer {
	width: 125px;
	height: 41px;
	color: #fff;
	text-align: center;
	background: url("../img/costOffer.png") no-repeat;
}

#textBox {
    float: left;
    width: 660px;
}

#menu {
    float: left;
	padding-bottom: 20px;
}

.menuItem, .menuItemSelected, .menuItemDisabled {
    float: left;
    width: 210px;
    height: 36px;
    text-align: center;
    font-style: italic;
    font-size: 18px;
    padding-top: 7px;
}

.menuItem a {
    position: relative;
    top: 5px;
    border-bottom: 1px dashed;
    text-decoration: none;
    z-index: 1;
}

.menuItemSelected {
    background: url("../img/tab-bg.jpg") top no-repeat;
}

.menuItemDisabled a {
	visibility: hidden;
}

.titleText {
	width: 660px;
	padding-bottom: 20px;
    font-style: italic;
    font-size: 24px;
}

.emptyDiv {
	float: left;
	width: 660px;
	height: 20px;
}

#text {
    width: 600px;
}

#text p {
    padding-bottom: 25px;
}

#text li {
	width: 600px;
    margin-left: 30px;
    padding-left: 3px;
    padding-bottom: 5px;
}

#map {
	width: 900px;
	height: 350px;
	padding-top: 20px;
	padding-left: 90px;
}

.telFax {
	font-size: 16px;
}

#footer {
    font-size: 12px;
    height: 90px;
	background: url("../img/bg2.jpg") top repeat;
}

#footerLine {
    position: relative;
    width: 100%;
    height: 5px;
    background-color: #cdd0d6;
    margin-bottom: 20px;
}

#home {
    float: left;
    width: 60px;
    height: 50px;
    background: url("../img/home.gif") top center no-repeat;
}

#LiveInternet {
	float: right;
	padding-right: 30px;
}

#copyright {
    float: left;
	width: 800px;
    font-weight: bold;
}

#address {
	float: left;
    width: 270px;
}

#mediasite {
    float: right;
    text-align: right;
    position: relative;
	top: -18px;
    padding-right: 30px;
}

/* round corners */

.r1, .r2, .r3, .r5 {
    overflow: hidden;
    font-size: 1px;
    display: block;
    height: 1px;
}

.r5 { margin: 0 5px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }