@charset "utf-8";
/* CSS Document */


body { 
width:100%;
height:auto;
background: url(images/back_body.jpg) repeat-x #F97C00;
margin-top:0px;
font-family:Arial, Helvetica, sans-serif;
}


/********header********/

#header {
width:872px;
height:auto;
margin:auto;
margin-top:0px;}

#header img {
border:none;
margin:0px;}

/********header ends********/

/****main*****/

#main {
width:872px;
overflow:hidden;
margin:auto;
}

#captop {
width:872px;
height:19px;
background:url(images/top_cap.png) no-repeat;
}

#cuprins {
width:872px;
overflow:hidden;
background:url(images/back_fill.png) repeat-y;
}

.clear {width:100%; height:0px; clear:both;}

/*****meniu****/

#meniu {
width:150px;
height:550px;
background:url(images/back_meniu.jpg) no-repeat;
float:left;
margin-left:20px;
}

#meniu ul {
width:auto;
margin:10px 0px 0px 0px;
padding:0px;
}

#meniu ul li {
padding:5px 10px 6px 0px;
font-size:14px;
text-align:right;
list-style:none;
background:url(images/meniu_line.png) no-repeat bottom center;
}

#meniu ul li a {
color:#FFF;
}

#meniu ul li a:link {text-decoration:none;}

#meniu ul li a:hover {text-decoration:underline;}

#meniu ul li a:visited {text-decoration:none;}

#meniu ul li a:visited:hover {text-decoration:underline;}

#fed {
width:110px;
margin:auto;
height:auto;
margin-top:270px;}

#fed img {
border:none;
}

/*****meniu ends****/


#button_how {
width:680px;
float:left;
height:auto;}

#button_how img {
border:none;
float:right;
margin-right:10px;}

#button_how p {
padding:3px;
margin:0px;
width:auto;
font-size:16px;
float:left;
}


#button_how p a {
color: #666666; 
}

#button_how p a:link {text-decoration:none;}

#button_how p a:hover {
text-decoration:underline;
color:#0066CC;}

#button_how p a:visited {text-decoration:none;}

#button_how p a:visited:hover {
text-decoration:underline;
color:#0066CC;}


#products {
width:680px;
overflow:auto;
float:left;
margin-top:10px;
}

#products img {
float:left;
border:none;
margin-left:45px;
}

#arrows {
width:690px;
overflow:auto;
float:left;
margin-top:10px;
}

#arrows p {
width:655px;
font-size:14px;
color: #FFFFFF;
font-weight:bold;
background-color: #5F80A0;
margin:0px 0px 0px 10px;
padding:3px 0px 3px 5px;
}

h1.titlu {color: #004F9D;
margin:0px;
padding:0px;
font-size:16px;}

#advice {
width:690px;
overflow:auto;
float:left;
margin-top:10px;
}

#advice h2 {
color: #004F9D;
margin:5px 0px 5px 10px;
font-size:16px;
}


#advice p {
width:96%;
padding:5px 10px 10px 10px;
font-size:13px;
margin-top:0px;
color:#666666;
overflow:auto;
}

#arrows img {
border:none;
}

.arrange {
width:665px;
overflow:auto;
margin-left:10px;
font-size:11px;
color:#000000;
}

.arrange div {
width:auto;
height:78px;
margin:2px;
float:left;
text-align:left;
border:1px solid #CCCCCC;}

.arrange_shaft {
width:665px;
overflow:auto;
margin-left:10px;
font-size:11px;
color:#000000;
border-bottom:1px solid #FF6600;
}

.arrange_shaft div {
width:auto;
height:auto;
margin:5px;
float:left;
text-align:left;}

.arrange_shaft div img {
float:left;
margin-right:5px;}

.arrange_acc {
width:665px;
overflow:auto;
margin-left:10px;
font-size:11px;
color:#000000;
border-bottom:1px solid #FF6600;
}

.arrange_acc div {
width:auto;
height:auto;
margin:5px;
float:left;
text-align:left;}


#arrows h1 {font-size:16px;
color:#FFFFFF;
width:auto;
padding:5px;
background-color:#0066CC;
margin:0px 20px 5px 10px;
border:1px solid #FF6600;}


#arrows h2 {font-size:16px;
color:#FFFFFF;
width:auto;
padding:5px;
background-color:#0066CC;
margin:10px 20px 5px 10px;
border:1px solid #FF6600;}

#categ {
width:660px;
overflow:auto;
margin-left:10px;
border-bottom:1px solid #999999;
float:left;}

#categ p {
margin:0px;
text-align:center;
float:left;
padding:1px 0px 5px 0px;
font-size:13px;
}

#categ a {
color:#0055AA;
}

#categ a:link {text-decoration:none;}

#categ a:hover {text-decoration:underline;}

#categ a:visited {text-decoration:none;}

#categ a:visited:hover {text-decoration:underline;}


#despre {
width:212px;
overflow:auto;
float:left;
padding:5px 10px 5px 10px;
color:#666666;
font-size:13px;
border-right:1px solid #999999;
margin-top:5px;
line-height:18px;
}

#despre h2 {
color: #0055AA;
margin-top:0px;
font-size:16px;
padding-top:0px;}



#sfaturi {
width:430px;
overflow:auto;
margin-left:10px;
color:#666666;
font-size:13px;
margin-top:10px;
float:left;
line-height:18px;}

#sfaturi h3 {
color: #0055AA;
font-size:16px;
margin-top:0px;
margin-bottom:0px;}

#sfaturi p {
padding-bottom:5px;
border-bottom:1px solid #999999;
}

#sfaturi a {
color:#0055AA;
font-size:11px;
}


#sfaturi h4 {
width:100%;
color: #0055AA;
margin:5px 5px 10px 0px;
font-size:16px;
padding:0px;}


#capbottom {
width:872px;
height:18px;
background:url(images/bottom_cap.png) no-repeat;
margin:auto;
}
/****main ends*****/

/* Sample PopBox CSS Classes */
/* PopBox.js, Copyright (c) 2007, C6 Software, Inc. (http://www.c6software.com/)*/

.PopBoxImageSmall
{
	border: none 0px #ffffff;
	cursor: url("images/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: url("images/magminus.cur"), pointer;
}
.PopBoxImageShrink
{
	cursor: url("images/magminus.cur"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}

#tab_form {
width:320px; 
margin-left:10px; 
color:#0066CC; 
font-size:13px;
float:left;}


#cumpar {
width:330px;
float:left;
margin-left:10px;
line-height:17px;
background-color:#5F80A0;
padding:5px;
color:#FFFFFF;
font-size:12px;}

input:focus {
background-color:#FF9900;
border:1px solid #0066CC;
}

textarea:focus {
background-color:#FF9900;
border:1px solid #0066CC;
}
