/* 
    Document   : main
    Created on : Nov 24, 2009, 11:36:19 AM
    Author     : seth
*/


/* basic */
root, #header_wrapper, #content_wrapper, footer_wrapper {
    display: block;
    
}

body, html{width: 100%; height: 100%}
body{
        
        font-size: 12px; line-height: 16.28px; margin:0; color: #333;
        font-family: 'Verdana', 'Arial', sans-serif;
        background: white url(../images/bkg.jpg) 0 0 repeat-x;
    }

/* clear */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
* html .clearfix {height:1px;}

.clear {clear: both;}

div.clear {clear: both}
img{border: none;}
/* end of clear */

a{color: #0094d9; text-decoration: none}
a:hover{text-decoration: underline;}

h1{font-size: 18px;}
h2{font-size: 16px;}
h3{font-size: 14px; color: #a23266;}
p.error{color: #a23266;}
.hide {display: none;}

h1, h2, h3{margin: 0;}


p{margin: 1em 0;}

h1.img_header, ul#main_menu a,
a.logo, .content_left h2, .content_right h2,
.more h2, a.contact_us, .more_left p.email, strong.email
{text-indent: -9999px;}

.header, .content, .footer{width: 860px; margin: 0 auto; position: relative; text-align: left;}


/* basic bkg */
a.logo, ul#main_menu a, h1.img_header, .content .cell,
h2.cell1,  h2.cell2,  h2.cell3, .content .cell a,
a.read_more, .more h2, a.contact_us, .more_left p.email,
h2.oferta, strong.email, .content_left h2
{
    background-image: url('../images/css.jpg');
    background-repeat: no-repeat;
}

.content.secondary
{
    background-image: url('../images/css2.jpg');
    background-repeat: no-repeat;
}

ul{padding-left: 15px;}

.fll{float: left; width: auto;}
.flr{float: right; width: auto;}

html > body, html > body #all_contents{height: auto;}
#all_contents{
    position: absolute;
	top: 0;
    left: 0;


}

html, body, #all_contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
}



/* this removes focus border from buttons on firefox */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: 1px dotted transparent !important;
}
/* this removes focus border from buttons on firefox */

/* end of basic */


/* header main style */
.header
{
     height: 297px; overflow: hidden; background: transparent;
     padding: 20px 0 0; 
}
#header_wrapper li{list-style: none; display: inline;}

a.logo
{
    width: 200px; height: 44px;
    background-position: 0 0;
    float: left;
    position: absolute;
    left: 30px;
}

/* main_menu */

ul#main_menu{position: absolute; left: 245px; top: 29px; width: 609px; margin: 0; padding: 0;}

ul#main_menu a
{
    float: left; margin-right: 6px; width: auto; height: 29px;
    background-position: 0 0;
    
}

ul#main_menu a.item1 {width: 49px; background-position: 0 -345px; }
ul#main_menu a.item1:hover, ul#main_menu a.selected1 {background-position: 0 -303px; }

ul#main_menu a.item2 {width: 92px; background-position: -55px -345px; }
ul#main_menu a.item2:hover, ul#main_menu a.selected2 {background-position: -55px -303px; }

ul#main_menu a.item3 {width: 130px; background-position: -153px -345px; }
ul#main_menu a.item3:hover, ul#main_menu a.selected3 {background-position: -153px -303px; }

ul#main_menu a.item4 {width: 108px; background-position: -289px -345px; }
ul#main_menu a.item4:hover, ul#main_menu a.selected4 {background-position: -289px -303px; }

ul#main_menu a.item5 {width: 66px; background-position: -404px -345px; }
ul#main_menu a.item5:hover, ul#main_menu a.selected5 {background-position: -404px -303px; }

ul#main_menu a.item6 {width: 60px; background-position: -476px -345px; }
ul#main_menu a.item6:hover, ul#main_menu a.selected6 {background-position: -476px -303px; }

ul#main_menu a.item7 {width: 61px; background-position: -542px -345px; }
ul#main_menu a.item7:hover, ul#main_menu a.selected7 {background-position: -542px -303px; }


/* end of main_menu */


h1.img_header
{
    width: 860px; height: 253px;
    background-position: 0 -44px;
    /*margin-top: 44px; float: left; */
    position: absolute;
    top: 64px; left: 0;
    
}
/* end of header main style */



/* content */
.content{padding: 0 15px; width: 830px;}

/* content index */
.content .cells{width: 900px; position: absolute; z-index: 999; top: 20px; left: -5px; height: 230px; background-color: transparent; overflow:hidden;}
.content .cell
{
    position: relative; width: 246px; height: 226px; overflow: hidden; float: left; display: inline;
    background-position: 0 -381px;
    padding: 25px 20px 0; margin-right: 5px;
}

