/*
project: internet services template
   author: luka cvrk (www.solucija.com) */


/* default styles
   -------------- */

body {
	padding: 0;
	font: 11px Tahoma, sans-serif;
	line-height: 16px;
	color: #044177;
	align:center;
	text-align: center; /* altfel in IE 7 seteaza totul la stanga */

}

.tabelZmo {
  font: 11px Tahoma, sans-serif;
  color: #044177;
}

.divZmo {
  margin: 0px 0px 0px 0px;
  text-align: justify;
  color: #044177;
}


.tabelIndex1 {
  font: 11px Tahoma, sans-serif;
  color: #044177;
  margin: 0px 0px 20px 10px;
  line-height: 16px;
}

.tabelIndex2 {
  font: 11px Tahoma, sans-serif;
  color: #044177;
  margin: 0px 0px 20px 10px;
  line-height: 16px;
}

a {color: #044177;	background: inherit; text-decoration: none; }
/**
a.selected - folosi la unitati.tpl - pentru "unitateType"- care este selectata
*/
a.selected {color: black;	background: inherit; text-decoration: none; font:italic;}
a.page {font-family:Arial,sans-serif;font-size:13px;text-decoration:none;padding-left:5px;padding-right:5px; color:#7777cc;border:1px solid #6c90d0}
a.page:visited {color:#6c90d0}
a.page:hover {background:#3165d6;color:#fff;text-decoration:none;}
.pageSelected {font-family:Arial,sans-serif;font-size:13px;padding-left:5px;padding-right:5px;color:#008800;font-weight: bold}

hr {clear: both; display: block; text-align: right; color: #044177; height:1px; margin: 0 !important; margin: -7px 0; padding:0px;}

a:hover { color: #95C1F0; background: inherit; }


h1 { font: italic 20px Georgia, Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; }
.dark  { color: #737373; background: inherit; font-weight: bold; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h2 { margin: 0; padding: 0; font: bold 16px Arial, Sans-Serif; letter-spacing: -1px; }
h2 { font-size: 16px; margin-bottom: 5px; color: #000; background: inherit; }

a.rezervare:link{
	color: #990000; background: inherit;
}
a.rezervare:visited{
	color: #990000; background: inherit;
}
a.rezervare:hover{
	color:#146666 ; background: inherit;
}

p {	margin: 0 0 0 0; }

ul { margin: 0 0 0 0 ; padding : 0; list-style : none; }

ul.facilitati{margin-left:5px; list-style: square inside;}
ul.facilitate{margin-left:5px; list-style: disc;}


ul.judet {list-style: square inside;}
ul.localitate {margin-left:20px; list-style: square inside }


form { 	margin: 0; }

input.search {
	width: 117px;
	border: 0px none;
	background: #FFF url('sites/pensiuni/templates/images/input.gif') no-repeat;
	padding: 4px;
	color: #044177;
	font-weight: bold
}

select{
	font: 11px Tahoma, sans-serif;
}

.smallselect{
	font: 11px Tahoma, sans-serif;
	width:150px;
}

.searchtable{
	font: 11px Tahoma, sans-serif;
	width:150px;
	}
input{
	font: 11px Tahoma, sans-serif;
}

input.searchSimple {
	width: 117px;
	font: 12px Tahoma, sans-serif;
/*
	border: 0;
	background: #FFF url(./templates/images/input.gif) no-repeat;
	padding: 4px;
	color: #146666;
	font-weight: bold;
*/
}

input.small {
	background: #044177 url('templates/images/submit.jpg') no-repeat;
	width: 65px;
	border: 0px none;
	height:24px;
	color: #FFF;
	font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:Arial, Sans-Serif; margin-left:0; margin-right:15px; margin-top:0; margin-bottom:1px; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:4px
}

input.submit {
	float:right;
	background: #044177 url('templates/images/submit.jpg') no-repeat;
	border: 0px none;
	width: 65px;
	height:24px;
	color: #FFF;
	font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:Arial, Sans-Serif; margin-left:0; margin-right:15px; margin-top:0; margin-bottom:1px; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:4px
}

input.submitlong {
	float:right;
	background: #044177 url('templates/images/submitlong.jpg') no-repeat;
	border: 0px none;
	width: 100px;
	height:24px;
	color: #FFF;
	font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:Arial, Sans-Serif; margin-left:0; margin-right:15px; margin-top:0; margin-bottom:1px; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:4px
}

input.submitNormalFloat {
	background: #044177 url('templates/images/submit.jpg') no-repeat;
	border: 0px none;
	width: 65px;
	height:24px;
	color: #FFF;
	font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:Arial, Sans-Serif; margin-left:0; margin-right:15px; margin-top:0; margin-bottom:1px; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:4px
}

input.login {
	width: 150px;
	border: none;

	padding: 4px;
}

/* layout
   ------ */

.main {
	margin: 0 auto;
	width: 980px;
	padding: 10px;
	align:center;
	color: #044177;
	text-align: left;
}

.fundal {
	background: url('templates/images/body.jpg') no-repeat center top;
}
.header {
	width: 980;
	align:center;
	text-align: left;
	color: #044177;
}
.top_info {
	float: left;
	width: 555px;
	padding: 5px 0 4px 0;
	color: #044177;
}

	.top_info_left {
		width: 200px;
		float: left;
		height: 100px;
	}

	.top_info_right {
		float: right;
		width: 290px;
		padding: 0 0 0 35px;
	}

.bar {
	clear: both;
	font-size: 14px;
	height: 30px;
	width: 770px;
	margin: 0px 0px 0px 0px;
	background: url('templates/images/fundal1.jpg');
}
	.bar li.barleft {
		width: 50px;
	}
	.bar li {
		color: #FFEADC;
 		float: left;
		padding-left:10px; padding-right:10px; padding-top:7px; padding-bottom:6px
	}
	.bar li.active {
		font-weight: bold;
		color: #fff;
		background: #95C1F0;
	}
	.bar li a {
		font-weight: bold;
		color: #FFF;
	}
	.bar li a:hover {
		color: #95C1F0;
	}

.search_field {
	background: #fff url('templates/images/searchbg.gif') no-repeat right;
	color: #808080;
	clear: both;
	font-weight: bold;
	margin: 5px 0; padding-left:10px; padding-right:25px; padding-top:7px; padding-bottom:10px
}
.grey {
	color: #808080;
	background: inherit;
	font-weight: normal;
}

.search_form { float: right; }

/* .subheader {
	margin: 0px 0 10px 0;
	border-bottom: 1px solid #eee;
	padding: 5px 0 5px 0;
	background: #044177;
	color: #fff;
}
*/

/* left side
   --------- */

.left {
	float: left;
	width: 160px;
	margin: 0px 0px 0px 0px;
	color: #044177;
}
.left h3 {
	background: url('templates/images/fundal1.jpg');
	color: #FFF;
	margin: 0px 0px 0px 0px;
	font-style:normal; font-variant:normal; font-weight:bold; font-size:13px; font-family:Verdana, helvetica,tahoma,arial; padding-left:5px; padding-right:0px; padding-top:5px; padding-bottom:5px
}
	.left_side {
		padding: 5px;
	    margin: 0px 0px 0px 0px;
		color: #044177;
	}

/* right side
   ---------- */
.right {
	float: right;
	width: 160px;
	margin: 0px 0px 0px 0px;
}
.right h3 {
	background: url('templates/images/fundal1.jpg');
	color: #FFF;
	margin: 0px 0px 0px 0px;
	font-style:normal; font-variant:normal; font-weight:bold; font-size:13px; font-family:Verdana, helvetica,tahoma,arial; padding-left:5px; padding-right:0; padding-top:5px; padding-bottom:5px
}

	.right_articles {
		padding: 5px;
		margin: 0px 0px 0px 0px;
/*		background: #EBF3FB; */
		color: #044177;
	}

/* content side
   ---------- */

.content {
	float: left;
	width: 640px;
	margin: 0px 5px 0px 5px;
	color: #000000;
}

.content_table_pachete{
	font: 12px Tahoma, sans-serif;
	width:640px;
}

.bigcontent {
	float: left;
	width: 640px;
	margin: 0px 0px 0px 0px;
}

.content h3
{
	vertical-align:middle;
	clear: both;
	background: #95C1F0 ; /*url('templates/images/fundal2.jpg') ;*/
	color: #044177;
	font-style:normal; font-variant:normal; font-weight:bold; font-size:13px; font-family:Verdana, helvetica,tahoma,arial; margin: 0px 0px 0px 0px; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px
}
.bigcontent h3 {
	clear: both;
	background: #95C1F0 ;
	color: #044177;
	font-style:normal; font-variant:normal; font-weight:bold; font-size:13px; font-family:Verdana, helvetica,tahoma,arial; margin: 0px 0px 0px 0px; padding-left:5px; padding-right:0; padding-top:5px; padding-bottom:5px
}
.content_articles {
	background: #EBF3FB;
	color: #044177;
	padding:5px;
	margin: 0px 0px 0px 0px;
	}

.content_pagination {
	background: #FFFFFF;
	color: #044177;
	padding:5px;
	margin: 0px 0px 0px 0px;
	}
/* content
   ---------- */


.image {
	float: left;
	margin: 0 9px 3px 0;
	border : 0px;
}

.smallimage{
	width: 80;
	height:60;
	/*margin: 5px 9px 3px 5px; - chestia asta face ca imaginile de la unitate sa nu fie una langa alta*/
	border:1px solid #044177;
}
.bigimage{
/* initial 336x253*/
	width:336;
	height:253;
	border:1px solid #044177;
}

/* footer
   ------ */

.footer {
	clear: both;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #ccc;
	line-height: 12px;
}

.footer a { color: #044177; background: #fff; }
/*.footer a:hover { color: #044177; background: #fff; } */

.admin {
	float: left;
	width: 980px;
	margin: 0px
}

.admin h3 {
	clear: both;
	font: italic 20px Georgia, Arial, Sans-Serif;
	letter-spacing: -1px;
	padding: 0px 0 0 0px;
	margin: 0;
}

	.admin_input_data {
		color: #414141;
		font-size: 12px;
		padding: 8px;
		margin:0px 0px 0px 0px;
	}

.admin_lable{
	text-align:right;
	width:20%;
	white-space:nowrap;
}
.admin_tdinput{
	text-align:left;
	width:30%;
}

.admin_table{
	font: 12px Tahoma, sans-serif;
	width:960px;
}

.admin_table_extended{
	font: 12px Tahoma, sans-serif;
	width:620px;
}

.table{
	font: 12px Tahoma, sans-serif;
}
.tdbordered{
	text-align: center;
	border:1px solid #044177;
}

.error{
	font: 12px Tahoma, sans-serif;
	font-weight: bold;
	color: #990000;

}
.inputerror{
	background:#ffd0d0;
	color:#990000;
}

.obligatoriu{
	color:#990000;
}

.instiintare_pachet_minim{
	font: 12px Tahoma, sans-serif;
	color:#990000;
}

.explicatie{
	font: 10px Tahoma, sans-serif;
	color: #757575;
}

.td_border_bottom{
	border-bottom:1px solid #044177;
}

.cell_extended
{
	border: solid 1px #044177;
	padding:2px;
	border-collapse:collapse;
}

.header_extended
{
	border: solid 1px #044177;
	padding:2px;
	background-color: #def;
}




.feedback{
	position:fixed;
	z-index:1000;
	right:0px;
	top:50%;
	margin:-38px 0 0 0;
}

#feedb .form_feedback{
	position:absolute;
	z-index:1000;
	background:white;
	width:410px;
	top:5px;
	left:-422px;
	padding:5px;
	backcolor:#ffffff;
	border:1px solid #aaa;
}

#feedb .input_inreg  {
	border:1px solid black;
}

#feedb .buton_inreg  {
	border:1px solid black;
	background:#fe9d06;
	color:white;
	font-weight:bold;
}

#feedb .text_mail {
	font-weight:bold;
	color:#fff;
}

	#feedb .row_header {
		margin:5px;
		padding:2px 2px 2px 5px;
		font-weight:bold;
		background:#eeeeee;
	}

	#feedb .row {
		margin:2px 0px 5px 0px;
		width:400px;
	}

		#feedb .row div.col_1 {
			float:left;
			width:150px;
			text-align:right;
			padding:2px 5px 0px 0px;
		}

		#feedb .row div.col_2 {
			float:left;
			width:160px;
			padding-left:5px;
		}

		#feedb .row div.col_3 {
			position:relative;
			/*float:left;*/
		}


#feedb div.valid {
	/*position:absolute;*/
	padding:0px 10px 0px 27px;
	font-size:11px;
	color:white;
	background: #00d800;
	font-weight:bold;
	white-space:nowrap;
	height:17px;
	margin-top:2px;
}

