@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: 'PFDinDisplayPro-Light';
	src: url('pfdindisplaypro-light-webfont.eot');
	src: local('☺'), url('pfdindisplaypro-light-webfont') format('otf'), url('pfdindisplaypro-light-webfont.woff') format('woff'), url('pfdindisplaypro-light-webfont.ttf') format('truetype'), url('pfdindisplaypro-light-webfont.svg#webfontqkvGamOD') format('svg');
	font-weight: normal;
	font-style: normal;
}


.clear {
	clear:both;
	}

img {
	border:0px;}

body {
	font-family:PFDinDisplayPro-Light, Verdana, sans-serif !important;
	margin: 0px;
	padding:0px;
	}

* html body{
        width: 100%;/*ie fix*/
}


body a {
	 color: #1c75bc;
	 cursor:pointer;
}

#container{
	margin-left:140px;
	margin-top:0px;
}

strong{
	font-style:bold;
}
p{
	font-family:PFDinDisplayPro-Light, Verdana, sans-serif;
}

#wa {
	float:right;
	width:155px;
	color:#1c75bc;
	text-decoration:none;
	font-size:16px;
	font-family:PFDinDisplayPro-Light, Verdana, sans-serif;
	}

#logo {

	top:20px;
	position:absolute;
	left: 40px;


	}

	#header {
		margin-top:20px;
		float:left;
		width:1020px; /*важно для кросс браузерности !! */
		display:inline;

	}

	#menu {
		margin-left:25px;
		display:inline;
		float:left;
		padding: 5px;
		width: 840px;
		}
		/*----------------------------------------------- подтягиваем свои шрифты (http://cssing.org.ua/2009/10/24/font-face/#more-219) */


		/*@font-face {
			font-family: "PFDinDisplayPro-Light";
								src: url( PFDinDisplayPro-Light.ttf);
								}
		*/

		/*----------------------------------------------- навигация меню без прозрачности в  ИЕ6 */

	#nav, #nav ul {
	  list-style: none;
 	  margin: 0;
	  padding: 0;
 	  background-color:#FFF;

	  float: left;

}
	#nav li {
  	  float: left;
	  position: relative;
	  /*background: #036;*/
	  back\ground: none;
          z-index:11;




}

	#nav li ul {
	  display: none;
	  position: absolute;
	  z-index:3;
  	  padding: 8px 0;
 	  width: 140px;
	  background:url('/images/menu_fon.png');


}


  #nav li a {
  color: #000;
  text-decoration: none;
  display: block;
/*  width: 120px; */
  padding: 4px 5px;
  font-family:PFDinDisplayPro-Light, Verdana, sans-serif;

  background-color:#FFF;
  margin-right: 10px;
  font-size:19px;


}
	
#nav li a:hover{
    color:#1C75BC !important;
}





	#nav li li a {
  width: 118px;
  background: none;
   font-size:16px;
 font-family:PFDinDisplayPro-Light, Verdana, sans-serif;
}
	#nav li li li a {
  width: 118px;
  background: none;
   font-size:16px;
 font-family:PFDinDisplayPro-Light, Verdana, sans-serif;
}
	

	#nav li:hover li ul,
	#nav li.jshover li ul {
display: none;
  width: 138px;
  top: -9px;
  left: 133px;


}
		#nav li:hover li:hover ul,
		#nav li.jshover li.jshover ul{
		display: block;

}



/*------------------------------------------конец меню*/

#finde {
	float:right;
	text-align:center;

	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	width:130px;

	}
#finde a {

	color:#1c75bc;
	padding-left:10px;
	text-decoration:none;

	}

.inde_inp {
font-family:sans-serif;
font-size:10pt;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:1px;
width:130px;

margin-top:8px;

}

#aur_worck { /* Галлерея работ*/
	float:left;
	width:1000px;
	height:700px;
	margin-top:0px;
	margin-left:35px;
	display:inline;
	}

