@import url("../../../wp-content/themes/lettuce/base64.css") screen, projection;

/*
Theme Name: Lettuce Akropol
Author: 7-line.ru
Version: 0.1
Tags: black, lettuce
*/

* {
	margin: 0;
	padding: 0;
	outline: none;
}
html {
	height: 100%;
}
header, nav, section, article, aside, footer {
	display: block;
}
body {
	font: 14px/20px Arial, Verdana, Tahoma, sans-serif;
	width: 100%;
	height: 100%;
	color:#303030;
	background: #e0e3d2;
}
a {
	color: #1194CB;
	outline: none;
	text-decoration: none;
}
a:hover { text-decoration: none; }
a:focus{ outline:none; }


a span {  border-bottom:1px solid #8DC3CF; }
a:hover span {  border-bottom: none; }

p {
	margin: 0 0 18px
}
img {
	border: none;
}
input {
	vertical-align: middle;
}

h1, h2, h3, h4 { padding:0; margin:0; }
h1 {
	font: 30px Arial, Verdana, Tahoma, sans-serif;
	color:#303030;
	margin:0 0 35px 0;
	margin: 25px 0 35px 15px;
}

h1.fl {
display:inline-block; margin-bottom: 0;
}


h3 {
	font: 18px Arial, Verdana, Tahoma, sans-serif;
	color:#303030; margin:0 0 25px 0;
}
h3.ha {
display:inline-block; margin-left:25px; margin-bottom: 0;
}

.wrapper {
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}


/* Header
-----------------------------------------------------------------------------*/
header {
	height: 140px; margin:0; padding:0; width:100%;
	background: #424242;
}

.header-wrap {
width:1200px; margin:0 auto; padding:0 15px; position:relative;height: 140px;background: #424242;
}
.logo {
display:inline-block; width:187px; height:71px;
margin:36px 0 0 15px; vertical-align:top;
}
.header-wrap nav { display:inline-block; vertical-align:top; margin: 23px 0 0 30px;}
.header-wrap nav a {
display:inline-block; color: #e3e3e3; text-decoration:none; margin-right:20px;
border-bottom:1px solid #d4d4d4; vertical-align:top;
font:normal 14px/17px Verdana, Arial, sans-serif;
}
.header-wrap nav a:hover { border-bottom: #d4d4d4; }

.header-wrap div {
    display: inline-block;
    left: 250px;
    position: absolute;
    top: 65px;
}
.header-wrap div code {
color:#fff; font:normal 24px Verdana, Arial, monospace; display:block;
}
.header-wrap div a, .header-wrap span p a {
display:block; float:left; margin:6px 0 0 0;
font:normal 14px Arial, Verdana, sans-serif;
color:#96c7ee; text-decoration:none;
border-bottom:1px solid #a1cdf1;
}
.header-wrap div a:hover { border-bottom: #a1cdf1; }

.header-wrap div a.pop-form {
    border: 3px solid #D6D6D6;
    color: #FFFFFF;
    display: block;
    float: right;
    margin: -25px 0 0 151px;
    padding: 8px 18px;
font:normal 16px Verdana, Arial, monospace;
}
.header-wrap span {
	display: inline-block;
	float: right;
	height: 110px;
	margin: 4px 0 0;
	width: 348px;
	vertical-align: top;
	position: absolute;
	right: 32px;
	top: -2px;
}
.header-wrap span p {
display:block; margin:0; padding:0 0 0 22px; float:left;
font:normal 14px Verdana, Arial, monospace; color:#fff; margin: 20px 0 0;
}
.header-wrap span p.addr {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAYAAAAiYZ4HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKhJREFUeNqUklERAjEMRBcMFAfFATioBZwgoVKQAA5OwuGgEg4HIZ1JIC3lCDuzP9e8NpsciAjizC7UamFf2EHrtHimdVUwKpDJp6kCm9oGgD3eurNv7CP7hFY7DG6KJlefKW3xnx6QKVjNkuvafS8aOjlDZzvWyTHWYIHkud0Ca68so01XH74AZ1PTAKOJle78AwjSwmtRvwBICyR7gAfQXyKOzp4CDABvElkYMhHhJAAAAABJRU5ErkJggg==") no-repeat 0 2px;
}
.header-wrap span p.time {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAONJREFUeNqEkgENwjAQRdsZoA5AQh1QB8MBQwEW5mA4GCgAFAwUkClYUAAoKP+Su3GUNfzkJe21f/96mY0xWvPRDFSgNN86gT14jRUyMivwiHnRWQnIYywnrkGrEujrd17PuQvRBhzI7VTSDXjVheD5TJIdGRtV0KYadIlZAuoCsUG115u8eh4SqSSj58114jKdLdX+LPVCFZ+JaQcuoAPbnzvod5C+J4Yib428lnkMZGxlwxO2GZwKaQ1PS3TMmB2fiRYmaUGSKxCYSiWNT9K/XBP/q5H7JmkpJC3pJwR99y3AAPJPzQEu8sKHAAAAAElFTkSuQmCC") no-repeat 0 2px;
}
.header-wrap span p a { margin: 2px 0 0; }
.header-wrap span p a:hover { border-bottom:1px solid #424242; }

/* Middle
-----------------------------------------------------------------------------*/
.content {
	padding: 0 15px 114px 15px;
	width:1200px; margin:0 auto;
}

.index-slider {
/*border:1px solid green;*/
width:1200px;
height:680px; /* 680 */
margin:0 auto;
background:url(../../../html/images/cloud_bg.png) no-repeat 50% 50%;
display:none;
overflow:scroll; position:relative; z-index:2;
}
.cloudcarousel {
display:inline-block; z-index:5;
cursor:pointer;
}

#left-but, #right-but {
 display:block; width:50px; height:50px;
position:absolute; border:none; cursor:pointer;
}
#left-but {
    left: 321px;
    top: 270px;  z-index:12;
}
#right-but {
    left: 860px;
    top: 270px;  z-index:12;
}

.index-service {
width:1200px; margin:20px auto 30px auto;
}
.index-service figure {
display:inline-block; width:220px;  margin: 0 10px 20px; vertical-align:top;
}
.index-service figure:first-child { margin-left: 0; }
.index-service figure:last-child { margin-right: 0; }

.index-service figure img, .index-service figure a { display:block; }
.index-service figure a {
border-top:3px solid #000; padding:12px 0 0 0; margin:20px 0 0 0;
font:normal 18px Verdana, Arial, monospace;
}

.index-service figure a.nobr {
	border:none; padding: 0; margin:0;
 /*
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(../../../wp-content/themes/lettuce/grayscale.svg);
  filter: gray;
*/

}

.index-service figure a.nobr:hover {
	/*
	filter: none;
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
*/
	border:none; padding: 0; margin:0;
}

.index-service.inner {
    margin: 0px auto 45px;
    width: 1200px;
}

.index-service.inner figure {
display:inline-block; width:220px;  margin: 0 8px 0px; vertical-align:top;
}
.index-service.inner figure img { display:none; }

.index-article {
width:100%;
background:#f2f2f2;
padding:1px 0 20px 0;
margin:0 0 123px 0;
clear:both;
-moz-box-shadow: 1px -9px 6px -5px rgba(50, 50, 50, .15);
-webkit-box-shadow: 1px -9px 6px -5px rgba(50, 50, 50, .15);
box-shadow: 1px -9px 6px -5px rgba(50, 50, 50, .15);
}
article.about {
display:block; width:966px; margin:35px auto 60px auto;
}

article.about p.memo{ padding:10px 0 10px 200px; }
article.about p.angl {  padding: 24px 0 10px 200px; }
article.about p.disk { padding:10px 200px 10px 0; }
.index-article .about h1 { margin-left:0px; }
article.about h3 { margin: 25px 0 -10px 200px; }

.gallery-page {
 margin: 0 0 0 11px !important;
}
.gallery-page a {
display:inline-block; margin: 0 12px 25px;
}

/* Contacts
-----------------------------------------------------------------------------*/
.wide-content {
	padding: 0 0px 140px 0px;
	padding: 0 0px 122px 0px;
	width:100%; margin:0 auto;
	z-index:1;
}
.contact {
width:100%;
/*height:390px;*/
background:#fff;
-webkit-box-shadow: 1px 1px 6px 3px rgba(50, 50, 50, .15);
box-shadow: 1px 1px 6px 3px rgba(50, 50, 50, .15);
z-index:5;
padding:0 0 30px 0;
}
.contact-wrap {
width:1170px; margin:10px auto;
}
.contact-info {
    display: inline-block;
    margin: 25px 205px 0 15px;
    vertical-align: top;
    width: 380px;
}
.contact-info h2, .contact-form  h2 {
font:normal 30px Arial, sans-serif;
margin:0 0 25px 0;
}
.contact-info p {
margin:20px 0;
}


span[class*="not-valid-tip"] {
display:block; color:#d00000;
}
.map-wrap {
width:100%; height:520px; position:relative;
padding:0; z-index:2; margin: 0 0 -41px;
overflow: hidden;
}
.map-wrap .map-top {
position:absolute; top:0; z-index:5;
width:100%; height:20px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADpJREFUeNpiZGBgcGQgAFiA+DPVFH0lRtF3YhT9IkbRb2IU/aOKIkYgZiKkiKACEGAmRhET1RQBBBgANr0IMgSVOJMAAAAASUVORK5CYII=") repeat-x 0 top;
}

.map-wrap .map-bott {
position:absolute; bottom:0; z-index:5;
width:100%; height:49px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAABuCAYAAAAnMDOqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAF5JREFUeNrs0rERgDAQA8E3GPrv1fkDBRCKGYK9AjbQaFTVqGAzDW4VbqbR+cWGexo80uCZBEd3ryh4Pf36h0AgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAl+7BRgA4XsI4p2J2pEAAAAASUVORK5CYII=") repeat-x 0 top;
}

#map {
width:100%; height:520px;
position:absolute; top:0; left:0; z-index:3;
overflow: hidden;
}

