@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@font-face {
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.eot');
	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/codropsicons/codropsicons.woff') format('woff'),
		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {  
	  font-family: "leonida_font_imp";  
	  src: url("../fonts/trajanpro-regular.eot"); /* IE */  
	  src: local("trajanpro"), url("../fonts/trajanpro-regular.otf") format("truetype"); /* non-IE */  
}

body {
	background: #34495e;
	background-color:#540a1a;
	background-image:url(pattern.jpg);
	background-position:left top;
	background-repeat:repeat;
}

a:hover, a:active, a:focus {
   outline: 0;
}

.popup_mobile {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	z-index: 10000;
	text-align: center;
	padding: 10px;
	overflow-y: auto;
	display: none;
}
.popup_mobile.visible {
	display: block;
}
.popup_mobile .close_btn {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 10px 15px;
	border-radius: 4px;
	border: 1px solid #000;
	color: red;
	font-weight: bold;
	font-size: 22px;
	cursor: pointer;
	background: #F8F8F8;
}


.container > header,
.codrops-top {
	color: #fff;
	font-family: 'Lato', Arial, sans-serif;
}

.container > header {
	position:relative;
	margin: 0 auto;
	padding-top:70px;
	width:90%;
}

.container #gn-menu .limbi {
	float:right !important;
}
.container #gn-menu .limbi a {
	display:inline-block;
}
.container #gn-menu .limbi .activ {
	background-color:#D0D0D0;
}

.container > header .pret {
	position:absolute;
	display:block;
	text-align:center;
	font-size:1.8em;
	top:70px;
	left:30px;
	width:100px;
	height:75px;
	padding-top:18px;
	background-color:#E01C1F;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	z-index:500;
}

.container > header .oferte_speciale {
	position:absolute;
	display:block;
	text-align:center;
	font-size:0.8em;
	top:70px;
	right:0px;
	height:55px;
	background-color:#E01C1F;
	z-index:500;
}
.container > header .oferte_speciale a { display:block; width:100%; height:100%; padding-top:21px; color:#FFFFFF; font-family:leonida_font_imp, verdana, helvetica, sans-serif; }
.container > header .oferte_speciale:hover { background-color:#980002; }
.container > header .oferte_speciale a:hover { color:#FFFFFF; }

.container > .continut2 .oferte_speciale {
	position:absolute;
	display:block;
	text-align:center;
	font-size:0.8em;
	top:0px;
	right:0px;
	width:150px;
	height:55px;
	background-color:#E01C1F;
	z-index:500;
}
.container > .continut2 .oferte_speciale a { display:block; width:100%; height:100%; padding-top:18px; color:#FFFFFF; font-family:leonida_font_imp, verdana, helvetica, sans-serif; text-decoration:none; }
.container > .continut2 .oferte_speciale:hover { background-color:#980002; }
.container > .continut2 .oferte_speciale a:hover { color:#FFFFFF; }


.container > header .menu_camere {
	width:100%;
	background-color:#252525;
}
.container > header .menu_camere #pillmenu ul {
	width:100%;
	display:table;
	height:30px;
	margin:0;
	padding:0;
	list-style:none;
}
.container > header .menu_camere #pillmenu ul li {
	width:auto;
	display:table-cell;
	border-right:1px solid #DFDFDF;
}
.container > header .menu_camere #pillmenu ul li:last-child {
	border-right:0px solid #DFDFDF;
}
.container > header .menu_camere #pillmenu ul li a {
	color:#FFFFFF;
	font-family: leonida_font_imp, verdana, helvetica, sans-serif;
	vertical-align:middle;
	font-size:0.8em;
	text-align:center;
	display:block;
	padding:5px 1px;
}
.container > header .menu_camere #pillmenu ul li a:hover {
	background-color:#737373;
}
.container > header .menu_camere #pillmenu ul li a.activ {
	color:#8eedff;
}



