body {  margin: 0; padding: 0; 
}

#content_menu{
position:fixed;
z-index:11;
top: 0;
width:100%;
height:100px;
background-color: #fdcc00;
}

#menu{
/*border: 1px solid;*/
width:990px;
margin: auto;
padding: 15px 0;
}

#menu .logo{
float:left;
width:225px;
height:139px;
margin:-15px 0 0 0;
padding: 0 0 0 140px;
background: url('logo_dinotec.png') no-repeat;
}


#menu .menu_item{
float:left;
margin: 22px 0;
}

#menu .menu_line{
float:left;
width:1px;
height:73px;
margin: 0 18px;
background: url('menu_line.png');
}



#menu .menu_item a{
font-family: 'Open Sans', Arial, serif; font-weight: 400; font-size:20px; color: #000000; text-decoration:none;
}

#menu .menu_item a:hover{
font-family: 'Open Sans', Arial, serif; font-weight: 400; font-size:20px; color: #000000; text-decoration:underline;
}

#baner{
width:100%;
height:800px;
background: url('top-baner-dinotec.jpg') repeat-x;
background-position:center;
margin: 100px 0 0 0;
}

#baner .part1{
width:990px;
height:800px;
margin: auto;
padding:35px;
}

#baner .pull-right{
float:right;
width:285px;
height:110px;
background: url('pull_bg.png') repeat-x;
}

#baner .pull-right a{
text-decoration:none;
color:#000000;
}

#baner .pull-right a:hover{
color:#ff0000;
}


#baner .phone{
font-size: 28px; 
text-shadow: 1px 1px 1px #000;
color: #fdcc00;
font-family: 'Open Sans', Arial, serif; font-weight: 700; 
margin: 10px 0 0 10px;
}

#baner .phone_btn{
font-size: 21px; 
font-family: 'Open Sans', Arial, serif; font-weight: 800; 
/*margin: 19px 0 0 22px;*/
margin: 19px 0 0 13px;
}


#baner .title{
float:right;
font-family: 'Open Sans', Arial, serif; font-weight: 700; 
font-size: 76px; 
text-align:right;
text-shadow: 1px 1px 1px #000;
color: #e6b900;
margin: 0 -5px 0 0;
}



#content1 { 
width:auto;
background-color: #ffffff;
margin:30px 0 0 0;
}

#content1 .part1 {
width:990px;
margin: auto;
display: table;
text-align: center;
}

#content1 .title{
font-family: 'Open Sans', Arial, serif; font-weight: 400; 
font-size:50px; 
color: #fdcc00; 
text-decoration:none;
font-style: italic;
}

#content1 .line{
display:block;
width:770px;
height:2px;
background-color:#fdcc00; 
margin:20px 95px;
} 

#content1 .tab1{
font-family: 'Open Sans', Arial, serif; font-weight: 400; 
font-style: italic;
font-size:16px;
color:#0085b6;
}

#content1 .page_title{
margin:130px 0 0 0;
font-family: 'Open Sans', Arial, serif; font-weight: 400; 
font-size:26px; 
color: #e2b702; 
text-decoration:none;
}

#content1 .page_line{
display:block;
width:990px;
height:29px;

margin:20px 0 40px 0;
background: url(bg_line.jpg) ;
background-position:center;
background-repeat: repeat-x;
} 


#content1 .txt1{
float:left;
text-align: left;
font-family: 'Open Sans', Arial, serif; font-weight: 500; 
font-size:16px;
color: #58595b;
}

#content1 .txt2{
float:right;
}

#content1 .gal_title1{
text-align:justify;
font-family: 'Open Sans', Arial, serif; font-weight: 600; 
color:#58595b;
font-size:16px;
}

#content1 .gal_title2{
font-family: 'Open Sans', Arial, serif; font-weight: 700; 
color:#0080c2;
}

#content1 .gal_title3{
text-align:justify;
font-family: 'Open Sans', Arial, serif; font-weight: 600; 
color:#58595b;
font-size:16px;
padding:10px 0;
}

#content1 .gal_title4{
font-family: 'Open Sans', Arial, serif; font-weight: 500; 
color:#58595b;
}

#content1 .main_text{
text-align:justify;
font-family: 'Open Sans', Arial, serif; font-weight: 500; 
color:#58595b;
font-size:16px;
padding:10px 0;
min-height:300px;

}