.contact-form  {
width:560px; display:inline-block; vertical-align:top; margin:25px 0 0 0 ;
}
.contact-form form {

}
.contact-form form p { margin:0; padding:0; }
.contact-form form label {
display:block;
}
.contact-form form label code,
.contact-form form label input,
.contact-form form label textarea  { display:inline-block; vertical-align:top; }

.contact-form form label code {
font:normal 14px/28px Arial, sans-serif; width:95px;
}

.contact-form form label input[type="text"] { height:28px; padding:0 8px; }
.contact-form form label input, .contact-form form label textarea  {
border:1px solid #ccc;
-webkit-box-shadow: 1px 0 4px 1px rgba(50, 50, 50, 0.2) inset;
box-shadow: 1px 0 4px 1px rgba(50, 50, 50, 0.2) inset;
}
.contact-form form label textarea {
height:100px; width:445px;
resize: vertical; padding:8px 8px;
}
.contact-form form input[type="submit"] {
border:3px solid #444; margin: 20px 0 20px 95px; cursor:pointer;
font:normal 16px/32px Verdana, Arial, sans-serif; padding:5px 17px; background:#fff none;
}

.one-service article {
padding:0 0 0 310px; display:inline-block; vertical-align:top;
}
.one-service article img {
    border-bottom: 3px solid #000000;
    display: inline-block;
    float: left;
    margin: 0 0 0 -295px;
    padding: 0 0 20px;
    vertical-align: top;
    width: 269px;
}
.one-service h2 { margin:30px 0 20px 15px; }

