html { background-color: #333333; }
body { text-align: center; }
body #page { text-align: justify; }
div#page { width: 798px; margin: 0 auto; }
#hd { background-color: #9a999e; }
nav#main { margin-left: 267px; }
nav#main ul { background-color: #9a999e; }
nav#main ul li { position: relative; white-space: nowrap; padding: 2px 0; }
nav#main ul li a { display: block; color: #ffffff; }
nav#main ul li a:hover, nav#main ul li.active>a { text-decoration: none; color: #660000; }
nav#main ul.level1>li { display: inline-block; margin-right: 8px; }
nav#main ul.level1>li>ul { display: none; position: absolute; left: 0; }
nav#main ul.level2 { padding: 10px; -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); margin-top: 2px; }
nav#main ul.level2 ul { margin-left: 10px; }
#bd { background: transparent url('../images/bd.png') repeat-y center top; margin-bottom: 10px; }
.minor { width: 267px; float: left; background-position: top left; background-repeat: no-repeat; }
.minor p { text-align: left;  }
.major { overflow: hidden; padding: 20px; }
#bd .minor { background-color: #660000; }
nav.realizations { text-align: left; }
nav.realizations>ul { margin-left: 112px; }
nav.realizations li a { display: block; color: white; padding: 4px 10px; }
nav.realizations li a:hover, nav.realizations li.active a { background-color: #cccccc; text-decoration: none; color: #660000; }
nav.realizations ul ul { margin-left: 20px; }
.article { margin-bottom: 20px; }
.gallery a { display: block; border: 1px solid #333333; margin-right: 10px; margin-bottom: 10px; width: 50px; height: 50px; float: left; }
#ft { text-align: center; color: #ffffff; }
#ft a { color: #D75E18; }
.paginator { font-size: 1.1em; }
.paginator a, .paginator span { vertical-align: middle; margin: 0 3px; font-weight: bold; }
section.section { padding: 20px; color: #ffffff; }
section.section h2 { margin-bottom: 20px; color: #ffffff; font-size: 15px; font-weight: bold; }
section.section .snippet { margin-bottom: 20px; }
section.section .snippet h3 { color: #ffffff; border-bottom: 1px solid #B9B9B9; padding-bottom: 5px; margin-bottom: 5px; font-weight: bold; }
section.section .snippet h3 a { color: #ffffff; }
section.section .snippet img { float: left; border: 1px solid #ffffff; margin-right: 10px; width:50px; height: 50px; }
section.section .paginator a { color: #ffffff; font-weight: normal; }
section.section .paginator paginator-current { font-weight: bold; }
em { color: #660000; }
div.price { margin-bottom: 30px; text-align: center;  }
div.price img { margin: 0 5px 5px 0; }
nav.press { text-align: left; }
nav.press>ul { margin-left: 147px; background-color: #660000; }
nav.press li a { display: block; color: white; }
nav.press li a img { display: block; }
nav.press li a span { display: block; padding: 4px 10px; }
nav.press li a:hover, nav.realizations li.active a { background-color: #cccccc; text-decoration: none; color: #660000; }
nav.press ul ul { margin-left: 20px; }
.minor { color: #ffffff; }
.contact { padding: 20px; }

.field { margin-bottom: 10px; }
label { width: 100px; padding: 3px 0; margin-right: 10px; display: inline-block; vertical-align: middle;}
input[type=text], textarea, input[type=file] { display: inline-block; font-family: inherit; font-size: inherit; font-family: inherit; border: 1px solid #333333; padding: 3px; margin-right: 10px; vertical-align: middle; }
.captcha-img { border: 1px solid #333333; display: inline-block; height: 20px; margin-right: 10px; width: 70px; background-position: center center; background-repeat: no-repeat; background-color: white; vertical-align: middle; }
.errors { margin-left: 110px; }
button { cursor: pointer; }


/*#hd { padding: 30px 0 40px 0; text-align: center; }
#hd header { padding-bottom: 10px; border-bottom: 1px solid black; margin-bottom: 10px; }
#hd header p { font-size: 50px; font-family: Camilla, Arial; }
#hd nav { margin-bottom: 10px; font-size: 20px; position: relative; z-index: 2; }
#hd nav ul { list-style-type: none; margin: 0; padding: 0; }
#hd nav ul li { display: inline-block; position: relative; }
#hd nav ul li a { display:block; width:120px;}
#hd nav ul li.active a, #hd nav ul li:hover a { background-color: black; color:white; }
#hd nav ul li ul { position: absolute; background-color: black; font-size: 16px; border: 1px solid black; display: none; }
#hd nav ul li ul li { display: block; }
#hd nav ul li ul li a { color: white; width: auto; }
#hd nav ul li ul li a:hover { color: black; background-color: white; }
#hd nav ul li:hover ul { display: block; }
nav a { color: black; }
nav a:hover { text-decoration: none; }
#banner { width: 800px; height: 260px; -webkit-box-shadow:  0px 0px 10px 10px rgba(0, 0, 0, 0.1); box-shadow:  0px 0px 10px 10px rgba(0, 0, 0, 0.1); text-align: left; position: relative; z-index: 1; }
.cs-title { width: 800px; }
#ft { border-top: 1px solid black; padding: 10px 0; font-size: 14px; }
.gallery a { display: block; width: 100px; height: 75px; float: left; margin: 10px; line-height: 75px; text-align: center; padding: 5px; background-color: black; -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2); }
.gallery a img { vertical-align: middle; }*/
