/* Layout CSS */

html, body {
	font: 12px/120% 'Open Sans', Arial, sans-serif;
	color: #303030;
	height: 100%;
	background: url(../images/main_bgr.jpg) #adadad repeat left top;
}

.main_width {
	width: 1000px;
	margin: 0 auto;
}

/* General Styles */

dl {
	transition: all .3s ease;
	-khtml-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
}
dl dd {
	display: block;
}
.virtual-tour {
	position: relative;
	width: 180px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0;
	overflow: hidden;
	cursor: pointer;
}
.virtual-tour dt {
	position:relative;
	margin:0;
	width:180px;
	height:180px;
	overflow:hidden;
	background:#000000;
}
.virtual-tour img {
	transition: all .3s ease;
	-khtml-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
}
.virtual-tour:hover img {
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
.virtual-tour .label {
	position: absolute;
	top: 0;
	left: -180px;
	margin: 0;
	padding: 6px 10px;
	max-width: 204px;
	font-size: .85em;
	text-transform: uppercase;
	font-weight: 700;
	color: #ffffff;
	background-color: #e31818;

	transition: all .3s ease;
	-khtml-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
}

.virtual-tour:hover .label {
	left: 0;
}

/* Notifications */

.notification {
	display: block;
	width: 100%;
	border-top: 10px solid #2798d7;
	border-bottom: 1px solid #dfdfdf;
	background: #f4f5ff;
	color: #469bde;

	padding: 15px;
}
.notification .title {
	color: #1587d3;

	margin-bottom: 15px;
	font-weight: bold;
	font-size: 13px;
}


/* HEADER */

.header_holder {
	background: url(../images/bgr_header.jpg) #e53332 repeat left top;
	border-bottom: #000000 15px solid;
	position: relative;
	z-index: 200;
	
	-moz-box-shadow: 0px 7px 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 7px 10px rgba(0,0,0,0.3);
	box-shadow: 0px 7px 10px rgba(0,0,0,0.3);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#666666')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#666666');
}
.header {
	height: 120px;
	color: #ffffff;
}

.header .name {
/*  background: url(/images/sanmarco_bg.png) no-repeat left top; 
	height: 41px;
	margin-top:25px;
	line-height: 32px;
	padding-left: 315px;
	margin-bottom: 16px;
	*/
	background: url(../images/sanmarco_bg_cl.png) no-repeat left top;
	height: 52px;
	margin-top:15px;
	font-size: 40px;
	line-height: 50px;
	padding-left: 325px;
	margin-bottom: 15px;
}
.header .text {
	font-weight: bold;
	font-size: 12px;
}


/* FOOTER */

.footer_holder {
	background-color: #666666;
	border-top: #000000 5px solid;
	position: relative;
	z-index: 200;
}
.footer {
	overflow: visible;
	height: 138px;
	background: url(../images/footer_separator.png) 220px center no-repeat;
	color:#acacac;
	font-size: 11px;
}

.footer .contacts {
	margin-top: 25px;
}
.footer .contacts li {
	height: 23px;
	line-height: 20px;
}
.footer .contacts i {
	padding-right: 5px;
}
.footer .contacts li a {
	text-decoration: none;
	color: #acacac;
}
.footer .contacts li a:hover {
	text-decoration: underline;
}
.footer .roller {
	background: url(../images/paint-roller-700.png) left top no-repeat;
	height: 118px;
	overflow: visible;

	color: #eeeeee;
}
.footer_menu {
	padding: 32px 25px 0 110px;
}
.footer_menu li {
	float: left;
	font-size: 12px;
	padding-left: 12px;
	margin-left: 12px;
	border-left: 1px solid #999999;
}
.footer_menu li.first {
	padding-left:0;
	margin-left: 0;
	border: none;
}
.footer_menu li a {
	color: #eeeeee;
	text-decoration: none;
}
.footer_menu li a:hover {
	text-decoration: underline;
}


/* CONTENT */

.wrapper {
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
	background-color: #ffffff;
	z-index: 100;
	margin: -135px auto -105px; /* depends on h header & footer */
}

.main_content {
	padding-top: 150px;
	padding-bottom: 120px;
}

.separator {
	/*	padding-top:30px;*/
	background: url(../images/line_ccc.gif) repeat-y 220px top;
}
.separator .top {
	height: 40px;
	background: url(../images/separator_top.png) no-repeat 220px top;
}
.separator .bottom {
	height: 40px;
	background: url(../images/separator_bottom.png) no-repeat 220px bottom;
}

.left_col {
	float: left;
	width: 180px;
	margin-left: 20px;
}
.right_col {
	float: right;
	width: 700px;
	margin-right: 40px;
}
.right_col.gallery {
	width: 720px;
	margin-right: 20px;
}

h1.title {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 8px;
	margin-bottom: 8px;
}
h1.title.mb_20 {
	margin-bottom: 20px;
}

h2.title {
	font-weight: bold;
	text-transform: uppercase;
}

/* navigation */
.menu li a {
	text-decoration: none;
	display: block;

	height: 22px;
	padding-top:8px;
	padding-left: 10px;
	padding-right: 10px;
	color: #737373;

	transition: all .4s;
}
.menu li a .arrow {
	font-family: Calibri;
	font-weight: bold;
	color: #dddddd;
	font-size: 16px;

	transition: all .4s;
}

.menu li a:hover {
	color: #333333;
}
.menu li a:hover .arrow {
	color: #e01d1c;
}

.menu li a.active {
	background: #e01d1c;
	color: #ffffff;
}
.menu li a.active .arrow {
	color: #ffffff;
}

.menu li a.drop_down .arrow {
	color: #e01d1c;
	
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.menu li a.drop_down.active .arrow {
	color: #ffffff;
}

.submenu {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding:5px 15px 5px 0;
	border-left: 2px solid #e7e7e7;
}
.submenu li a {
	min-height: 11px;
	height: auto;
	padding:6px 0 6px 15px;
	color: #868686;
	font-size: 11px;
	line-height: 11px;
	background: none;
	margin-left: -2px;

	background: url(../images/arrow_r_grey_pad.gif) -10px center no-repeat;
}
.submenu li a:hover {
	color: #4e4e4e;
	background: url(../images/arrow_r_grey_pad.gif) left center no-repeat;
}
.submenu li a.active {
	color: #4e4e4e;
	background: url(../images/arrow_r_red_pad.gif) left center no-repeat;
}

.back {
	background: url(../images/arrows_back.png) left 5px no-repeat;
	padding-left: 13px;
	color: #e01d1c;
}


/* products */
.table_product {
	margin-bottom: 30px;
}
.table_product th, .table_product td {
	border: 1px solid #e4e4e4;
	padding:5px;
}
.table_product th {
	background: url(../images/bgr_table_products.jpg) repeat-x left top;
	font-weight: bold;
	font-size: 13px;
	vertical-align: middle;
}
.table_product .grey td {
	background-color: #ebebeb;
}
.table_product p {
	margin-bottom: 10px;
}
.table_product th, .table_product .grey td {
	height: 24px;
}
.table_product .grey a {
	font-size: 10px;
	line-height: 12px;
	color: #000;
	text-decoration: none;
}
.table_product .grey a:hover {
	color: #e01d1c;
}
.table_product .product-image {
	width: 100px;
}
.table_product img {
	max-width: 100px;
}

.pdf {
	background: url(../images/pdf.gif) no-repeat right center;
	display: inline-block;
	padding-right: 30px;
}


/* accents */
.accents {
	margin-top: 40px;
}
.accents a {
	text-decoration: none;
}
.accents li {
	margin-top: 15px;
}
.accents li img {
	border: #cccccc 1px solid;
}
.accents li p {
	padding: 3px 10px 10px;
	background: url(../images/bgr_accents.png) repeat-x left bottom;
	color: #999999;
	font-size:11px;
}
.accents li p strong {
	display: block;
	color: #666666;
	font-size:12px;
}


/* gallery */

.folders {
	overflow: visible;
}
.folders li {	
	float: left;
/*	width: 160px; */
	width: 220px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.folders.big li
{
	width: 340px;
	position: relative;
}
.folders li a {
/*	width: 158px; */
	width: 218px;
	display: block;
	border: 1px solid #fff;
	box-shadow:         0px 0px 5px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 0px 5px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
	text-decoration: none;
	color: #737373;
	text-align: center;
}
.folders.big li a
{
	width: 338px;
}
.folders li img {
	display:block;
}
.folders li a span {
	display: block;
	height: 26px;
	padding: 5px 3px;
	line-height: 12px;

	transition: all .4s;
}
.folders.big li a span
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255, 255, 255, 0.95);

	height: auto;
	padding: 15px 10px;
	font-size: 16px;
	line-height: 16px;
}
.folders li a:hover span {
	background: #E01D1C;
	color: #fff;
}
.folders li .back1, .folders li .back2 {
	border: 1px solid #fff;
	border-bottom: none;
	box-shadow:         0px 0px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 0px 3px 1px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
	overflow: hidden;
}
.folders li .back1 {
	margin-left: 20px;
/*	width: 118px;*/
	width: 178px;
	height: 5px;
}
.folders li .back2 {
	margin-left: 10px;
/*	width: 138px;*/
	width: 198px;
	height: 7px;
}

ul.gallery {
	overflow: hidden;
}
ul.gallery li {
	float: left;
	width: 156px;
	border: 1px solid #cccccc;
	padding: 1px;
	margin-right: 20px;
	margin-bottom: 20px;
	height: 100%;

	transition: all .4s;
}
ul.gallery li a {
	display: block;
	text-decoration: none;
	color: #737373;
}
ul.gallery li span {
	display: block;
	height: 0;
	padding: 0 3px;
	line-height: 12px;
	margin-top: 5px;
}
ul.gallery li .place {
	color: #999999;
	padding: 3px 5px;
	height: 25px;
}
ul.gallery li:hover {
	border-color: #E01D1C;
}

.title.arrow {
	background: url(../images/icons/arrow_title.png) left top no-repeat;
	padding-left: 15px;
	height:13px;
}

.folder_selected {
	overflow: hidden;
	margin-bottom: 20px;
	margin-right: 20px;
	border-bottom: 1px solid #cccccc;
	padding: 5px;
	text-align: center;
	background: -moz-linear-gradient(top,  #eeeeee,  #ffffff);
}
.folder_selected h2 {
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 30px;
	height: 25px;
	line-height: 27px;
	background: url(../images/icons/folder_selected.png) no-repeat left center;
	display: inline-block;
	max-width: 450px;
	overflow: hidden;
	text-align: left;
}
.folder_selected a {
	height: 25px;
	line-height: 23px;
	display: block;
	color: #303030;
	text-decoration: none;
}
.folder_selected a.left {
	padding-left: 15px;
	background: url(../images/icons/arrow_gallery_l.png) no-repeat left center;
}
.folder_selected a.right {
	padding-right: 15px;
	background: url(../images/icons/arrow_gallery_r.png) no-repeat right center;
}
.folder_selected a.left:hover {
	background: url(../images/icons/arrow_gallery_l_red.png) no-repeat left center;
}
.folder_selected a.right:hover {
	background: url(../images/icons/arrow_gallery_r_red.png) no-repeat right center;
}


/* about us */

.text_list li {
	background: url(../images/arrow_r_grey_pad.gif) no-repeat left center;
	padding: 3px 10px;
}

.certificates {
	border-bottom: 1px solid #E7E7E7;
}
.certificates li {
	background: url(../images/arrow_r_grey_pad.gif) no-repeat left 11px;
	padding: 10px 10px 10px 15px;
	border-top: 1px solid #E7E7E7;
	overflow: hidden;
}
.certificates li p {
	float: left;
	width: 500px;
}
.certificates li a {
	float: right;
}

.info_txt p {
	margin-bottom: 10px;
	font-size: 13px;
}

.box_mask {
	padding-right: 287px;
	background: url(../images/about-us/mask.jpg) no-repeat 445px top;
}

/* contacts */

.contact_info li{
	padding-bottom: 12px;
	overflow: hidden;
}

.contact_info li span{
	color: #aaaaaa;
	display: inline-block;
	width: 70px;
	padding-right: 10px;
	float: left;
}

.inputs label {
	display: block;
	margin-bottom: 3px;
}

.contact_form {
	width: 420px;
	overflow: hidden;
	border-left: 2px solid #E7E7E7;
}
.contact_form li {
	float: left;
	margin-left: 20px;
	padding-bottom: 7px;
}
.contact_form input[type="text"], .contact_form textarea {
	border: 1px solid #999999;
	font: 12px/120% 'Open Sans', Arial, sans-serif;
	color: #303030;
	height: 18px;
}
.contact_form textarea {
	width: 398px;
	height: 75px;
	padding:0px;
	resize: none; 
}
.contact_form label {
	color: #aaaaaa;
}
.contact_form input.wide {
	width: 398px;
}
.contact_form input.short {
	width: 188px;
}

.contact_thanks {
	width: 380px;
	padding-left: 40px;
	border-left: 2px solid #E7E7E7;
	height: 136px;
	padding-top: 100px;
}

.btn {
	background: url(../images/arrow_r_white.gif) no-repeat scroll 80px center #E01D1C;
	color: #FFFFFF;
	border: none;
	height: 30px;
	width: 100px;
	padding-left: 10px;
	text-align: left;
	cursor: pointer;
}