.one-service aside {
	float:left; margin-left: -295px; width: 269px; clear: both;
}


/*
	<div class="slider-box">
		<a class="slider-scroll prev" rel="prev" href="#"></a>
			<div class="slider-wrap">
				<ul>
*/
.slider-box {
width:100%; margin:10px 0 60px 0;
}

.slider-box .slider-scroll, .slider-box .slider-wrap {
display:inline-block;
vertical-align:top; height:227px;
}
.slider-box .slider-scroll { width: 50px; }
.slider-box .slider-scroll.prev {
margin: 0 0 0 88px;
}
.slider-box .slider-scroll.next {

}
.slider-box .slider-wrap {

    margin: 0 15px;
    overflow: hidden;
    width: 930px;
}

.slider-box .slider-wrap ul {
margin:0; padding:0; list-style:none; display:block; height:227px; width:9999px;
}
.slider-box .slider-wrap ul li {
display:inline-block; width:170px; height:227px; margin:0 8px;
}
.slider-box .slider-wrap ul li a {
display:block; width:170px; height:227px;
}

.pagination {
    display: block;
    margin: 5px auto 60px auto;
    width: 1150px;
}
.ngg-navigation span, .ngg-navigation a  {
display:inline-block; padding:3px 5px; margin:0 6px 0 0;
}

