body{
font-family: Arial, Helvetica;
font-size: 12px;
background-repeat: repeat-x;
background-image: url('./img/bg.gif');
background-color: #d8d8d8;
margin: 0;
color: #434242;
}

img, h1, h2, h3, h4, p, ul, li, table, tr, td, img{ border: 0; padding: 0; margin: 0; }

/* START -- HOME */
body#index{ background: transparent; }

body#index #bg{
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 414px;
margin-top: -207px;
background: #ffffff url('./img/bg-index.gif') repeat-x scroll center center;
z-index: 1;
}

body#index #content{
position: absolute;
top: 50%;
left: 50%;
width: 900px;
height: 680px;
background: transparent;
padding: 0;
margin: 0;
margin-top: -287px;
margin-left: -475px;
padding-left: 50px;
text-align: left;
z-index: 2;
}

body#index #logo{
position: absolute;
top: 0; left: 10px;
}

body#index a.prod{
float: left;
margin-top: 195px;
margin-right: 20px;
margin-left: 1px;
margin-bottom: 55px;
font-size: 18px;
font-weight: bold;
line-height: 16px;
padding-bottom: 13px;
color: #d40017;
background: #ffffff;
}

body#index a.prod:hover{
border: 1px solid #d40017;
margin-top: 194px;
margin-left: 0;
margin-right: 19px;
margin-bottom: 54px;
text-decoration: none;
color: #ffffff;
background: #d40017;
}

body#index a.prod span{ font-weight: normal; font-size: 15px; }

body#index p#txt{
float: left;
width: 210px;
margin-top: 110px;
font-size: 14px;
font-weight: bold;
color: #ffffff;
}

body#index p#txt a{
background: #ffffff;
font-weight: normal;
padding-left: 2px;
padding-right: 2px;
}

body#index p#txt a:hover{ text-decoration: none; }

body#index a#garantie{
float: left;
width: 105px;
height: 102px;
margin-top: 83px;
margin-left: 50px;
}

body#index #footer{
clear: both;
width: 907px;
border-top: 1px solid #dbdbdb;
background: #ffffff;
color: #6f6f6f;
text-align: right;
font-size: 10px;
padding: 0; margin: 0;
padding-top: 2px;
}

body#index #footer a{ color: #6f6f6f; font-size: 10px; }

/* END -- HOME */

h1{
float: left;
width: 153px;
height: 91px;
margin-left: 2px;
margin-top: 20px;
margin-bottom: 28px;
background-image: url('./img/logo.gif');
background-repeat: no-repeat;
}

h2{
color: #5a5a5a;
font-family: Myriad Pro, Arial;
font-size: 32px;
font-weight: normal;
letter-spacing: -2px;
margin-bottom: 20px;
}

h2 span{ 
color: #cc0001;
font-size: 17px;
font-weight: bold;
letter-spacing: -1px;
}

h3{
font-family: Tahoma, Arial;
font-size: 11px;
margin-bottom: 10px;
text-transform: uppercase;
text-align: left;
padding-top: 23px;
}

h4{
font-size: 11px;
font-weight: bold;
font-family: Tahoma;
margin-bottom: 5px;
}

a{ color: #cc0000; font-size: 11px; text-decoration: none; } a:hover{ text-decoration: underline; }

h1 a{
display: block;
height: 100%;
text-indent: -10000px;
}

.red{ color: #ff0000; }
.redbg{ color: #ffffff; background-color: #ff0000; padding: 2px; }

a.img, a.imgblack{ 
display: inline-block;
width: auto;
height: auto;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
color: #5A5A5A;
}

a.imgblack{ 
margin-right: 10px;
margin-bottom: 20px;
}

a.img img{ border: 2px solid #f7f7f7; }
a.img:hover, a.imgblack:hover{ text-decoration: none; }
a.img:hover img{ border: 2px solid #e4e4e4; }

a.imgblack img{ border: 2px solid #E4E4E4; }
a.imgblack:hover img{ border: 2px solid #5A5A5A; }

.l{ float: left; } .r{ float: right; }

label{
display: block;
width: 300px;
height: 16px;
line-height: 16px;
text-align: right;
font-family: Tahoma, Arial;
font-size: 11px;
margin-bottom: 7px;
}

span.formred{ color: #d81921; }

input, textarea{
width: 226px;
height: 14px;
border: 1px solid #cccccc;
background-color: #f7f7f7;
font-family: Tahoma, Arial;
font-size: 11px;
}

input.button{
width: 120px;
height: 21px;
line-height: 17px;
text-align: center;
color: #ffffff;
background-color: #cc0000;
}

textarea{ 
height: 87px; 
position: absolute; 
top: 0; right: 0;
}

label.textarea{ 
width: 69px;
padding-right: 231px;
height: 89px; 
line-height: 89px; 
position: relative; 
}

.clear{ clear: both; }

#wrapper{
width: 898px;
margin: 0 auto;
}

#wrapper embed, #wrapper object{
float: right;
margin-top: 10px;
margin-right: 5px;
}

#menu{
clear: right;
float: right;
width: 630px;
text-align: right;
padding-top: 80px;
}

#menu a{
float: left;
margin-left: 25px;
text-decoration: none;
color: #ffffff;
font-size: 15px;
font-family: Helvetica;
position: relative;
}

#menu a .l{
font-size: 16px;
font-weight: bold;
position: absolute;
left: -6px;
top: -3px;
}

#menu a .r{
font-size: 16px;
font-weight: bold;
position: absolute;
right: -6px;
top: -3px;
}

#header{
clear: both;
width: 898px;
height: 220px;
}

#content{
margin-top: 1px;
padding-top: 73px;
background-image: url('./img/bg-content.gif');
background-repeat: repeat-x;
background-color: #ffffff;
}