.navigation { /* cтрока сосотояния */
	width:1000px;
	height:14px;
	float:left;
	font-size:14px;
	font-family:PFDinDisplayPro-Light;
	font-stretch:normal;
	font-style:italic;
	margin-top:15px;
	margin-bottom:5px;
	clear:both;
 	display: block;
	}

.navigation a {
	text-decoration: none;
	color:#000;
	}

	.navigation a:hover {
	text-decoration: none;
	color:#1c75bc;
	}

	 /* конец cтроки сосотояния */

.square { padding: 3px;
				float:left;
				width:160px;
				height:160px;
				display:inline;
				z-index:10;

				}

.square a { text-decoration:none;
				/*&color:#FFF;*/
				width:150px;
				height:150px;
	}

.square_text  {
				background-color:#FFFFFF;
				float:left;
				font-family:PFDinDisplayPro-Light;
				font-size:30px;
				height:160px;
				margin:2px;
				_margin:2px;
				width:154px;
				border:1px solid;
				padding-top:30px;
				padding-left:5px

}
.square_text a {

				font-family:PFDinDisplayPro-Light;
				font-size:30px;
				text-decoration:none;
				color:#1C75BC;
				font-weight:100;
				line-height:30px;
				}
									/*Окончание галлереи работ*/



/* ------------------------ детальная страница (описание работы портфолио) ---------------*/
.detail { margin: 0px; /* preview фото и всего что с ним связано */
				float:left;
				width:730px;
				height:700px;

		   }



.large_prev {
			float:left;
			width:709px;
			height:490px;
			text-align:center;

		}
.prev {

	margin:0 auto;
	}

#carusel {


	float:left;
	width:730px;

	}
#carusel_button_l{
	position:absolute;
	float:left;
	margin-top:10px;
	z-index:3;
	}


#carusel_button_r{
	position:absolute;
	margin-left:674px;

	margin-top:10px;
	z-index:3;
	}

.small_prev {
			float:left;
			margin-top:10px;
			width:170px;
			height:130px;

					}

#detail_nav {
			float:left;
			width:730px;

	}
.next {
			float:right;
			font-family:PFDinDisplayPro-Light, Verdana, sans-serif;
			font-size: 18px;

			}
.next a {text-decoration:none;
			color:#1c75bc;
			}

.next a:hover {
		color:#4f84ae;
	}

.preview {
			float:left;
			font-family:PFDinDisplayPro-Light, Verdana, sans-serif;
			font-size: 18px;

	}


.preview a {
			text-decoration:none;
			color:#1c75bc;
			}

.preview a:hover {
		color:#4f84ae;
	}

.list {
			padding:0px;
			margin-top:0px;

			font-family:PFDinDisplayPro-Light, Verdana, sans-serif;
			font-size: 18px;



			}
.list li {
	margin-left:10px;
	display:inline;
	float:left;

	 }
.list a { text-decoration:underline;
	color:#1c75bc;

	}

.list a:hover {
		color:#4f84ae;
		}

#sel { color:#FFF;
		background: none repeat scroll 0 0 #1c75bc;
		width:20px;
		height:20px;
		padding:1px;
		text-align:center;
	}

.info_prev {
	width:160px;
	min-height:30px;
/*	top:120px;*/
	float:left;
	position:absolute;
	background:url(../images/fon2.png);

}
.info_prev_text {
	font-family:PFDinDisplayPro-Light, Verdana, sans-serif;
	font-size: 14px;
	color: #1c75bc;
	margin-bottom:5px;
}
 /* end foto and previev*/

 #text {
	 float:left;
	 margin-left:20px;
	 width:250px;
	 height:700px;
	 display:inline;


	 }

.project_name {
	font-family:PFDinDisplayPro-Light, Verdana, sans-serif;
	font-size: 16px;
	color: #1c75bc;
	text-align:center;

	}
