@charset "utf-8";
/* CSS Document */
.content {
	min-height:100%
	height:100%;
	width: 940px;
	background-color: #fff;
	float: left;
	margin-left:50px;
	margin-top: 15px;
	overflow:hidden;
}
.orasuliasi {
	height: 430px;
	width: 301px;
	background-color: #F3F4F4;
	float: left;
	margin-right: 0px;
	margin-top: 0px;
	

	font-family: "Open Sans Light";
}

.indice1 {
	height: 20px;
	width: 200px;
	background-color: #F3F4F4;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	font-size: 16px;
	font-family: "Open Sans Light";
}

.indice2 {
	height: 20px;
	width: 200px;
	background-color: #F3F4F4;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
	font-size: 16px;
	font-family: "Open Sans Light";
}


.disponibil {
	height: 20px;
	width: 20px;
	background-color: #add694;
	float: left;
	margin-right: 10px;
	margin-top: 0px;
	font-size: 12px;
	font-family: "Open Sans Light";
}

.indisponibil {
	height: 20px;
	width: 20px;
	background-color: #f4947c;
	float: left;
	margin-right: 10px;
	
	margin-top: 7px;
	margin-top: 2px;
	font-size: 16px;
	font-family: "Open Sans Light";
}

.text {
	height: 150px;
	width: 260px;
	background-color: #F3F4F4;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
		padding-right: 20px;
	font-size: 14px;

	font-family: "Open Sans Light";
}

.text p {
  margin-top: 0em;
  margin-bottom: 1em; 
	font-size: 14px;

	font-family: "Open Sans Light";
}


.detalii {
	height: 60px;
	width: 140px;
	background-color: #A8A8A8;
	float: left;
	margin-left: 80px;
	margin-right: 10px;
	margin-top: 130px;
	font-size: 21px;
	text-align:center;
	color:white;

	font-family: "Open Sans Light";
}



.sts {
	height: 470px;
	width: 30px;
	background-color: #F3F4F4;
	float: left;
	margin-right: 0px;
	margin-top: 0px;
	margin-left: 3px;
	font-size: 16px;

	font-family: "Open Sans Light";
}
.intrare {
	height: 46px;
	width: 20px;
	background-color: #F8F9F9;
	float: left;
	margin-right: 0px;
	margin-top: 210px;
	margin-left: 10px;
	font-size: 16px;

	font-family: "Open Sans Light";
}

.harta{
	height: 470px;
	width:596px;
	background-color: #F3F4F4;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
}

.suprafatatotala {
   background-color: #F3F4F4;
   width: 500px; 
   height: 0px; 
   border-bottom: 450px solid #F8F9F9 ; 
   border-left: 0px solid transparent; 
   border-right: 96px solid transparent; 
   
}


.csuscontainer{
height: 173px;	
float: left;
width:500px;
margin-left: 100px;

	}
	
.cjoscontainer{
height: 173px;	
float: left;
width:700px;
margin-left: 0px;
margin-top:70px;
	}

.c1{
	height: 173px;
	width: 90px;
	background-color: #add694;
	float: left;
	margin-left: 13px;
	margin-top: 30px;
	border: 1px;
	border-color: #437F2D;
	border-style: dotted;
		
}

.c3{
	height: 153px;
	width:80px;
	background-color: #add694;
	float: left;
	margin-left: 13px;
	margin-top: 90px;
	border: 1px;
	border-color: #437F2D;
	border-style: dotted;
		
}

.c3:hover{
	height: 153px;
	width: 80px;
	background-color: #00A550;
	float: left;
	margin-left: 13px;
	margin-top: 90px;
	border: 1px;
	border-color: #437F2D;
	border-style: dotted;
		
}

.c4{
	height: 153px;
	width:80px;
	background-color: #f4947c;
	float: left;
	margin-left: 13px;
	margin-top: 30px;
	border: 1px;
	border-color: #437F2D;
	border-style: dotted;
		
}

.c4:hover{
	height: 153px;
	width: 80px;
	background-color: #ee3124;
	float: left;
	margin-left: 13px;
	margin-top: 30px;
	border: 1px;
	border-color: #437F2D;
	border-style: dotted;
		
}

.c5{
	height: 153px;
	width:80px;
	background-color: #f4947c;
	float: left;
	margin-left: 90px;
	margin-top: 30px;
	border: 1px;
	border-color: #437F2D;
	border-style: dotted;
		
}

.c5v{
	height: 153px;
	width:80px;
	background-color: #f4947c;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	border: 1px;
	border-color: #437F2D;
	border-style: dotted;
		
}

