/* CSS Document */

html
{
    background:url(/images/html_bg.png) repeat left bottom;
}
body
{
    margin:0px; 
    padding:20px 0px; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:12px; 
    background:url(/images/body_bg.png) repeat-x left top;
}

.Master_div
{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: #000 0px 0px 12px;
    -moz-box-shadow: #000 0px 0px 12px;
    box-shadow: #000 0px 0px 12px;
    behavior: url(/js/pie/PIE.php);
}

h1, h2, h3, h4, h5, h6, p, form, input, ul, li
{
    padding:0px; 
    margin:0px; 
    font-weight:normal;
}

p
{
    line-height:16px
}

ul,ol,li 
{
    list-style:none;
}

input, select, textarea
{
    font-family:Arial, Helvetica, sans-serif; 
    font-size:12px; 
    color:#000;
}

a
{
    text-decoration:none; 
    outline:none;
}
a:hover
{
    text-decoration:none; 
    outline:none;
}

a img
{
    border:0px; 
    outline:none;
}

.clear
{
    clear:both; 
    font-size:0px; 
    height:0px; 
    line-height:0px; 
    display:block; 
    background:#fff;
}

.fleft
{
    float:left;
}
.fright
{
    float:right;
}

.Master_div
{
    width:980px; 
    margin:0px auto; 
    background:#fff; 
    position:relative; 
    z-index:1;
}

#black 
{
    z-index:999;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:100%;
    background:#000;
    opacity:0.45;
    -moz-opacity:0.45;
    filter:alpha(opacity=45);
    visibility:hidden;
}

#waitmain
{
    z-index:1010;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:100%;
    height: 100%;
    background:#000;
    opacity:0.45;
    -moz-opacity:0.45;
    filter:alpha(opacity=45);
    visibility:hidden;
    background:url(/images/loading.gif) center center no-repeat;
}

#waitmain #progress p
{
    display: block;
    width: 240px;
    padding: 2px 5px;
    margin: 2px 0;
    border: 1px inset #446;
    border-radius: 5px;
    background: #eee url("/images/progress.png") 100% 0 repeat-y;
}

#waitmain #progress p.success
{
    background: #0c0 none 0 0 no-repeat;
}

#waitmain #progress p.failed
{
    background: #c00 none 0 0 no-repeat;
}

.header
{
    width:100%; 
    float:left; 
    background:url(/images/header_bg.png) no-repeat left top; 
    min-height:118px; 
    padding:15px 0 0;
    position:relative; 
    z-index:16;
}

.header img.logo
{
    float:left; 
    margin:0 0 0 40px;
}
.header ul
{
    float:left; 
    padding:48px 0 0 22px;
}

.header li
{
    float:left; 
    text-align:center; 
    width:120px;
}

.header li a
{
    color:#5f392a; 
    font-size:17px; 
    font-family:'Volkhov', serif; 
    font-weight:normal;
}

.header li.active2
{
    width:166px;
}

.header li.active3
{
    width:163px;
}

.header li.fb
{
    width:78px; 
    margin:-5px 0 0;
}

.header li a:hover
{
    color:#697b28;
}

.footer
{
    width:100%; 
    float:left; 
    background:url(/images/footer_bg.png) no-repeat left top; 
    min-height:28px; 
    margin:-5px 0 0; 
    padding:30px 0 0; 
    position:relative;
}

.footer p
{
    font:normal 11px 'Droid Sans', sans-serif; 
    color:#5f392a; 
    text-align:center;
}

.footer p a
{
    color:#5f392a;
}

#goto_top
{
    position:absolute; 
    right:0; 
    bottom:0px; 
    width:46px; 
    height:46px;
}

#goto_top a,#goto_top img
{
    float:right;
}

.container
{
    width:100%; 
    float:left;
}

#login
{
    width: 100%;
    height: 300px;
    float: left;
    text-align: center;
}

#login #loginfull
{
    width: 100%;
    height: 30px;
    float: left;
    
}

#login #loginfull p
{
    text-align: center;
}
#login #loginleft
{
    width: 49%;
    height: 60px;
    float: left;
}