.project_name  a { text-decoration:underline;
	color:#1c75bc;

	}

.content1 {
	margin-top:20px;
	font-style:italic;
	float:left;
	font-size: 14px;
	line-height:20px;
	text-align:left;
	}

.content2 {
	margin-top:10px;
	color:#666;
	float:left;
	font-size: 13px;
	text-align:left;
	}

.cena {
	font-family:PFDinDisplayPro-Light, Verdana, sans-serif;
	font-size: 20px;
	color: #1c75bc;
	margin-top:20px;
	width:250px;
	float:left;
	}

.button {
margin-top:10px;
 background: url(../images/butt_01.png) no-repeat scroll top right;
	height: 25px;
	width: 70px;
	float:left;
	}

a.button {

    color: #FFFFFF;

    float: left;
    font: normal 12px arial, sans-serif;

    margin-right: 1px;
    padding-right: 11px;
    text-decoration: none;
}

a.button span {

    display: block;
    line-height: 11px;
    padding: 7px 0 7px 18px;
}

.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}






/* ------------------------ окончание ---------------*/



	#footer {
	float:left;
	clear:both;
	width:1000px;
	margin-top:20px;
	padding-left:36px;
	height:30px;
	}

	#foot, #foot ul {
  list-style: none;
  margin: 0;
  padding: 0;


  float: left;
  width: 700px;
}
#foot li {
  float: left;
  position: relative;

  back\ground: none;
}
#foot li ul {
  display: none;
}

#foot a {
  color: #000;
  text-decoration: none;
  display: block;
  padding: 5px 10px 0px 0px;
  font-family: PFDinDisplayPro-Light, Verdana, sans-serif;
  font-size:16px;


}
#foot a:hover {
  color: #1c75bc;

}
#foot li:hover {
  background: #fff;
}

/*-------------- Contact Form---------*/
	#inputArea
	{
	    font-family:PFDinDisplayPro-Light, Verdana, sans-serif, Arial, Sans-Serif;
	    font-size: 13px;
	    float:left;
	    padding: 10px;
	    width:310px;
		margin-top:20% ;
		margin-left:40%;
	}
	.input_area {
		width:310px;
		clear:both;

		}
	#inputArea input, #inputArea textarea
	{
	    font-family: Arial, Sans-Serif;
	    font-size: 13px;
	    margin-bottom: 5px;
	    display: block;
	    padding: 4px;
	    width: 240px;
		float:right;

	}

        .activeField
        {
            background-image: none;
            background-color: #ffffff;
            border: solid 1px #33677F;
        }

		 .errorField
        {
            background-image: none;
            background-color: #ffffff;
            border: solid 1px #F00;
        }
        .idle
        {
	    border: solid 1px #85b1de;
	    background-position: top;
		background-color:#FFFFFF;
        }

.cont_img {
	float:left;

	background-image: url(../images/contact.png);
	width:643px;
	height:524px;
	background-repeat:no-repeat;
	}
.error_form {
	float:left;
	margin-top:11%;
	margin-left:20px;
	font-family:PFDinDisplayPro-Light, Verdana, sans-serif, Arial, Sans-Serif;
	font-size: 40px;
	font-weight:900;
	color:red;
	}


/*-------------- end Contact Form---------*/

.shop {
	float:left;
	margin: 10px 20px 30px 0px;
	padding:10px;
	width:180px;
	height:310px;


	}

.shop_text {
	margin-top:5px;
	font-size:14px;
	font-family:PFDinDisplayPro-Light, Verdana, sans-serif, Arial, Sans-Serif;
	line-height:15px;
		}

.shop_text a {
  color: #1c75bc;
  text-decoration: none;
  display: block;
  font-family: PFDinDisplayPro-Light, Verdana, sans-serif;
  font-size:16px;
  margin-bottom:3px;


}
.shop a:hover {
  color: #000;


}
.shop li:hover {
  background: #fff;

}