#dot{
width:28px;
height:27px;
background: url('dot.jpg') no-repeat;
font-family: 'Open Sans', Arial, serif; font-weight: 700; 
color:#ffffff;
font-size:14px;
padding:1px 7px;
}

#dot2{
width:28px;
height:27px;
background: url('dot.jpg') no-repeat;
font-family: 'Open Sans', Arial, serif; font-weight: 700; 
color:#ffffff;
font-size:14px;
padding:1px 3px;
}



#bg_line { 
width:100%;
height:29px;
background: url(bg_line.jpg) ;
background-position:center;
background-repeat: repeat-x;
margin:40px auto;
}


#content2 { 
background: url('bg_baner2.jpg') repeat-x;
background-position:center;
width:100%;
height:960px;
}


#content2 .part1 {
width:990px;
margin: auto;
display: table;
text-align: center;
}

#content2 .title{
font-family: 'Open Sans', Arial, serif; font-weight: 600; 
font-size:50px; 
color: #ffffff; 
text-decoration:none;
font-style: italic;
margin:30px 0 0 0;
text-shadow: 1px 1px 1px #000;
}

#content2 .line{
display:block;
width:770px;
height:2px;
background-color:#ffffff; 
margin:20px 95px;
box-shadow: 0px 1px #989898;
} 


#content2 .b1{
float:left;
width:324px;
height:300px;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
box-shadow: 1px 1px 0 0px #989898;
/*box-shadow: 1px 1px 0 1px #ffffff, 2px 2px 0 1px #989898;*/

font-family: 'Open Sans', Arial, serif; font-weight: 600; 
font-size:20px; 
font-style: italic;
color: #ffffff; 
text-shadow: 1px 1px 1px #000;
padding:20px 0;
}

#content2 .b2{
float:left;
width:324px;
height:300px;
border-bottom: 2px solid #ffffff;
box-shadow: 0px 1px 0 0px #989898;

font-family: 'Open Sans', Arial, serif; font-weight: 600; 
font-size:20px; 
font-style: italic;
color: #ffffff; 
text-shadow: 1px 1px 1px #000;
padding:20px 0;
}


#content2 .b3{
margin:0 0 0 162px;
float:left;
width:324px;
height:300px;
border-right: 2px solid #ffffff;
box-shadow: 1px 0px 0 0px #989898;
/*box-shadow: 1px 1px 0 1px #ffffff, 2px 2px 0 1px #989898;*/

font-family: 'Open Sans', Arial, serif; font-weight: 600; 
font-size:20px; 
font-style: italic;
color: #ffffff; 
text-shadow: 1px 1px 1px #000;
padding:20px 0;
}



#content2 .b4{
float:left;
width:324px;
height:300px;

font-family: 'Open Sans', Arial, serif; font-weight: 600; 
font-size:20px; 
font-style: italic;
color: #ffffff; 
text-shadow: 1px 1px 1px #000;
padding:20px 0;
}




#content3 .part1 {
width:990px;
margin: auto;
display: table;
text-align: center;
}


#content3 .title1{
float:right;
font-family: 'Open Sans', Arial, serif; font-weight: 700; 
font-size: 76px; 
text-align:right;
text-shadow: 1px 1px 1px #000;
color: #e6b900;
margin: 60px -5px 0 0;
}


#content3 .title2{
text-shadow: 1px 1px 1px #000;
margin: 310px 0 0 0;
}


#content3 .title3{
float:left;
font-family: 'Open Sans', Arial, serif; font-weight: 700; 
font-size: 66px; 
text-align:left;
text-shadow: 1px 1px 1px #000;
color: #e6b900;
margin: 20px -5px 0 0;
}


#content4 { 
background-color: #fdcc00;
width:100%;
height:240px;
}


#content4 .part1 {
width:990px;
margin: auto;
display: table;
text-align: left;
}

#content4 .img {
float:left;
margin: 60px 65px;
}

#content4 .cont {
float:right;
font-family: 'Open Sans', Arial, serif; font-weight: 400; 
font-size: 16px; 
text-align:right;
margin: 70px 65px;
}



#content5 { 
background-color: #d6ad02;
width:100%;
height:40px;
text-align:center;
color:#ffffff;
font-family: 'Open Sans', Arial, serif; font-weight: 600; 
font-size: 14px; 
padding:20px 0 0 0;
}