/* popup form
-----------------------------------------------------------------------------*/
/*
<form action="/" id="popup-mess" accept-charset="utf-8" method="post">
<label><span>Имя</span><input type="text" name="user_name" id="user_name" /> </label>
<label><span>E-mail</span><input type="text" name="user_mail" id="user_mail" /> </label>
<label><span>Сообщение</span><textarea name="message" id="message" cols="8" rows="3"></textarea> </label>
<input type="submit" value="Отправить" />
*/
.postmess {
width:450px; height:105px; background:#E0E3D2;
margin:8px; border:5px solid #050505; position:relative;
}
.postmess p {
padding: 0 15px 15px;
}

#popup-mess {
width:450px; height:288px; background:#E0E3D2;
margin:8px; border:5px solid #050505; position:relative;
}
#popup-mess h2, .postmess h2 {
margin:25px 0 20px 15px;
}
#popup-mess label { display:block; margin: 8px 15px; position:relative; }
#popup-mess label span { display:inline-block; vertical-align:top; width:90px; }

#popup-mess label code {
display:none; position:absolute; margin:0 0 0 3px;
white-space:nowrap; height:22px; padding:0 6px 0 16px; color:#d00000;
background:#fbb4b4 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAXCAMAAADjjeWOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNQTFRF4OPS+7S0+7W0+rW18sS++ra17svD5dvN493O6tHH4OLS7M7F88G8+bi34eHR9b6659jLZFMZ/QAAAFZJREFUeNp80EsOgEAIA9CW8f8b739aNToJ7UJ2jxACBXKRRhpppJHG5oXiMcQrmb1RvFPcUY1qThP9u38wY/5c2n2nGVOocZTbYf+H5RO/+T2NS4ABANTKAT6fJxa5AAAAAElFTkSuQmCC") no-repeat 0 -1px;
}

#popup-mess input[type="text"], #popup-mess input[type="email"], #popup-mess  textarea {
display:inline-block; vertical-align:top; border:1px solid #aaa;
height:22px; line-height:22px; padding:0 7px; width:200px;
}
#popup-mess textarea {
    height: 88px;
    line-height: 18px;
    width: 310px; resize: none; overflow:hidden;
}

#popup-mess input[type="submit"] {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #050505;
    cursor: pointer;
    font: bold 16px Verdana;
    margin: 10px 0 0 106px;
    padding: 5px;
}

/* inline */
#inline-mess { margin-bottom: 22px; }
#inline-mess label { display:block; margin: 8px 0px; position:relative; }
#inline-mess label span { display:inline-block; vertical-align:top; width:90px; }