.cost {
	margin-top:5px;
	font-size:15px;
	font-weight:200;}

/*End shop categories*/


.bag {
	float:left;
	margin:0px 22px 30px 0px;
	text-align:left;
	width:160px;
	height:270px;


	}

.bag_text {
	float:left;
	margin-top:5px;
	font-size:14px;
	font-family:PFDinDisplayPro-Light, Verdana, sans-serif, Arial, Sans-Serif;
	line-height:18px;
		}

.bag_text a {
  color: #1c75bc;
  text-decoration: none;
  display: block;
  font-family: PFDinDisplayPro-Light, Verdana, sans-serif;
  font-size:16px;
  margin-bottom:3px;


}
.bag a:hover {
  color: #000;


}
.bag li:hover {
  background: #fff;
}

.all_cost {
	float:right; color:#1c75bc; font-size:18px; margin-right:20px;
	}

/*-------------- buy Form---------*/
	#inputArea_buy
	{
	    font-family:PFDinDisplayPro-Light, Verdana, sans-serif, Arial, Sans-Serif;
	    font-size: 13px;
	    float:left;
	    padding: 10px;
	    width:232px;

	}
	.input_area_buy {
		width:232px;
		clear:both;

		}
	#inputArea_buy input, #inputArea_buy textarea
	{
	    font-family: Arial, Sans-Serif;
	    font-size: 13px;
	    margin-bottom: 5px;
	    display: block;
	    padding: 4px;
	    width: 190px;
		float:right;

	}

        .activeField_buy
        {
            background-image: none;
            background-color: #ffffff;
            border: solid 1px #33677F;
        }
        .idle_buy
        {
	    border: solid 1px #85b1de;
	    background-position: top;
		background-color:#FFFFFF;
        }



/*-------------- end buy Form---------*/

#blog_body {

	height:700px;
	width: 1200px;
	float:left;
	margin-left:35px;
	overflow:hidden;

	}
.blog_post{
	display:block;
	margin-right:30px;
	margin-top:10px;
	width:386px;
	height:540px;
	float:left;
	}
.blog_text{
	font-family:PFDinDisplayPro-Light, Verdana, sans-serif, Arial, Sans-Serif;
	font-size: 13px;
	float:left;
	text-align:justify;
	}
.blog_img {
	float:left;
		}
.name_post{
	margin-top:5px;
	color:#333;
	  font-family:PFDinDisplayPro-Light, Verdana, sans-serif, Arial, Sans-Serif;
	    font-size: 16px;
	float:left;
	}
.blog_date{
	 font-family:PFDinDisplayPro-Light, Verdana, sans-serif, Arial, Sans-Serif;
	 font-size: 12px;
	float:right;
	margin-top:8px;
	}

.map{
	padding-top:30px;
}
.map ul{
	padding:0px !important;
	font-size:19px;
}
.map ul li{
	padding-left:15px !important;

}
.map ul li ul{
	font-size:16px;

}
.scrol_ul{
	margin:0px;
	padding:0px;
}
.scrol_ul li{
	margin:0px;
	padding:0px;
}

}


#main_finde {
	float:left;
	margin:0px;
}

.result_finde {

	float:left;
	width:690px;
	height:auto;
	margin-top:10px;
	font-family:PFDinDisplayPro-Light, Verdana, sans-serif;
	font-size: 14px;

}
.result_finde a {
	text-decoration:none;
	color:#1c75bc;
	font-size: 14px;
}

.result_finde p {
}

#contact {

	background:url(../images/adress_3.png);
	background-repeat:no-repeat;
	float:left;
	margin:100px 0 0 -3px;
	width:618px;
	height:360px;
	text-align:left;
}
#contact p {

	font-family:PFDinDisplayPro-Light, Verdana, sans-serif;
	font-size: 16px;
	margin:12px 0 12px 0;
	color:#000000;
	}


