body {margin: 30px 0px 30px 0px; padding: 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #5F5E60; background: #818181; line-height: 15px}			
html {behavior: url(/resurse/js/hover.htc); overflow-x: hidden; overflow-y: auto;}

/*--------------------------------------------------------------------------------------------------------------------------*/
/* CLEARFIX
/*--------------------------------------------------------------------------------------------------------------------------*/
div:after, 
dl:after,
ul:after,
ol:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden; line-height: 0px;}
* html div, 
* html dl,
* html ul,
* html ol {height: 1%}
div, 
dl,
ul,
ol {display: inline-block}
div, 
dl,
ul,
ol {display: block}
/*-----*/


/*--------------------------------------------------------------------------------------------------------------------------*/
/* RESETARE TAGURI
/*--------------------------------------------------------------------------------------------------------------------------*/
h1,h2,h3,h4,ul,dl,dt,dd,ol,li,p,hr,form,fieldset,blockquote,input,label,textarea,select,address {margin: 0px; padding: 0px; outline: none; border: none; font-style: normal}
form {padding:10px 0px 0px 0px;}
input {border: none; background-color: transparent; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
input.filefield { color: #333333; margin: 0 0 0 0; padding: 0px 3px 0px 3px; border: 1px solid #5F5E60; width: 194px;}
input.textfield {border:1px solid #5F5E60; width: 200px;}
input.inputbutton {	font-size: 10px; font-weight:bold; color:#000000; padding: 0px 3px 0px 3px; background-color:#999999; height: auto; width: 50px; cursor: pointer; border: 1px solid #333333; }
textarea {border: none; background-color: transparent; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border:1px solid #5F5E60; width: 200px; height:80px;}
textarea {overflow: auto}
/*-----*/

a {color: #79787A; text-decoration: none; font-weight: normal; outline: none}
a:hover {border-bottom: 1px solid #79787A;}
a img {border: none}
p,li  {padding: 2px 0px 2px 0px}

em, strong {font-style: normal}


/*--------------------------------------------------------------------------------------------------------------------------*/
/* CONTINUT
/*--------------------------------------------------------------------------------------------------------------------------*/
#continut {position: relative; margin: 0px auto 0px auto; width: 1081px; height: 515px; overflow: hidden; padding: 25px 25px 20px 25px; background: url(../img/continut-bg.png) no-repeat #2B2728}
#continut h2 {margin: 0px; width: 290px; height: 19px; background: url(../img/motto.gif) no-repeat}
#continut h2 strong {display: none}
#continut div#cuprins {position: absolute; bottom: 20px; width: 295px; height: auto; max-height: 500px; overflow: hidden; text-align: justify}
#continut div#cuprins ul#imagini {width: 100%; height: 50px; overflow: hidden; margin: 35px 0px 0px 0px; list-style: none; text-align: center}
#continut div#cuprins ul#imagini li {display: inline; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 2px}
* html #continut div#cuprins ul#imagini li {padding: 0px 8px 0px 2px}
#continut div#cuprins ul#imagini li a img {border: 1px solid #969494}
#b-home #continut div#cuprins ul#imagini li a img {filter: _alpha(opacity=50); opacity: 0.5}
#b-home #continut div#cuprins ul#imagini li a:hover img {filter: _alpha(opacity=100); opacity: 1}

#continut div#cuprins ul#navigare-imagini {position: relative; top: 71px; margin: -35px 0px 0px 0px; padding: 0px 7px 0px 7px; width: 261px; height: 42px; list-style: none}
#continut div#cuprins ul#navigare-imagini li {padding: 0px; filter: alpha(opacity=70); opacity: 0.7}
#continut div#cuprins ul#navigare-imagini li#stg {float: left; clear: none; background: url(../img/sageata-stg.gif) no-repeat}
#continut div#cuprins ul#navigare-imagini li#dr {float: right; clear: none; background: url(../img/sageata-dr.gif) no-repeat}
#continut div#cuprins ul#navigare-imagini li a {display: block; width: 21px; height: 42px;}
#continut div#cuprins ul#navigare-imagini li a:hover {border: none}
#continut div#cuprins ul#navigare-imagini li:hover {filter: alpha(opacity=100); opacity: 1}
#continut div#cuprins ul#navigare-imagini li a strong {display: none}

#continut #detaliere {position: relative; float: right; clear: none; width: 740px; height: 515px; overflow: hidden; text-align: center}
#continut #detaliere ul {position: absolute; clear: both; width: 715px; left: 0px; top: 260px; list-style: none}
#continut #detaliere ul li#prev {float: left; clear: none}
#continut #detaliere ul li#next {float: right; clear: none}
#continut #detaliere ul li#prev a, 
#continut #detaliere ul li#next a {display: block; width: 20px; height: 40px;}
#continut #detaliere ul li#prev a {background: url(../img/sageata-stg-mare.png) no-repeat}
#continut #detaliere ul li#next a {background: url(../img/sageata-dr-mare.png) no-repeat}
#continut #detaliere ul li#prev a strong,
#continut #detaliere ul li#next a strong {display: none}

#b-home #continut #detaliere p {float: left; clear: none; display: inline; margin: 90px 25px 0px 25px; width: 307px; height: auto; text-align: left}
#b-home #continut #detaliere p span {display: block; margin: 0px 10px 0px 10px}
#b-home #continut #detaliere p a img {filter: _alpha(opacity=50); opacity: 0.5}
#b-home #continut #detaliere p a img:hover {filter: _alpha(opacity=100); opacity: 1}

#continut #detaliere img {vertical-align: middle}
#continut #detaliere a:hover {border: none}


#navigare {margin: 0px auto 0px auto; width: 1061px; height: 170px; padding: 25px 35px 35px 35px; background: url(../img/navigare-bg.png) no-repeat #fff}
#b-home #navigare {background: url(../img/navigare-bg-home.png) no-repeat #818181}
#navigare h1 {width: 110px; height: 110px; padding: 30px 83px 30px 83px}
#navigare h1 strong {display: none}
#navigare h1 a {display: block; width: 113px; height: 113px; background: url(../img/sigla_nou.jpg) no-repeat center}
#navigare h1 a:hover {border: none}
#navigare div#languages { padding:0px; text-align:right; }
#navigare div#languages a { border:none; }

#navigare ul {float: right; clear: none; width: 732px; height: auto; list-style: none; font-size: 31px; line-height: 33px;}
#navigare ul li {float: left; clear: none; padding: 0px 10px 0px 10px; border-right: 3px solid #aaa}
#navigare ul li p {padding: 0px; margin: 0px}
#navigare ul li#m-blog {border: none}
#navigare ul li a {color: #aaa}
#b-fotografie #navigare ul li#m-fotografie a,
#b-design #navigare ul li#m-design a,
#b-studio #navigare ul li#m-studio a,
#b-preturi #navigare ul li#m-preturi a,
#b-contact #navigare ul li#m-contact a,
#b-blog #navigare ul li#m-blog a,
#navigare ul li a:hover {border-bottom: none; color: #2B2728}
#navigare ul li p {color: #2B2728}
	#navigare ul li ul {display: none; position: absolute; width: auto; margin: 0px; padding: 5px 0px 0px 0px; font-size: 14px; line-height: 14px;}
	#navigare ul li ul li {float: none; clear: both; padding: 1px 0px 1px 0px; border: none}
	#b-fotografie #navigare ul li#m-fotografie ul li a,
	#b-design #navigare ul li#m-design ul li a,
	#b-studio #navigare ul li#m-studio ul li a,
	#b-preturi #navigare ul li#m-preturi ul li a,
	#b-contact #navigare ul li#m-contact ul li a,
	#b-blog #navigare ul li#m-blog ul li a {color: #79787A}
	#b-fotografie #navigare ul li#m-fotografie ul li a:hover,
	#b-design #navigare ul li#m-design ul li a:hover,
	#b-studio #navigare ul li#m-studio ul li a:hover,
	#b-preturi #navigare ul li#m-preturi ul li a:hover,
	#b-contact #navigare ul li#m-contact ul li a:hover,
	#b-blog #navigare ul li#m-blog ul li a:hover {color: #2B2728}

#b-fotografie #navigare ul li#m-fotografie ul,
#b-design #navigare ul li#m-design ul,
#b-studio #navigare ul li#m-studio ul,
#b-preturi #navigare ul li#m-preturi ul,
#b-contact #navigare ul li#m-contact ul,
#b-blog #navigare ul li#m-blog ul,
#navigare ul li:hover ul {display: block}

#b-home #navigare ul li:hover ul {display: none}

#inline_site_selector {padding:13px 0px 40px 3px; margin: 0px; width: 290px; height: 19px; font-weight:bold; font-size:12px;}
#inline_site_selector a {color: #FFFFFF; text-decoration: none; font-weight: bold; outline: none}
#inline_site_selector a:hover {border: none}

.hline_dotted {
	height: 1px;
	overflow: hidden;
	border-bottom: 1px dotted #DEDEDE;
	margin: 1px 0px 40px 0px;
	display: block;
	clear: both;
	float: none;
}

#errors {
	border: 1px solid #EC1C24;
	color: #EC1C24;
	margin: 4px 0px 4px 0px;
	padding: 1px 3px 2px 3px;
}