#news{
float: left; 
width: 238px;
padding-left: 30px;
padding-right: 30px;
}

#news h2{ margin-bottom: 2px; }

#news p{
font-family: Tahoma, Arial;
font-size: 11px;
line-height: 17px;
padding-bottom: 10px;
}

#news p .date{
background-color: #e00000;
padding-bottom: 3px;
padding-left: 4px;
padding-top: 3px;
padding-right: 4px;
color: #ffffff;
}

#news p .month{
background-color: #626262;
padding-bottom: 3px;
padding-left: 4px;
padding-top: 3px;
padding-right: 4px;
color: #ffffff;
}

#news p a{
font-weight: bold;
color: #434242;
}

#main{
width: 600px;
float: right;
}

#top{
clear: both;
width: 600px;
margin-left: 298px;
padding-top: 40px;
}

#top a.advert{
clear: both;
display: block;
height: 80px;
padding-left: 32px;
line-height: 80px;
font-size: 32px;
letter-spacing: 1px;
background-color: #cc0000;
color: #ffffff;
}

#top a.advert:hover{ text-decoration: none; }

#top #goTop{
float: right;
width: 60px;
height: 23px;
margin-right: 22px;
margin-bottom: 22px;
background-image: url('./img/go-top.gif');
background-repeat: no-repeat;
text-indent: -10000px;
overflow: hidden;
}

#footer{
width: 898px;
height: 99px;
padding-top: 66px;
background-image: url('./img/bg-content.gif');
background-repeat: repeat-x;
background-color: #ffffff;
}

#footer .madeby{
float: left;
width: 30px;
height: 34px;
text-indent: -10000px;
overflow: hidden;
margin-top: 15px;
margin-left: 30px;
margin-right: 240px;
background-image: url('./img/handsome.gif');
background-repeat: no-repeat;
background-position: 0 0;
}

#footer .madeby:hover{ background-position: 0 -34px; }

#footer .box{
float: left;
padding-right: 18px;
font-size: 11px;
font-family: Tahoma;
}

#footer a{ color: #434242; }

/* PAGES */

#main h2{ float: left; }

#main a.heading{
float: right;
margin-right: 35px;
margin-bottom: 20px;
}

.main-box{
clear: both;
width: 560px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 15px;
background-image: url('./img/bg-main-box.gif');
background-repeat: repeat-x;
text-align: center;
}

.main-box h3 a{ color: #434242; }
.main-box h3 a:hover{ text-decoration: none; }

.main-box p{
font-family: Tahoma, Arial;
font-size: 11px;
text-align: left;
}

.main-box form p{ width: 228px; padding-left: 70px; }

.main-box form p span.msg{ background-color:#d81921; color:#FFFFFF; padding: 2px; }

.main-box p a{ font-weight: bold; }

.main-box ul, .main-box li{
font-family: Tahoma, Arial;
font-size: 11px;
text-align: left;
list-style-image: none;
list-style-position: outside;
list-style-type:  square;
}

.main-box ul li img{
float: right;
margin-left: 15px;
margin-bottom: 15px;
}

form.l{
margin-right: 36px;
}

.small{
width: 170px;
float: left;
margin-left: -10px;
margin-right: 35px;
}

.main-box a.sm{
text-align: center;
text-transform: lowercase;
font-size: 10px;
font-weight: normal;
}

.last{ margin: 0; }

td{
font-size: 10px;
font-family: Tahoma, Arial;
}

.ferestre-detaliu-lemn{
display: block;
width: 121px;
height: 133px;
margin: 0 auto;
color: #5A5A5A;
font-family: Tahoma, Arial;
background-position: 0 0;
background-repeat: no-repeat;
}

.ferestre-detaliu-lemn:hover{ text-decoration: none; background-position: 0 -133px; }

.ferestre-detaliu-plastic{
display: block;
width: 120px;
height: 140px;
margin: 0 auto;
color: #5A5A5A;
font-family: Tahoma, Arial;
background-position: 0 0;
background-repeat: no-repeat;
}

.ferestre-detaliu-plastic:hover{ text-decoration: none; background-position: 0 -140px; }

.main-box a.usi-detaliu{
clear: both;
float: right;
width: 188px;
height: 21px;
padding-left: 4px;
margin-top: 5px;
line-height: 21px;
border-left: 4px solid #e4e4e4;
background-color: #f7f7f7;
font-weight: normal;
font-size: 11px;
font-family: Tahoma, Arial;
color: #5A5A5A;
}

.main-box a.usi-detaliu:hover{
background-color: #cc0000;
color: #ffffff;
text-decoration: none;
}