#feedb div.invalid {
	/*position:absolute;*/
	padding:0px 10px 0px 27px;
	font-size:11px;
	color:white;
	background: #FF0000;
	font-weight:bold;
	white-space:nowrap;
	height:17px;
	margin-top:2px;
}

#feedb .comment_mic {
	font-size:10px;
	margin-left:140px;
}


.tabset_tabs	{ font: 13px Tahoma, sans-serif; margin:0; padding:0; list-style-type:none; position:relative; z-index:2; white-space:nowrap }
.tabset_tabs li	{ margin:0; padding:0; display:inline }
.tabset_tabs a	{  color:#339 ! important; background-color:#def ! important; border:1px solid #99c; text-decoration:none; padding:0 12px; border-bottom:none }
.tabset_tabs a:hover	{ color:#00c ! important; background-color:#eff ! important }
.tabset_tabs a.active	{ color:black ! important; background-color:white ! important; border-color:black; border-left-width:1px; cursor:default; border-bottom:white; padding-top:1px; padding-bottom:1px }

.tabset_tabs li.firstchild a	{ border-left-width:1px }

.tabset_content	{ border:1px solid black; background-color:white; position:relative; z-index:1; padding:6px 12px; display:none }

.tabset_content_afiseaza_tot	{ border:1px solid black; background-color:white; position:relative;  padding:6px 12px; }
.tabset_label	{ display:none }

.tabset_content_active	{ display:block }

@media aural{
	.tabset_content,
	.tabset_label	{ display:block }
}