#fotogal{
margin: 10px auto;
display: table;
text-align: center;


}

#fotogal .gfoto{
float:left;
border:0px;
padding:0 1px 0 0;
}


#content1 .gal_line { 
width:100%;
height:20px;
background: url(bg_line2.jpg) ;
background-position:center;
background-repeat: repeat-x;
margin:30px 0 20px 0;
}

#cat_list{
margin:145px 0 0 0;
float:left;
width:260px;
min-height:400px;
text-align:left;
}

#cat_list TD {
font-family: 'Open Sans', Arial, serif; font-weight: 600; 
font-size:14px; 
color: #e2b702; 
text-decoration:none;
font-style: normal;
}

#cat_list TD A{
font-family: 'Open Sans', Arial, serif; font-weight: 600; 
font-size:14px; 
color: #58595b; 
text-decoration:none;
font-style: normal;
}

#cat_list TD A:hover{
text-decoration:underline;
}

#cat_list TD IMG{
margin:5px 0;
}


#cat_items{
margin:80px 0 0 60px;
float:left;
width:670px;
text-align:justify;
}

#cat_items .page_title{
margin:60px 0 0 0;
font-family: 'Open Sans', Arial, serif; font-weight: 400; 
font-size:26px; 
color: #e2b702; 
text-decoration:none;
}

#cat_items .page_line{
display:block;
width:670px;
height:29px;

margin:20px 0;
background: url(bg_line.jpg) ;
background-position:center;
background-repeat: repeat-x;
} 



/*-------------------------------*/
.form2 { 
border: 1px solid #a9a9a9; 
border-radius:10px; 
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
width: 400px;
padding:25px;
margin:0 0 0 23px;
}


.form2 input,textarea{  
border: 1px solid #a9a9a9; 
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
padding:10px;
margin:5px 0;
font-size:16px;
width:350px;
}



.my_close{
margin:10px 100px;
text-align:right;
}


.popupbox {
	border: 10px solid #ddd;
	width:500px;
	height:550px;
	background: #ffffff;
	display: none; /* Скрыто по умолчанию */
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

}



#fade { 
	display: none; /* Скрыто по умолчанию */
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
#intabdiv {
	text-align:center;
}

#intabdiv h2{
font-family: 'Open Sans', Arial, serif; font-weight: 600; 
font-size:24px; 
color: #0085b6; 
}
/*
#close img {
	text-decoration:none;
}
#close {
	width:50px;
	height:50px;
	position: absolute;
	float:right;
}


.red_btn {
background:#ed1c24;
color:#ffffff;
}

*/


/* Всплывающее окно */	
#parent_popup {
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding:100px 0;
}
#popup { 
    background: #fff;
    max-width: 520px;
    width: 100%;
    margin: 10% auto;
	padding: 5px 20px 5px 20px;
	border: 10px solid #ddd;
	position: relative;
	/*--CSS3 CSS3 Тени для Блока--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Закругленные углы--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#popup h2{
font-family: 'Open Sans', Arial, serif; font-weight: 600; 
font-size:24px; 
color: #0085b6; 
	text-align: center;


	}
/* кнопка закрытия */
#close {
font-family: 'Open Sans', Arial, serif; font-weight: 600; 
    background-color: rgba(0, 0, 0, 0.8);
	border: 2px solid #ccc;
    height: 22px;
    line-height: 22px;
    position: absolute;
    right: -22px;
	cursor: pointer;
    text-align: center;
    text-decoration: none;
	color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    top: -22px;
    width: 22px;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
#close:hover {
    background-color: rgba(255, 69, 0, 0.8);
}


.item_pic{
/*float:left;*/
display: inline;
width:195px;
}

.item_info{
float:left;
margin:0 0 70px 30px;
width:445px;
font-family: 'Open Sans', Arial, serif; font-weight: 500; 
font-size:14px; 
color: #58595b; 
}

.item_title{
font-family: 'Open Sans', Arial, serif; font-weight: 700; 
}

#toTop {
 position:fixed;
 z-index:9999;
 bottom:10px;
 right:10px;
 background: url('button.png') no-repeat;
 width: 50px;
 height: 50px;
 border: none;
 padding: 5px;
 cursor: pointer;
 color: transparent;
 text-decoration: none; 
}

.img_l{
float:left;
margin:0 70px 100px 0;
}

.img_r{
float:right;
margin:0 0 40px 70px;
}