/* Web CSS stylesheed made by Alex Negulescu kernel@wdu.ro */
/* - removal of this copyright notice strictly forbidden   */
/* Used colors in this stylesheet */
/* yellow:				#edda74 */
/* green:				#72b14b */
/* lime: 				#aad492 */
/* normal text color:			#2C210F */
/*
/* col 1 grey 707070 */
/* col 2 bright-red ff0000 */
/* col 3 blue 00b8d3 */
/* col 4 orangeish-red c65444 */
/* col 5 dark-red b21818 */
/* col 6 green 638610 */
/* col 7 orange f7c231 */
/* col 8 yellow */
/* logo.png 400x120 */

/* undoing defaults */
* {margin:0; padding:0; border:0;}
html, body {font: Calibri, Tahoma, verdana, Arial; color: #000;}
h1 {font-size: 1.75em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.1em;}
h6 {font-size: 0.9em;}
h1,h2,h3,h4,h5,h6,pre,code {font-weight: normal;}
a {text-decoration: none; color: #000;}
a img,:link img,:visited img {border:none;}
ul,ol,dl {list-style:none;list-style-type:none;}
area, base, basefont, head, meta, script, style, title, noembed, noscript, param {display: none;}
address {font-style:normal;}
table {border-collapse:collapse;}
/* undoing defaults end */

* {
 border: 0px;
 margin: 0px;
 padding: 0px;
}

body {
 background: #fff url(/layoutfiles/bodybg.gif) no-repeat fixed;
 font-size: 12px;
 font-family: tahoma, verdana, "Century Gothic";
 color: #2C210F;
 margin: 0px;
}

a {
 text-decoration: none;
 color: #c65444;
}

img {
 border: 0;
}

h3 {
 width: 100%;
 font-weight: bold;
// font-variant: small-caps;
 font-size: 17px;
 border-bottom: 2px solid #c65444;
 color: #c65444;
 margin-bottom: 5px;
}

h4 {
 font-weight: bold;
 font-size: 15px;
 margin-bottom: 5px;
}

.pad16 {
 padding-left: 16px;
}

.pad32 {
 padding-left: 32px;
}

.pad48 {
 padding-left: 48px;
}

.pad64 {
 padding-left: 64px;
}

ol, ul {
 padding-left: 16px;
}

* html ul {
 padding-left: 18px;
}

ul li {
 list-style-type: disc;
}

ol li {
 list-style-type: decimal;
}

.zero li {
 list-style-type: decimal-leading-zero;
}

.square li {
 list-style-type: square;
}

.disc li {
 list-style-type: disc;
}

.circle li {
 padding-left: circle;
}

#spacerleft {
 margin: auto;
 padding-left: 110px;
}

#start {
 width: 1024px;
 height: 120px;
 margin: auto;
 border: 0;
 margin-bottom: 10px;
}

#start #left {
 width: 400px;
 display: table-cell;
}

#start #right {
 width: 624px;
 display: table-cell;
 text-align: right;
 vertical-align: top;
 background: #fff url("/layoutfiles/slogan.png") no-repeat bottom right;
}

.bordered {
// border-left: 0px;
//border-right: 0px;
//border-color: #444;
//border-style: solid;
 margin: auto;
 background: #fff;
 width: 1024px;
 padding: 10px;
}

#headercontainer {
background: #b21818;
width: 100%;
height: 286px;
}

#header {
 border-collapse: collapse;
 margin-left: auto;
 margin-right: auto;
 width: 1044px;
 border: 0px;
 margin-bottom: 10px;
}

#headerleft {
 vertical-align: top;
 width: 306px;
 padding: 10px;
 border: 0;
 color: #fff;
}

.topphone td {
 font-weight: bold;
 font-size: 15px;
 padding: 7px;
}

#headerright {
 z-index: 0;
 width: 738px;
 vertical-align: top;
}

/* up menu start */

#meniuTOP {
 float: right;
 width: 100%;
 font-size: 93%;
 line-height: normal;
 font: bold 13px verdana;
}

#meniuTOP ul {
 margin: 0;
 padding: 10px 10px 0 50px;
 list-style: none;
}

