﻿ * {box-sizing: border-box;}
 
body {
            background: white;
            color: black;
            font-family: Trebuchet MS, Times New Roman, Arial  ;
            font-size: medium;
			
           
}
#Dom {display: none;}
#Dom_ {display: block;}
#Istoria{display: none;}
#Istoria_{display: block;}

#container {
           background:white;
            }
#container_sale{
           padding-top:10px;
           background:white;
           width: 880px;
		   margin: auto;
		   
            }
header{ 
            background: white;
			width: 940px;
    		margin: auto;
             }
			 
   aside {
    background: white;
    float:right;
    width: 284px;
	}
	

	
   menu {
    background: white;
    padding: 2px;
    margin: auto;
	max-width: 1100px;
   }
    #menu_container {
    background: white;
    padding: 2px;
    margin: auto;
   }
    #article_map {
    background: white;
    padding: 2px;
    margin: auto;
	float:left;
   }

   
   article {
    width: 585px;
	background: white; 
	
	
   }
   
   #telefon {
    float:left;
	width: 100%;
	border-top: 20px solid red;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom: 1px solid red;
	border-left: 1px solid red;
	border-right: 1px solid red;
	margin-bottom: 4px;
			}
	#telefon  p{	text-align:  center;   }	
	#telefon  h3{text-align:  center;   }
	
	#telefon_right {
    float:right;
	width: 150px;
	color: red;
	margin-left: 2px;
	font-weight: bold ;
	}	
	#telefon_right p {
	text-align:  center;
			}
	#telefon_left {
	float:left;
    width: 150px;
	color: red;
	font-weight: bold ;
	}		
    #telefon_left p {
	text-align:  center;
			}
	 #telefon_left a {float:left;
   	color: red;
	font-weight: bold ;} 		
			
	#columnlong_m {
	width: 950px;
	float:left;
	padding: 2px;
	border: 1px solid black;
	margin: 5px;
	
		}	
	.columnlong {
	
	padding: 3px;
		}
    .columnlong h3 {text-align:  center;   }		
	
	#columnshot {
	float:left;
	width: 30%;
	border: 1px solid silver;
	padding: 2px;
	}
	.columnshot_1 {
	float:left;
	width: 30%;
	border: 1px solid silver;
	box-shadow: 0 0 4px gray;
	padding-left: 15px;
	margin: 5px;
	border-radius: 3px;
	}
	.columnshot_1 img {width:  155px; height: 135px}
	.columnshot_1 p {text-align:  center; margin: 0;}
	.columnshot10 	{
	float:left;
	width: 100%;
	border: 1px solid silver;
	
	padding: 2px;
	margin-bottom: 15px;
	margin-top: 10px;
	border-radius: 3px;
	
	}
	.columnshot10 h3 {text-align:  center; }
	
	#columnmedium {
	float:left;
	width: 48%;
	padding: 2px;
	margin: auto;
	}
	.Top1 {
	float:left;
	width: 270px;
	box-shadow: 0 0 4px gray;
	padding: 2px;
	margin: 4px;
	background: #e0e0e0;
	}
	.Top1  img{max-height: 230px;}
	.Top2 {
	float:left;
	width: 700px;
	box-shadow: 0 0 4px gray;
	padding: 2px;
	margin: 4px;
	background: #e0e0e0;
	}
	
	.Top3 {
	float:left;
	width: 290px;
	border: 1px solid silver;
	padding: 2px;
	margin: 2px;
	background: #e0e0e0;
	}
	#Analog {
	clear:both;
    width: 884px;
	border-top: 5px solid #e0e0e0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	margin: auto;
					}
	#Radom {
	clear:both;
    width: 884px;
	border-top: 5px solid #e0e0e0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	margin: auto;
					}
	
	#footer {
    background: silver;
	clear:both;
	max-width: 1100px;
	margin: auto;
	height: 25px;
	}
	#footer p {
	text-align:  center;
			}
	#toggle{
	float:left;
	width: 100%;
	}
	.trigger {
	background: #557083;
	border: 4px double red;
	cursor: pointer
	}
	
	#floatstop {
	clear:both;
	}
	.stop {
	clear:both;
	}
	.redfonts {
	color: red;
	}
	.greenfonts {
	color: green;
	}
	#foto {
	
	width: 595px;
	margin: auto;
		}
    #foto_era {
		width: 700px;
	  	margin: 0 152px;
		
		}
		
	.dop {
	color: gray;
	}
	.glav {	}

   #sale_table  table  tr td  {
	  border-collapse: collapse;
	  padding: 1px;
	  margin: 1px;
	  border: 1px solid gray;
	 }
	 #sale_table  table  {
	  border-collapse: collapse;
	  margin: 2px;
	  }
#navbar ul {
  display: none;
  background-color: #e0e0e0;
  position: absolute;
  top: 100%;
  
}
#navbar li:hover ul { display: block; }
#navbar, #navbar ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#navbar {
  height: 30px;
  background-color: #d0d0d0;
  padding-left: 25px;
  min-width: 895px;
}
#navbar li {
  float: left;
  position: relative;
  height: 100%;
}
#navbar li a {
  display: block;
  padding: 6px;
  width: 95px;
  color: black;
  text-decoration: none;
  text-align: center;
}
#navbar ul li { float: none; }
#navbar li:hover { background-color: #b0b0b0; }
#navbar ul li:hover { background-color: #a0a0a0; }
 
	