#login #loginleft p
{
    text-align: right;
}

#login #logincenter
{
    width: 1%;
    height: 60px;
    float: left;
    
}

#login #loginright
{
    width: 50%;
    height: 100px;
    float: left;
}

#login #loginright p
{
    text-align: left;
}

.docs
{
    width: 100%;
    height: auto;
    float: left;
}

.docs .docsleft
{
    width: 420px;
    height: 40px;
    float: left;
    margin: 0px 10px 0px 0px;
}

.docs .docsleft p
{
    text-align: right;
}


.docs .docsright
{
    width: 540px;
    height: 40px;
    float: left;
    margin: 0px 0px 0px 10px;
}

.docs .docsright
{
    text-align: left;    
}

.docs .docscenter
{
    width: 100%;
    height: 40px;
    float: left;
}

.docs .docscenter p
{
    text-align: center;
}

.photo
{
    width: 100%;
    height: auto;
    float: left;
    
}

.photo .ajout
{
    width: 100%;
    height: 80px;
    float: right;
}

.photo .ajout p
{
    text-align: right;    
}

.photo .ajout p input
{
    font-size: 20px;
    margin: 5px 50px 0px 0px;
    width: 200px;
    color: red;    
}


.photo .image
{
    width: 300px;
    height: 250px;
    margin: 0px 10px 0px 270px;
    float: left;
}

.photo .descript
{
    width: 400px;
    height: 250px;
    float: left;
}

.photo .descript .top
{
    width: 100%;
    height: 90px;
    float: left;
    margin: 6px 0px 0px 0px;
}

.photo .descript .top p
{
    font-size: 15px;
}

.photo .descript .top p input
{
    border: 0px;
    font-size: 15px;
}


.photo .descript .center
{
    width: 100%;
    height: 30px;
    float: left;
    margin: 0px 0px 0px 0px;
}

.photo .descript .center p
{
    font-size: 15px;
}

.photo .descript .bottom
{
    width: 100%;
    height: 30px;
    float: left;
    margin: 32px 0px 0px 0px;
}

.photo .descript .bottom p
{
    font-size: 15px;
}

.photo .photomess
{
    width: 100%;
    height: 30px;
    float: left;
    
}

.photo .photomess p
{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: red;
}


.photoiframe
{
    width: 400px;
    height: 200px;
    visibility: hidden;
    display: none;
}

#showaddphoto 
{
    z-index:1002;
    position:fixed;
    top: 20%;
    height: 37%;
    margin-left: 20%;
    width: 60%;
    background:#ffffff;
    visibility:hidden;
    border: 8px solid #000000;    
    padding: 5px;
    text-align: left;
    overflow : none;
    border-radius: 15px;
    box-shadow: 15px 15px 25px 10px #333;
    -webkit-box-shadow:15px 15px 25px 10px #333;
    -moz-box-shadow: 15px 15px 25px 10px #333;
}

#showaddphoto .title
{
    font-size: 20px;
    color: red;
    text-align: center;
    height: 90px;
    margin: 70px 0px 0px 0px;
}
#showaddphoto .addleft
{
    width: 50%;
    height: 100px;
    margin: 0px 0px 0px 0px;
    float: left;
}

#showaddphoto .addleft p
{
    text-align: right;
    font-size: 15px;
    margin: 3px 10px 0px 0px;
}

#showaddphoto .addright
{
    width: 50%;
    height: 100px;
    margin: 0px 0px 0px 0px;
    float: left;
}

#showaddphoto .addright p
{
    text-align: left;
    font-size: 15px;
    margin: 0px 0px 0px 0px;
    
}