#meniuTOP li {
 display: inline;
 margin: 0;
 padding: 0;
}

#meniuTOP a {
 float: left;
 background: url("/layoutfiles/tableft.gif") no-repeat left top;
 margin: 0;
 padding: 0 0 0 4px;
 text-decoration: none;
}

#meniuTOP a span {
 float: left;
 display: block;
 background: url("/layoutfiles/tabright.gif") no-repeat right top;
 padding: 5px 15px 4px 6px;
 color: #FFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#meniuTOP a span {
 float: none;
}

/* End IE5-Mac hack */

#meniuTOP a:hover span {
 color: #FFF;
}

#meniuTOP a:hover {
 background-position: 0% -42px;
}

#meniuTOP a:hover span {
 background-position: 100% -42px;
}

#meniuTOP #current a {
 background-position: 0% -42px;
}

#meniuTOP #current a span {
 background-position: 100% -42px;
}

/* end menu */



#container {
 border-collapse: collapse;
 width: 100%;
 height: 100%;
 border: 0;
 padding: 0px;
 vertical-align: top;
}
#container .content {
 text-align: justify;
 margin-bottom: 15px;
 width: 668px;
 border: 0;
 padding-right: 7px;
}

#servicii, #middle {
display: table;
width: 100%;
}

#middle {
 margin-top: 20px;
}

.elementbox, .elementboxbig {
 text-align: justify;
 float: left;
 border: 0;
 padding: 5px;
}

.elementbox {
 width: 245px;
height: 205px;
}

.elementboxbig {
 width: 500px;
 height: 120px;
}

.boxtb {
display: table;
}

.boximg {
display: table-cell;
}

.boxtitle, .bigboxcol2 {
display: table-cell;
text-align: left;
font-weight: bold;
font-size: 14px;
}

.boxtitle {
vertical-align: middle;
width: 158px;
height: 86px;
}

.bigboxcol2 {
vertical-align: top;
}

.elementbox .desc {
text-align: left;
float: left;
}

.elementboxbig .desc {
display: block;
padding-top: 20px;
font-size: 12px;
font-weight: normal;
}

/* image border for images in posts */

.imageborder {
 float: left;
 margin-right: 10px;
 margin-bottom: 5px;
 margin-top: 5px;
 padding: 4px;
 background: #fff;
 border: 1px solid #c65444;
}

.imageborder-right {
 float: right;
 margin-left: 10px;
 margin-bottom: 5px;
 margin-top: 5px;
 padding: 4px;
 background: #fff;
 border: 1px solid #c65444;
}

/* gallery */

.gallery img {
 float: left;
 border: 1px solid #c65444;
 margin-right: 10px;
 margin-top: 10px;
}

#rightside {
 background: #edda74;
 width: 475px;
 vertical-align: top;
 text-align: justify;
}

/* right menu */

#rightmenu {
 padding-top: 7px;
 width: 180px;
 margin-left: 10px;
 font-family: Tahoma;
 font-weight: bold;
 color: #c65444;
}

#rightmenu ul {
 margin: 0px;
 padding: 0px;
 padding-top: 3px;
}

#rightmenu li {
 border-bottom: 1px solid #2C210F;
 margin-left: 0;
 list-style-type: none;
 text-align: left;
}

#rightmenu a {
 padding: 0px 0px 0px 3px;
 display: block;
 text-decoration: none;
 color: #2C210F;
 overflow: visible;
 font-size: 13px;
 font-family: Verdana, Tahoma, "Century Gothic";
}

#rightmenu a:hover {
 background-color: #c65444;
 color: #fff;
 cursor: pointer;
}

/* right menu-end */

#rightside a img {
 margin-top: 5px;
 border: 0;
}

/* contact page */

#leftside-contact {
 width: 650px;
 border: 0;
 padding: 0px 5px 10px 0px;
 vertical-align: top;
 display: table-cell;
}

#leftside-contact .content {
 text-align: justify;
 margin-bottom: 15px;
 width: 100%;
 border: 0;
 padding-right: 7px;
}

