@charset "utf-8";
* {margin:0px;padding:0px;}
body, #content form, #content input, #content textarea {font: 12px/150% Arial, Helvetica, sans-serif;color: #000;}
body{background: url(images/background.png) repeat-x left 94px; /* 97 se modifica aici impreuna cu #banner_top */ }
img {border: none;vertical-align: top;}
a {color: #039;text-decoration:none;}
a:hover {color: #06C;text-decoration: underline;}
h1 {padding:5px 0px 5px;font: 24px/125% Georgia, "Times New Roman", Times, serif;}
h2 {padding:5px;font-size:15px;background-color:#eee;}
h3, h4, h5, h6, p, ul, ol, li, table, td {padding:0px 0px 5px;font-size: 12px;}
ul {list-style: disc inside;}
ol {list-style: lower-alpha inside;}
.cleaner {line-height: 0px;height: 0px;clear: both;float:none!important;display: block;padding: 0px!important;}
#main {margin: 0px auto; width: 1024px;}
.maincontent {position:relative;display:flex}
#top {display:table;width:100%;height:94px;}
#logo {width: 200px;display:table-cell;text-align:center;vertical-align:middle;}
#logo a.logos {font: 28px/30px bold; display: block;}
#logo a .slogan {font: 12px/15px; display: block;}
#banner_top {display:table-cell;text-align:right;vertical-align:middle;overflow:hidden;}
#cauta {float:right;}
#cauta input {display:block;color: #036;}
#cauta .input {font-size:11px;height:14px;width:160px;padding:2px;display:block;float:right;margin:4px 5px 0px 0px; border:none;}
#cauta .submit {display:block;float:right;height:22px;width:50px;margin:2px 0px 0px 0px;}
#links { background: #000 url(images/background.png) repeat-x left top; height:26px;margin-bottom:8px;}
#links a {color: #FFF;font-size:13px; font-weight:bold; float:left; padding: 5px 5px 3px; text-decoration:none;}
#links a.last {margin:0px;}
#links a:hover {text-decoration: underline;}
#menu2 {padding-top:5px;}
#menu2 a {font-size:13px; text-decoration:none;padding:0px 5px;}
#menu2 a:hover {text-decoration: underline;}
#fullscreen {float:right;width:80px;}
#descriere {text-align:center}
.fullscreen {width:80px;height:25px;}
#exit {position:absolute; z-index:100; top: 10px; right:10px}
#google_full {position:absolute; z-index:200; bottom: 0px;left: 0px;}
#trafic_full {position:absolute; z-index:300; bottom: 0px;right: 0px;}
#content {display:block;position:relative}
#content form {padding: 0px 0px 10px;}
#content form div {padding: 0px 0px 10px;}
#content .errors {color: #039;background: #DFEAFF;padding: 10px;border: 1px solid #039;margin-bottom:10px;}
#content .errors2 {color: #039;background: #DFEAFF;padding: 0px 10px 2px;border: 1px solid #039;margin-bottom:10px;width:495px;}
#content form p {display: block;clear: both;}
#content form label {display: block;float: left;width: 80px;padding: 0px 0px 20px;}
#content form p input, #content form p textarea {font-size: 11px;display: block;float: left;width: 565px;color: #000;padding: 4px 5px 2px;border: 1px solid #DDD;}
#content form input.required, #content form textarea.required {border: 1px solid #039;}
#content form strong {color: #039;}
#content .submit {clear: both;padding:9px 0px 0px;text-align: right;}
#content .submit input {height:25px;padding:4px 5px 2px;}
#content h3 {font-size:14px;}
.index_strazi li {display:block;float:left;width:205px;height:15px;overflow:hidden;padding:0px;font-size: 11px;}
.block {padding: 0px 0px 10px;}
.block  a {white-space: nowrap; padding: 0px 10px 0px 0px;}
.info {padding: 0px 0px 10px;}
.info img{display: block;margin: 0px 10px 0px 0px;float: left;}
.info p{display: block;line-height: 110%;}
#controls {width:180px; float:left; margin-right:10px;}
#controls h3{text-decoration: underline;padding-left: 5px;}
.left {padding: 0px 0px 10px;}
#banner_right {padding: 0px 0px 10px;}
#footer {clear:both;text-align: center;padding-top:10px;border-top: 1px solid #3A5896}
.block2 {width:480px; float:left;}
.block3 {width:345px; float:right;}
.small_block {padding: 5px 0px;}
.hotels {padding:5px 0px 0px;font-size: 20px;line-height:30px;}
#right_google{width:160px; height:600px; float:right;padding:0px 0px 0px 10px;}
.semi{width:160px;float:left;}
.fb-like-box {width:180px!important;overflow:hidden;}
.hamburger {display:none}
@media only screen and (max-width: 1024px) {
    #main {width: 930px;}
	#controls {width:160px;}
	.fb-like-box {width:160px!important;}
}
@media only screen and (max-width: 768px) {
	#main {width: 100%;padding:0 5px}
	/* #links {height:30px} */
	.hamburger {
	  text-align: center;
	  display:none;
	}
	.hamburger__button {
	  position: relative;
	  width: 30px;
	  height: 30px;
	  border: none;
	  outline: none;
	  cursor: pointer;
	  background-color: transparent;
	  overflow: hidden;
	  text-indent: 100%;
	  color: transparent;
	  white-space: nowrap;
	}
	.hamburger__icon,
	.hamburger__icon::before,
	.hamburger__icon::after {
	  position: absolute;
	  width: 18px;
	  height: 2px;
	  border-radius: 2px;
	  background-color: #fff;
	}
	.hamburger__icon {
	  top: calc(50% - 1px);
	  left: calc(50% - 10px);
	  transition: all 0.3s linear;
	}
	.hamburger__icon::before,
	.hamburger__icon::after {
	  content: "";
	  left: 0;
	}
	.hamburger__icon::before {
	  bottom: 5px;
	}
	.hamburger__icon::after {
	  top: 5px;
	  transition: all 0.3s linear;
	}
	
	/* #controls {display:none;}
	#cauta {margin-top:2px;}
	#banner_top {display:none} */
}
.content-top-info {display:table;margin-bottom:10px;}
.content-top-left {display:table-cell;padding-right:10px;vertical-align:top}
.content-top-right {display:table-cell;width:320px;}
.content-map-top {display:block;margin:5px 0;text-align:center}
.content-map {display:table;margin:5px 0;}
.content-map-left {display:table-cell;padding-right:10px;vertical-align:top;width:100%;height:600px}
.content-map-right {display:table-cell;width:160px;}
.content-map-report{text-align:center;display:table-row;}
#MarkerLat, #MarkerLat2 {width:490px;padding:5px;margin-bottom:5px;}
#MarkerLat {height:40px;}
#MarkerLat2 {height:20px;}
.lista_strazi {display:block;clear:both;}
.lista_strazi li {display:block;float:left;width:207px;}
input.gsc-input {border-color: #003399;}
input.gsc-search-button {border-color: #666666;background-color: #CECECE;}

  .gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  input.gsc-input {
    border-color: #003399;
  }
  input.gsc-search-button {
    border-color: #666666;
    background-color: #CECECE;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #E9E9E9;
    background-color: #E9E9E9;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-top-color: #CC0000;
    border-left-color: #E9E9E9;
    border-right-color: #E9E9E9;
    background-color: #FFFFFF;
  }
  .gsc-tabsArea {
    border-color: #E9E9E9;
  }
  .gsc-webResult.gsc-result,
  .gsc-results .gsc-imageResult {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover,
  .gsc-imageResult:hover {
    border-color: #990000;
    background-color: #ffcccc;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b,
  .gs-imageResult a.gs-title:link,
  .gs-imageResult a.gs-title:link b {
    color: #003399;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b,
  .gs-imageResult a.gs-title:visited,
  .gs-imageResult a.gs-title:visited b {
    color: #003399;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b,
  .gs-imageResult a.gs-title:hover,
  .gs-imageResult a.gs-title:hover b {
    color: #990000;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b,
  .gs-imageResult a.gs-title:active,
  .gs-imageResult a.gs-title:active b {
    color: #003399;
  }
  .gsc-cursor-page {
    color: #003399;
  }
  a.gsc-trailing-more-results:link {
    color: #003399;
  }
  .gs-webResult .gs-snippet,
  .gs-imageResult .gs-snippet {
    color: #000000;
  }
  .gs-webResult div.gs-visibleUrl,
  .gs-imageResult div.gs-visibleUrl {
    color: #0066CC;
  }
  .gs-webResult div.gs-visibleUrl-short {
    color: #0066CC;
  }
  .gs-webResult div.gs-visibleUrl-short {
    display: none;
  }
  .gs-webResult div.gs-visibleUrl-long {
    display: block;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: #E9E9E9;
    background-color: #FFFFFF;
    color: #003399;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: #CC0000;
    background-color: #FFFFFF;
    color: #003399;
  }
  .gs-promotion {
    border-color: #336699;
    background-color: #FFFFFF;
  }
  .gs-promotion a.gs-title:link,
  .gs-promotion a.gs-title:link *,
  .gs-promotion .gs-snippet a:link {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:visited,
  .gs-promotion a.gs-title:visited *,
  .gs-promotion .gs-snippet a:visited {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:hover,
  .gs-promotion a.gs-title:hover *,
  .gs-promotion .gs-snippet a:hover {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:active,
  .gs-promotion a.gs-title:active *,
  .gs-promotion .gs-snippet a:active {
    color: #0000CC;
  }
  .gs-promotion .gs-snippet,
  .gs-promotion .gs-title .gs-promotion-title-right,
  .gs-promotion .gs-title .gs-promotion-title-right *  {
    color: #000000;
  }
  .gs-promotion .gs-visibleUrl,
  .gs-promotion .gs-visibleUrl-short {
    color: #008000;
  }
  .center { text-align: center;}
  
  table.judete, table.localitati {
      border: 1px solid #3A5896;
  }
  
  table.judete tr.head, table.localitati tr.head {
      color: white;
      background-color: #3A5896;
  }
  
  table.judete tr:hover {
      color: white;
      background-color: #748FC9;
  }
  
  table.localitati td:hover {
      color: #fff;
      background-color: #748FC9;
  }
  
  table.localitati td a:hover {
      color: #fff;
      background-color: #748FC9;
  }
  
  .ullist ul li {
      font-size: 12px;
      line-height: 12px;
  } 
  
  .ullist ul li a {
      font-size: 12px;
  } 
  
  .topbar_ads {
	background-color: #485A7B;
	padding-left: 12px;
	padding-top: 5px;
	height: 18px; 
  }
  
  .topbar_ads span {
	color: white;
	padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; 
  }
  
  .mlink {
	margin-top: -1px;
	background-color: #F4F7F9;
	border: 1px solid #D3DCEA;
	padding: 3px 3px;
  }
  
  .mlink a{
  }
  
  /* Map button Styling
========================================== */
.photo-div {
	position: relative;
	z-index: 99999;
	background-color: #7996D7; 
	border: 1px solid #357EC7;
	cursor: pointer;
	text-align: center;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	webkit-box-shadow: rgba(0, 0, 0, 0.347656) 2px 2px 3px; 
	box-shadow: rgba(0, 0, 0, 0.347656) 2px 2px 3px;
}

.photo-text {
	font-size: 14px; 
	font-weight: bold;
	padding: 0 4px;
	direction: ltr; overflow-x: hidden; overflow-y: hidden; text-align: center; position: relative; font-family: Arial, sans-serif; -webkit-user-select: none; font-size: 12px; line-height: 160%; padding-top: 0px; padding-right: 6px; padding-bottom: 0px; border-top-left-radius: 2px 2px; border-top-right-radius: 0px 0px; border-bottom-right-radius: 0px 0px; border-bottom-left-radius: 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.347656) 2px 2px 3px; box-shadow: rgba(0, 0, 0, 0.347656) 2px 2px 3px; min-width: 33px; color: white; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(103, 138, 199); border-right-color: rgb(103, 138, 199); border-bottom-color: rgb(103, 138, 199); border-left-color: rgb(103, 138, 199); padding-left: 6px; font-weight: bold; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(109, 138, 204)), to(rgb(123, 152, 217))); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;
}

.photo-div:hover {
	border: 1px solid #000;
}

.distanterutiere {
    margin-top: 30px;
    width: 320px;
    padding: 10px 5px;
    /* background: white url("images/a.jpg") 0 0; */
    background-color: #eee;
    border: 3px solid #ccc;
}

.distanterutiere form input {
    padding: 3px;
    border: 1px solid #ccc;
    height: 22px;
}

.distanterutiere form input[type=button] {
    padding: 3px;
    border: 1px solid #ccc;
    background-color: #eee;
    cursor: pointer;
    height: 22px !important;
}

.distanterutiere h3 {
    font-size: 18px !important;
    padding: 4px 0;
    line-height: 20px;
    color: #039;
    margin-bottom: 10px;
}

/* Paginator */
/* pagination style */
.pagin {
padding: 2px 0;
margin: 0;
font-family: Arial, "Verdana", sans-serif;
font-size: 7pt;
font-weight: bold;
}
.pagin * {
padding: 2px 6px;
margin: 0;
}
.pagin a {
border: solid 1px #666666;
background-color: #EFEFEF;
color: #666666;
text-decoration: none;
}
.pagin a:visited {
border: solid 1px #666666;
background-color: #EFEFEF;
color: #60606F;
text-decoration: none;
}
.pagin a:hover, .pagin a:active {
border: solid 1px #CC0000;
background-color: white;
color: #CC0000;
text-decoration: none;
}
.pagin span {
cursor: default;
border: solid 1px #808080;
background-color: #F0F0F0;
color: #B0B0B0;
}
.pagin span.current {
border: solid 1px #666666;
background-color: #666666;
color: white;
}
/* END pagination style */

/* distante rutiere */
#selection tr td input[type=text] {
    border: 1px solid #ccc; 
    padding: 3px 2px; 
	width:95%
}

#selection tr td input[type=button] {
    padding: 3px 5px; 
    border: 1px solid #ccc; 
    cursor: pointer;
}