#inline-mess label code {
display:none; position:absolute; margin:0 0 0 3px;
white-space:nowrap; height:22px; padding:0 6px 0 16px; color:#d00000;
background:#fbb4b4 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAXCAMAAADjjeWOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNQTFRF4OPS+7S0+7W0+rW18sS++ra17svD5dvN493O6tHH4OLS7M7F88G8+bi34eHR9b6659jLZFMZ/QAAAFZJREFUeNp80EsOgEAIA9CW8f8b739aNToJ7UJ2jxACBXKRRhpppJHG5oXiMcQrmb1RvFPcUY1qThP9u38wY/5c2n2nGVOocZTbYf+H5RO/+T2NS4ABANTKAT6fJxa5AAAAAElFTkSuQmCC") no-repeat 0 -1px;
}

#inline-mess input[type="text"], #inline-mess input[type="email"], #inline-mess  textarea {
display:inline-block; vertical-align:top; border:1px solid #aaa;
height:22px; line-height:22px; padding:0 7px; width:200px;
}
#inline-mess textarea {
    height: 88px;
    line-height: 18px;
    width: 253px; resize: none; overflow:hidden;
}

#inline-mess input[type="submit"] {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #050505;
    cursor: pointer;
    font: bold 16px Verdana;
    margin: 10px 0 0 79px;
    padding: 5px;
}
#inline-mess input[type="submit"]:hover { background: #000; color: #ffffff; }
#inline-mess h2 { margin-left: 0; }
#inline-mess label span em { font-style: normal; color:#FF0033; font-size: 23px; line-height: 22px; }

.form-post-mess { display: none; font-weight: bold; font-size: 15px; color:#629600; padding: 8px 0; }



/* --------- dialogBox ---------- */
.dlg-close {
    cursor: pointer;
    display: block;
    font: bold 25px Verdana;
    height: 26px;
    position: absolute;
    right: 20px;
    top: 12px;
    width: 21px;
    z-index: 55000;
}

#dlgOverlay {
 	background:none repeat scroll 0 0 #000;
	height:100%; opacity:0.55;
	position:fixed;
	width:100%;
	left:0;
	overflow:hidden;
	/* position:absolute;*/
	top:0;
	z-index:1049;
	display:none;
	filter: alpha(opacity=55);
}

#dlgBox { z-index:2500; display:none;  background:#E0E3D2;}

/* Footer
-----------------------------------------------------------------------------*/
footer {
	width: 100%;
	margin: -114px auto 0;
	margin: -122px auto 0;
	height: 114px;
	background: #e0e3d2;
	position: relative;
-moz-box-shadow:inset 1px 9px 6px -5px rgba(50, 50, 50, .15);
-webkit-box-shadow:inset 1px 9px 6px -5px rgba(50, 50, 50, .15);
box-shadow:inset 1px 9px 6px -5px rgba(50, 50, 50, .15);
}

.footer-wrap {
	width:1200px; margin:0 auto; padding:36px 15px 0 15px;
}
.footer-wrap .copyr {
display:inline-block; float:left; white-space:nowrap;
}
.footer-wrap .info {
    display: inline-block;
    float: right; color:#017fba;
    margin: 0 260px 0 0;
    white-space: nowrap;
}
.footer-wrap .maded {
display:inline-block; float:right;
color:#303030; text-decoration:underline;
height: 30px; padding: 0 105px 0 0;
}
.footer-wrap .maded:hover {
text-decoration:none; color:#629600;
}

/* Colorbox
-----------------------------------------------------------------------------*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px; padding:30px 45px 0 45px !important; }
        #cboxLoadedContent{background:#fff; padding: 7px 7px 7px 7px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc; display:none !important;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc; display:none !important;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{ border:none; position:absolute; top:50%; left:0px; margin-top:-32px; width:28px; height:42px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:0px; margin-top:-32px; border:none; width:35px; height:42px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../../../wp-content/themes/lettuce/images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:-11px; right:1px; display:block; width:38px; height:38px; text-indent:-9999px; border:none;}
        #cboxClose.hover{background-position:bottom center;}

/*
-----------------------------------------------------------------------------*/


/*