#contact a {
	font-family:PFDinDisplayPro-Light, Verdana, sans-serif;
	font-size: 16px;
	text-decoration:underline;
	color:#1c75bc;
	}

	.info_prev {
	width:161px;
	height:30px;
	float:left;
	margin-top:130px;
	background:url(../images/fon2.png);

}
/*.info_prev_text {
	font-family:PFDinDisplayPro-Light, Verdana, sans-serif;
	font-size: 16px;
	color: #1c75bc;
	padding-bottom:5px;
	padding-top:5px;
	text-align:center;
	padding-right:5px;
	padding-left:5px;

}
*/
.blog_detail img{
  float:left;
  margin-right:20px;
  margin-bottom:20px;
}

.info_prev2 {
    background:url("../images/news/fon.png") repeat scroll 0 0 transparent;
                float:left;
                height:30px;
                margin-bottom:130px;
                width:161px;
                position:absolute;

                }
        .info_prev_text2 {
        color:#FFFFFF;

        font-size:16px;
        padding:5px;
        text-align:center;
        }

        .info_prev {
                background:url("../images/fon2.png") repeat scroll 0 0 transparent;
                float:left;
                height:30px;
                margin-top:130px;
                width:161px;
                position:absolute;

                }
        .info_prev_text {
        color:#000000;

        font-size:16px;
        padding:5px;
        text-align:center;
        }

        .info_prev3 {
                background:url("../images/fon2.png") repeat scroll 0 0 transparent;
                float:left;
                min-height:30px;
                bottom:1px;
                width:161px;
                position:absolute;

                }
        .info_prev_text3 {
        color:#000000;

        font-size:16px;
        padding:5px;
        text-align:center;
        }

        .info_prev4 {
                background:url("../images/fon2.png") repeat scroll 0 0 transparent;
                float:left;
                min-height:30px;
                bottom:1px;
                width:161px;
                position:absolute;
                

                }
        .info_prev_text4 {
        color:#000000;

        font-size:16px;
        padding:5px;
        text-align:center;
        margin-top:-17px;
        }

#news {
		float:left;
		width:730px;
		height:700px;
		margin-top:10px;

}

.aboute_new {
	width:730px;
	height:320px;
	float:left;

	margin-right:10px;
}

.aboute_new img {
	width:181px;
	height:256px;
	float:left;
	background-color:#9d9d9d;
	margin-right:10px;
	margin-top:-5px;

}

.aboute_new a {

}
.aboute_container {
	float:left;
	font-size:14px;
	width:539px;
	margin-bottom:20px;
}
.aboute_container span {
float:left;
margin-right:20px;
width:110px;
color:#979797;

}

.date_text {
width:409px;
float:left;
color:#000;
height:auto;
}

.detail_aboute {
	position:relative;
	width:100%;
	height:20px;
	float:left;
}
.line_news {
	background-color:#1c75bc;
	width:100%;
	height:1px;
	float:left;

}
.name_news {
	border-left:#fff solid 10px;
	border-right:#fff solid 10px;
	font-size:18px;
	color:#000;
	position:absolute;
	left:305px;
	top:-10px;
	background-color:#fff;

}

.name_reclam {
	border-left:#fff solid 10px;
	border-right:#fff solid 10px;
	font-size:18px;
	color:#000;
	position:absolute;
	left:70px;
	top:-10px;
	background-color:#fff;

}

.aboute_text {
	float:left;
		width:730px;

		margin-top:0px;
		padding:5px;
		font-size:14px;
}

#reclam_news {
	 float:left;
	 margin-left:20px;
	 width:250px;
	 height:700px;

}

#reclam_news img {
	width:223px;
	height:330px;
	float:left;
	background-color:#000;
	margin-left:20px;
	margin-bottom:20px;
}

#reclam_links {
	font-size:14px;
	color:black;
	float:left;
	margin-bottom:20px;
	margin-left:20px;
}

#reclam_links a{
	margin-top:4px;


}