.c5v:hover{
	height: 153px;
	width: 80px;
	background-color: #ee3124;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	border: 1px;
	border-color: #437F2D;
	border-style: dotted;
		
}
.c5r{
	height: 40px;
	width:80px;
	background-color: #f4947c;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	border: 1px;
	border-color: #437F2D;
	border-style: dotted;
		
}

.c5r:hover{
	height: 40px;
	width: 80px;
	background-color: #ee3124;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	border: 1px;
	border-color: #437F2D;
	border-style: dotted;
		
}

.c6{
	height: 80px;
	width:153px;
	background-color: #f4947c;
	float: left;
	margin-left: 13px;
	margin-top: 30px;
	border: 1px;
	border-color: #437F2D;
	border-style: dotted;
		
}

.c6v{
	height: 80px;
	width:153px;
	background-color: #f4947c;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	border: 1px;
	border-color: #437F2D;
	border-style: dotted;
		
}

.c6v:hover{
	height: 80px;
	width: 153px;
	background-color: #ee3124;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	border: 1px;
	border-color: #437F2D;
	border-style: dotted;
		
}


.c6r{
	height: 80px;
	width:50px;
	background-color: #f4947c;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	border: 1px;
	border-color: #437F2D;
	border-style: dotted;
		
}

.c6r:hover{
	height: 80px;
	width: 50px;
	background-color: #00A550;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	border: 1px;
	border-color: #437F2D;
	border-style: dotted;
}	

.screenshot{
-webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
	width: 26px;
    height: 23px;
    background: #add694;
    border: 2px solid white;
	color: white;
	margin-left: 30px;
	margin-top: 70px;
	text-align:center;
	padding-top:3px;
	float:left;
}
		
}

.screenshot:hover{
	height: 173px;
	width: 90px;
	background-color: #add694;
	float: left;
	margin-left: 13px;
	margin-top: 30px;
	border: 1px;
	border-color: #437F2D;
	border-style: dotted;
		
}


.screenshot2{
-webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
	width: 26px;
    height: 23px;
    background: #f4947c;
    border: 2px solid white;
	color: white;
	margin-left: 27px;
	margin-top: 65px;
	text-align:center;
	padding-top:3px;
	float:left;
}
		
}

.screenshot2:hover{
	height: 173px;
	width: 90px;
	background-color: #add694;
	float: left;
	margin-left: 13px;
	margin-top: 30px;
	border: 1px;
	border-color: #437F2D;
	border-style: dotted;
		
}

.screenshot3{
-webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
	width: 26px;
    height: 23px;
    background: #f4947c;
    border: 2px solid white;
	color: white;
	margin-left: 47px;
	margin-top: 22px;
	text-align:center;
	padding-top:3px;
	float:left;
}
		
}

.screenshot3:hover{
	height: 173px;
	width: 90px;
	background-color: #add694;
	float: left;
	margin-left: 13px;
	margin-top: 30px;
	border: 1px;
	border-color: #437F2D;
	border-style: dotted;
		
}


.c1:hover{
	height: 173px;
	width: 90px;
	background-color: #00A550;
	float: left;
	margin-left: 13px;
	margin-top: 30px;
	border: 1px;
	border-color: #437F2D;
	border-style: dotted;
		
}


.c1nr{
-webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
	width: 26px;
    height: 23px;
    background: #add694;
    border: 2px solid white;
	color: white;
	margin-left: 30px;
	margin-top: 70px;
	text-align:center;
	padding-top:3px;
}

.c2nr{
	width: 28px;
	height: 25px;
	background: #437F2D;
	-moz-border-radius: 90px;
	-webkit-border-radius: 70px;
	margin-left: 30px;
	margin-top: 70px;
	border-color: #fff;
	color: #FFF;
   	text-align: center;
	padding-top:3px
}

.test{
	height: 173px;
	width: 300px;
	background-color: #add694;
	float: left;
	margin-left: 13px;
	margin-top: 30px;
	border: 1px;
	border-color: #437F2D;
	border-style: dotted;
		
}

.test h2{
	clear:both;
	font-size:160%;
	font-weight:normal;
	color:#555;
	margin:0;
	padding:.5em 0;
}
.test a{
	text-decoration:none;
	color:#f30;	
}
.test p{
	clear:both;
	margin:0;
	padding:.5em 0;
}
.test.pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}

.test img{border:none;}
.test ul,li{
	margin:0;
	padding:0;
}
.test li{
	list-style:none;
	float:left;
	display:inline;
	margin-right:10px;
}



/*  */

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
	
#screenshot2{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
	
#screenshot3{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}