/*
#example2{width:940px; margin:0px auto; height:463px; position:relative; z-index:15;}
.effectContainer{width:100%; float:left; position:relative; height:463px; margin:-15px 0 0; overflow:hidden;}
.fadenav{width:98%; position:absolute; left:0; bottom:-1px; background:url(../images/bullets_bg.png) no-repeat left top; min-height:51px; padding-left:2%;z-index:15;}

.fadenav a{background:url(../images/unsel_bullet.png) no-repeat left top; width:12px; height:12px; float:left; margin:15px 0 0 3px; }
.fadenav a:hover,.fadenav a.current{background:url(../images/sel_bullet.png) no-repeat left top;}

a#back{background:url(../images/left_arrow.png) no-repeat left top; width:34px; height:68px; position:absolute; top:175px; left:0; z-index:11;}
a#next{background:url(../images/right_arrow.png) no-repeat left top; width:34px; height:68px; position:absolute; top:175px; right:1px; z-index:11;}

.title{position:absolute; top:350px; right:50px; width:565px;}
.title h1{font:italic 27px 'Volkhov', serif; color:#ffffff; text-shadow:#000 0 0 7px;}
.title h2{font:italic 27px 'Volkhov', serif; color:#ffffff; text-shadow:#000 0 0 7px;}
.title h2 span{text-transform:uppercase;}

#example2 img.shadow{position:absolute; bottom:-6px; left:40px; z-index:1;}



.row{width:95%; float:left; padding:15px 0 0;}
.row em{float:left; padding:13px 0; margin:0 30px 0 40px; position:relative; z-index:1; background:url(../images/frame.png) no-repeat left top; width:280px; text-align:center;}
.row h1{font:normal 18px 'Volkhov', serif; color:#5f392a; background:url(../images/heading_bg.png) no-repeat left top; line-height:20px; margin:10px 0 0; padding:9px 0;}
.row h2{font:italic 16px 'Volkhov', serif; color:#697b28; line-height:20px; padding:10px 18px 10px 0;}
.row h2 strong{color:#5f392a;}
.row p{font:normal 13px 'Droid Sans', sans-serif; color:#5f392a; line-height:17px;}

.all_boxes,.R_all_boxes{width:100%; float:left; background:url(../images/green_lines.png) no-repeat center top; padding:14px 0 0; margin:12px 0 0;}
.box{width:344px; float:left; min-height:300px;}
.box h1{color:#5f392a; font:normal 18px 'Volkhov', serif; line-height:19px; background:url(../images/small_heading_bg.png) no-repeat left bottom; text-align:center; padding:8px 0 9px;}

.box_inner{float:left; margin:11px 0 0 40px; background:url(../images/box_bg.png) repeat-y left top; border-bottom:4px solid #879e36; width:280px; padding-bottom:20px; position:relative;}
.box_inner em,.R_box em,.B_inner em,.contact_address em{float:left; padding:13px 0; margin:0px 0px 0 0px; position:relative; z-index:1; background:url(../images/frame.png) no-repeat left top; width:280px; text-align:center;}
.box_inner em img.magnifier,.R_box em img.magnifier{position:absolute; top:60px; left:80px;}
.box_inner ul,.B_inner ul{float:left; padding:20px 0 0 15px;}
.box_inner li,.B_inner li{float:left; background:url(../images/green_bullet.png) no-repeat left 8px; padding:0 15px 0 10px;}
.box_inner li a,.B_inner li a{color:#5f392a; font:normal 14px 'Droid Sans', sans-serif; line-height:20px; white-space:nowrap;}

img.side_green{position:absolute; margin:0; right:-2px; bottom:-4px;}
.box_inner a.enter{color:#5f392a; font:bold italic 18px 'Volkhov', serif; white-space:nowrap; position:absolute; 
left:0; bottom:-30px; background:url(../images/brown_arrow.png) no-repeat left top; padding:7px 0 0 45px; line-height:23px;}

.green_box,.last_box{width:312px;}
.green_box h1{color:#85993d; text-align:left; padding-left:17px;}
.green_box .box_inner,.last_box .box_inner{margin-left:17px;}
.green_box .box_inner li,.P_green_box li{background-image:url(../images/brown_bullet.png);}
.green_box .box_inner li a,.P_green_box li a{color:#8aa137;}
.green_box .box_inner a.enter{background-image:url(../images/green_arrow.png); color:#8aa137;}

.last_box h1{text-align:left; padding-left:17px;}
.box_inner p{color:#5f392a; font:normal 13px 'Droid Sans', sans-serif; line-height:17px; padding:10px 15px 0; float:left;}
.box_inner p a{color:#8aa137;}

.address{width:100%; float:left; text-align:center; padding:50px 0 0;}
.address p{color:#574319; font:normal 12px 'Droid Sans', sans-serif; line-height:19px;}
.address p a{color:#574319;}
.address p span{color:#94a545;}
.address p strong{color:#574319; font-size:14px;}



.heading h1{padding-left:40px;}

.R_all_boxes{background:none; margin-bottom:-40px;}
.R_box{margin-left:30px; float:left; margin-bottom:25px;}
.green_sep{background:url(../images/R_sep.png) no-repeat left top; width:100%; float:left; height:212px; margin:-127px 0 -77px 23px;}
.product{width:100%; float:left; background:url(../images/product_lines.png) no-repeat 35px top; min-height:903px;}

.product_left{width:333px; float:left;}
.product_left h1{font:normal 18px 'Volkhov', serif; color:#5f392a; padding:0 0 0 40px; margin:5px 0 0; background:url(../images/product_heading.png) no-repeat left bottom; line-height:37px;}
.product_left h1 a{color:#5f392a;}

.brown_box{width:278px; float:left; padding:11px 17px 12px 38px; background:url(../images/brown_bg.png) repeat-y left top;}
.B_inner{width:100%; background:url(../images/box_bg.png) repeat-y left top; float:left;}
.B_inner em{width:278px; background-position:center top;}
.B_inner ul{padding-bottom:20px;}

.product_left h1.green_text{color:#85993d; margin:18px 0 0;}
.product_left h1.green_text a{color:#85993d;}

.P_green_box{background-image:url(../images/P_green_bg.png);}
.P_green_box em{background:url(../images/big_frame.png) no-repeat center top; padding-bottom:0;}
.P_green_box em img{margin-bottom:12px;}

.product_right{width:600px; float:left; margin:50px 0 0 23px;}

.product_box{width:100%; float:left; padding:0 0 11px;}
.product_box em{background:url(../images/product_frame.png) no-repeat left top; width:140px; text-align:center; float:left; padding:8px 0; margin:0 15px 0 0;}
.product_box h2{color:#85993d; font:normal 18px 'Volkhov', serif; background:url(../images/small_heading_bg.png) no-repeat 30% top; line-height:35px; margin:8px 0 0;}
.product_box p{font:normal 14px 'Droid Sans', sans-serif; color:#5f392a; line-height:19px; padding:7px 0 0;}
.product_box p a{color:#5F392A;}
.product_box h2 a{color:#85993d; text-decoration:none;}
.contact{width:100%; float:left; background:url(../images/vertical_line.png) no-repeat 328px top;}
.contact h1{background:url(../images/single_line.png) no-repeat center bottom; float:left; width:100%; margin:0 0 12px 0;}
.contact h1 span{background:url(../images/product_heading.png) no-repeat left top; float:left; color:#5f392a; width:80%; font:normal 18px 'Volkhov', serif; padding:0 0 0 50px; line-height:36px;}

.contact_address{width:100%; float:left;}
.contact_address em{margin:0 14px 0 35px;}

.contact_address div{float:left; width:565px;}
.contact_address h2{color:#85993d; font:normal 18px 'Volkhov', serif; line-height:35px; padding:0 0 0 25px; margin:20px 0 0; background:url(../images/small_heading_bg.png) no-repeat left top;}
.contact_address p{font:normal 14px 'Droid Sans', sans-serif; color:#574319; line-height:19px; padding:12px 0 0 25px;}
.contact_address p span{color:#8aa137;}
.contact_address p a{color:#574319;}

.contact_address ul{padding:10px 0 0 25px;}
.contact_address li{font:normal 14px 'Droid Sans', sans-serif; color:#574319; line-height:19px; padding:0px 0 0 10px; background:url(../images/green_bullet.png) no-repeat left 8px;}

.map{margin:0 0 0 35px; background:url(../images/map_frame.png) no-repeat left top; width:873px; min-height:283px; float:left; padding:12px 14px 14px;}

.moved{
	line-height:25px;
	font-size:20px;
	color:#FF0000;
	font-family:'Droid Sans', sans-serif;
	text-align:center;
}
*/