.content .cell img{position: absolute; left: 20px; top: 68px; width: auto; height: auto;}
.content .cell p{padding: 16px 0 0 101px; margin: 0; height: 113px; overflow: hidden; text-align:justify;}
.content .cell a, a.read_more
{
    float: right; width: 103px; height: 29px; background-position: -616px -303px; text-align: center; color: #c4ecff;
    font-family:'Arial' ,sans-serif;
    font-size: .9em;
    margin-top: 10px;
}
.content .cell a span, a.read_more span{line-height: 29px;}

.content .cell h2, .content_left h2{height: 23px; text-indent: -9999px;}
h2.cell1{width: 132px; background-position: -301px -381px;}
h2.cell2{width: 177px; background-position: -301px -405px;}
h2.cell3{width: 192px; background-position: -301px -433px;}
h2.contacteaza{width: 155px; background-position: -301px -551px; height: 19px;}
h2.galerie-foto {width: 119px; background-position: -301px -571px}


.content .more{padding-top: 260px;}

.more_left{width:260px; background: transparent;}
.more_left h2{height: 22px; background-position: -301px -456px;}
.more_left h3{font-weight: normal; text-transform:lowercase; color: #a23266; margin-top: 12px;}
.more_left p{margin: 3px 0 13px}
.more_left p.email{width: 170px; height: 12px; background-position: -699px 0 ;}
strong.email { background-position: -699px 2px; text-indent: -9999px; position: relative;}
strong.email span { visibility: hidden;}

a.contact_us{width: 230px; height: 21px; float: left; background-position: -301px -505px;}
a.contact_us:hover{background-position: -301px -530px;}

.more_right{width:539px; background: transparent;}
.more_right h2, h2.oferta{width: 193px; height: 22px; background-position: -301px -483px;}
/* end of content index */


/* content rest of the pages */
.content.secondary
{
    background-position: -1px 0;
    background-color: transparent;
    width: 830px;
    padding: 0 20px;
    margin-top: 20px;
}

.secondary_holder {}

.content_left, .content_right{margin-top:25px; }


.content_left{width: 537px; background:transparent; overflow: hidden;}
.content_left h2{margin-bottom: 16px;}

.content_left p, .content_right p{text-align: justify;}

.content_right{background-color: transparent; width: 248px; height: 440px;overflow: hidden}

.content .content_right .cell{background: none; padding: 0; }
.content .content_right .cell img{height:auto; position:absolute; left:0;  top:43px; width:auto;}
.content_left h3{margin-top: 20px;}
.content_left ul{margin-top: 5px;}

/* end of  content rest of the pages */




/* end of content*/


/* footer */
#footer_wrapper
{   
    background: transparent url('../images/footer.jpg') 0 0 repeat-x; height: 95px;
    position: absolute; bottom: 0; width: 100%;
}

.footer{margin-top: 28px; padding: 0 15px; width: 830px;}
.footer, .footer a{color: white; font-weight: bold;}

.footer ul{padding: 0; margin: 1em 0;}
#footer_menu li{display: inline;}
#footer_menu li a {font-weight: bold; text-transform: capitalize;  }
/* end of footer */

#except_footer{ margin-bottom: 10em; /*12em; */ height: auto;}

form.contact fieldset {float: left;}
form.contact div.clear{float: left; margin-bottom: 10px;}

input, textarea{border: 1px solid #333; padding:2px}
input:focus, textarea:focus, .focused{color:  #333; border: 2px solid #a23266; font-weight: bold;}
form.contact label{display: block; font-weight: normal; width: 200px;}
form.contact p{padding: 0 10px; text-align: left;}
form.contact p.error{ margin:0; padding: 0;}
form.contact input, form.contact textarea{ width: 200px;}
form.contact fieldset {border: none; padding: 0; margin: 0; width: 232px; overflow: hidden}
form.contact input.send
{
    width: 206px; background: #333; color: white;
    font-family: 'Verdana', 'Arial', sans-serif; font-weight: normal;
    border: 1px solid #333; cursor: pointer; font-size:12px; padding: 1px;
}



form.contact input.hover
{
    width: 206px;
    font-family: 'Verdana', 'Arial', sans-serif; font-weight: normal;
    cursor: pointer; font-size:12px; padding: 1px;
    background: #a23266; border:1px solid #a23266; color: white;
}


#galeria {width: 600px;}
#galeria a{float: left; width: 174px; height: 118px; margin-right: 8px; margin-bottom: 10px; background: transparent;}

input.focused{color:  #333; border: 2px solid #a23266; font-weight: bold;}


 #captcha.success {
  	border: 1px solid #49c24f;
	background: #bcffbf;
  }
  #captcha.error {
  	/*border: 1px solid #c24949;
	background: #ffbcbc; */
  }