.container > .continut {
	margin: 0 auto;
	padding:20px 10px 20px 10px;
	width:90%;
	background-color:#FFFFFF;
	min-height:200px;
	text-align:center;
}
.container > .continut2 {
	margin: 0 auto;
	position:relative;
	padding:20px 10px 20px 10px;
	width:90%;
	background-color:#FFFFFF;
	min-height:200px;
	text-align:center;
}
.continut .titlu { text-align:center; font-size:16px; font-family: leonida_font_imp, verdana, helvetica, sans-serif; color:#700101; padding:0 15px; }
.continut2 .titlu { text-align:center; font-size:16px; font-family: leonida_font_imp, verdana, helvetica, sans-serif; color:#700101; padding:0 15px; }
.continut table { width:100% !important; }
.continut table td { width:100% !important; padding:0 !important; margin:0 !important; display:inline-block; float:left; }
.continut table td p { margin:0; padding:0; }
.continut img { max-width:100% !important; height:auto !important; }
.continut p { margin:0 !important; }

.container > .continut2 form input { width:100%; margin-bottom:15px; height:40px; }
.container > .continut2 form select { width:100%; margin-bottom:15px; height:40px; }
.container > .continut2 form textarea { width:100%; margin-bottom:15px; height:80px; }


.linie_top { height:17px; width:auto; background:url(line_1.jpg) top center no-repeat; margin:0 10px; }
.linie_bottom { height:13px; width:100%; background:url(line_2.jpg) top center no-repeat; }
.harta { width:100%; border-bottom:2px solid #727272; border-top:2px solid #727272; margin:5px 0; }


.container > .footer {
	margin: 15px auto;
	width:90%;
	text-align:center;
}
.container > .footer p { font-size:0.8em; color:#FFFFFF; font-weight:bold; }






/* CSS slider imagini */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.rslides .caption {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  margin:0;
  text-align: center;
  background: #000;
  background: rgba(0,0,0, .8);
  color: #fff;
}
/* CSS slider imagini end */


.container > header a {
	color: #566473;
	text-decoration: none;
	outline: none;
}

.container > header a:hover {
	color: #4f7bab;
}

.container > header h1 {
	font-size: 3.2em;
	line-height: 1.3;
	margin: 0;
	font-weight: 300;
}

.container > header span {
	display: block;
	font-size: 55%;
	color: #74818e;
	padding: 0 0 0.6em 0.1em;
}

/* To Navigation Style */
.codrops-top {
	background: #fff;
	background: rgba(255, 255, 255, 0.6);
	text-transform: uppercase;
	width: 100%;
	font-size: 0.69em;
	line-height: 2.2;
}

.codrops-top a {
	text-decoration: none;
	padding: 0 1em;
	letter-spacing: 0.1em;
	color: #888;
	display: inline-block;
}

.codrops-top a:hover {
	background: rgba(255,255,255,0.95);
	color: #333;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	float: left;
	display: block;
}

.codrops-icon:before {
	font-family: 'codropsicons';
	margin: 0 4px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	content: "\e001";
}

.codrops-icon-prev:before {
	content: "\e004";
}

/* Demo Buttons Style */
.codrops-demos {
	padding-top: 1em;
	font-size: 0.9em;
}

.codrops-demos a {
	text-decoration: none;
	outline: none;
	display: inline-block;
	margin: 0.5em;
	padding: 0.7em 1.1em;
	border: 3px solid #b1aea6;
	color: #b1aea6;
	font-weight: 700;
}

.codrops-demos a:hover,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
	border-color: #89867e;
	color: #89867e;
}

@media screen and (max-width: 1025px) {
	.container > header {
	margin: 0 auto;
	padding-top:70px;
	width:96%;
	}
	.container > .continut {
	width:96%;
}
	.container > .continut2 {
	width:96%;
}
.container > .footer {
	width:96%;
}
}

@media screen and (max-width: 780px) {

	.codrops-icon span {
		display: none;
	}
	.rslides .caption {
		font-size:0.7em;
	}
	.container > .continut2 .oferte_speciale {
	font-size:0.7em;
	top:0px;
	right:0px;
	width:120px;
	height:30px;
	}
	.container > .continut2 .oferte_speciale a { padding-top:10px; }
	

}
@media screen and (max-width: 440px) {

.container > header .menu_camere #pillmenu ul li a {
	font-size:0.6em;
}
.container > header .pret {
	width:60px;
	height:40px;
	padding-top:9px;
	font-size:1.1em;
}
.container > header .oferte_speciale {
	font-size:0.7em;
	top:70px;
	right:0px;
	width:120px;
	height:35px;
}
.container > header .oferte_speciale a { padding-top:12px; }

}

.inner {
	padding-top:10px;
	padding-bottom:20px;
}
.inner h2 {
	padding-bottom:0px;
	font-family: leonida_font_imp, verdana, helvetica, sans-serif;
	font-size:1.4em;
	margin-bottom:5px;
	color:#900;
}

.oferte-speciale-sarbatori {
	text-align:center;
	font-size:1.2em;
}
.oferte-speciale-sarbatori h3 {
	text-align:center;
	font-family: leonida_font_imp, verdana, helvetica, sans-serif;
	font-size:1em;
}

.inner_oferta {
	padding-top:20px;
	margin-bottom:20px;
}
.inner_oferta h2 {
	padding-bottom:0px;
	margin-bottom:4px;
	font-family: leonida_font_imp, verdana, helvetica, sans-serif;
	font-size:1.6em;
	color:#900;
}
h2.oferte-spaciale {
	padding-bottom:0px;
	margin-bottom:4px;
	font-family: leonida_font_imp, verdana, helvetica, sans-serif;
	font-size:1.6em;
	color:#900;
}