#rightside-contact {
 background: #b21818;
 padding: 10px;
 width: 349px;
 vertical-align: top;
 text-align: justify;
 display: table-cell;
}

#rightside-contact label {
 color: #fff;
}

.zemContactForm {
 float: left;
 border: 0px;
}

fieldset {
 border: 0px;
}

legend {
 font-weight: bold;
}

input, textarea {
 border: 2px solid #333333;
}

.zemTextarea {
 width: 345px;
 height: 200px;
}

.zemText, .zemTextarea {
 color: #333333;
}

.zemSubmit {
 margin-top: 20px;
 float: right;
}

.zemError {
margin: 10px 0px 20px 0px;
padding: 10px;
background: #af0000;
color: #fff;
border: 2px solid #333333;
clear: both;
display: block;
position: relative;
left: -660px;
top: 300px;
}

.zemError li {
list-style: none;
list-style-type: none;
}

/* contact page end */

#footer {
 background: #fff;
 position: relative;
 margin-left: auto;
 margin-right: auto;
 padding: 0 10px 20px;
 width: 1024px;
 height: 45px;
 border-top: 2px solid #c65444;
 padding-top: 3px;
}

#footer img {
 border: 0;
 margin-right: 8px;
}

#footer a {
 color: #000000;
}

#fleft {
 float: left;
 width: 50%;
}

#fright {
 float: left;
 width: 50%;
 font-weight: bold;
 vertical-align: top;
 text-align: right;
 font-size: 12px;
}

/* javrascript start lightbox */

#lightbox{
 position: absolute;
 top: 40px;
 left: 0;
 width: 100%;
 z-index: 2048;
 text-align: center;
 line-height: 0;
 overflow: visible;
}

#lightbox a img{
 border: none;
}

#outerImageContainer{
 position: relative;
 background-color: #fff;
 width: 300px;
 height: 300px;
 margin: 0 auto;
}

/* use margin-top to move pic in page - popup */

#imageContainer{
 padding: 10px;
}

#loading{
 position: absolute;
 top: 25px;
 left: 0%;
 height: 40%;
 width: 100%;
 text-align: center;
 line-height: 0;
}

#hoverNav{
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 z-index: 2048;
}

#imageContainer > #hoverNav{
 left: 0;
}

#hoverNav a{
 outline: none;
}

#prevLink, #nextLink{
 width: 49%;
 height: 100%;
 background: transparent url(/layoutfiles/blank.gif) no-repeat;/* Trick IE into showing hover */
 display: block;
}

#prevLink {
 left: 0;
 float: left;
 background: url(/layoutfiles/prev.gif) left 95% no-repeat;
}

#nextLink {
 right: 0;
 float: right;
 background: url(/layoutfiles/next.gif) right 95% no-repeat;
}

#prevLink:hover, #prevLink:visited:hover {
 background: url(/layoutfiles/prev.gif) left 95% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
 background: url(/layoutfiles/next.gif) right 95% no-repeat;
}

#imageDataContainer{
 font: 12px Tahoma, Verdana, "Century Gothic", Helvetica, sans-serif;
 background-color: #fff;
 margin: 0 auto;
 line-height: 1.4em;
}

#imageData{
 padding: 0 10px;
}

#imageData #imageDetails{
 width: 70%;
 float: left;
 text-align: left;
}

#imageData #caption{
 font-weight: bold;
}

#imageData #numberDisplay{
 display: block;
 clear: left;
 padding-bottom: 1.0em;
}

#imageData #bottomNavClose{
 width: 66px;
 float: right;
 padding-bottom: 0.7em;
}

#overlay{
 position: absolute;
 top: 0;
 left: 0;
 z-index: 2000;
 width: 100%;
 height: 500px;
 background-color: #000;
 filter:alpha(opacity=60);
 -moz-opacity: 0.6;
 opacity: 0.6;
 overflow: visible;
}

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

* html > body .clearfix {
 display: inline-block;
 width: 100%;
}

* html .clearfix {
/* Hides from IE-mac \*/
 height: 1%;
/* End hide from IE-mac */
}