html, body { height:100%; width:100%; margin:0px; padding:0px }
body { color: #5f606e; background:url(../i/bg/bg.gif) #fff repeat-x left top; font:normal normal 12px Arial, Tahoma, Verdana, Arial, sans-serif; text-align:center }
table, img { border:0px }
div, span, td, th, td, ul, li { font:normal normal 11px Arial, Tahoma, Verdana, Arial, sans-serif }
div, span, ul, li { margin:0px; padding:0px; list-style:none }
td { vertical-align:top }
div { display:block }
a { color:#c50650; text-decoration:underline }
a:hover{ text-decoration:none }

form { padding: 0px; margin:0px }
input {	border-right:none; border-bottom:none  }
input, select {	font: normal normal 11px Arial, Tahoma, Verdana, Arial, sans-serif; color:#000f53 }
.clear { clear: both; margin:0px; padding:0px; font-size:0px; height:0px; line-height:0px }

h1, h2, h3, h4, h5, h6 { color:#000c54; margin:0px; padding:0px; font-size:12px; display:block; font-weight:bold; }
hr  { clear:both; height:1px; background:none; border-top:1px solid #cecece }

.whf { height:100%; width:100% }
.wf { width:100% }
.fl { float:left }
.fr { float:right }

#conteiner {  width:866px; margin:0 auto; text-align:left }

/* --- head --- */ 
#head { background:url(../i/bg/head.gif) no-repeat right bottom; height:189px; }

#head #logo { background:url(../i/logo/logo.gif) no-repeat left top; width:172px; height:34px; position:relative; top:34px; left:0px }
#head #logo a { width:173px; height:34px; display:block; text-indent:-999em }

#lang { position:relative; margin-left:198px; margin-top:3px; }
#lang a { color:#010751; display:block; float:left; background:#f8eddb; margin:0 0 0 7px; padding:3px 7px 3px 7px; text-decoration:none;  border-bottom:1px solid #dfd1ac; border-right:1px solid #dfd1ac; text-transform:lowercase  }
#lang a:hover, #lang a.active { color:#010751; background:#fff; border-left:1px solid #e2d7b9; border-top:1px solid #e2d7b9; border-right:none; border-bottom:none }

/* --- MAIN --- */
#main .fl { width:528px }
#main .fr { width:187px }
#main .fl p { padding:0; margin:0 }
#main .fr p { padding-top:0; margin-top:0 }


.indexlogo{ position: relative; margin: 36px 0 0 0;padding-top: 20px 0 0 0; border-top: 1px solid white; left: -56px; }

#main .fl #mainleft { background-color:#f3ede1; width:425px; margin-left:70px; overflow: hidden; }
#main .fr #mainright {  }
#main .fl #mainleft .mainleft { padding:0 28px 28px 56px }
#main .fl #mainleft .mainleft h2 { color:#c50650; text-transform:uppercase;padding:88px 0 12px 0;}
#main .fl #mainleft .mainleft a { text-decoration:none; display:block; padding-left:5px; font-size:11px  }
#main .fl #mainleft .mainleft li { background:url(../i/ico/point.gif) no-repeat 0px 5px; padding-left:5px; padding-bottom:9px }
#main .fr #mainright .mainright { padding:0px }
#main .fr #mainright .mainright img  { display:block; border:1px solid #ababab; margin:0 0 0 auto; text-align:right  }

#main #extra #leftmenu { font-size:13px; color:#d4447c; line-height:20px}
#main #extra #leftmenu a { display:block; color:#d4447c; text-decoration:none; font-weight:normal }
#main #extra #leftmenu a:hover, #extra #leftmenu .active { display:block; color:#010a55; text-decoration:none; font-style:italic }

/* --- LEFT --- */
#left { float:left; width:150px; position:relative }
#left p { padding:0; margin:0 }
#extra { width:150px;/* margin-right:-2px;*/ padding-bottom:30px; position:relative; left:2px; /*border:1px solid #fff;*/  /*position:absolute;*/ background:url(../i/ico/bubble.gif) #fff no-repeat bottom right; }

#extra #leftmenu  { position:relative }
#extra #leftmenu h2 { font-size:16px; color:#000c54; font-weight:normal; padding-bottom:16px }
#extra #leftmenu a { display:block; color:#c60651; text-decoration:none; font-weight:normal; line-height:20px }
#extra #leftmenu a:hover, #extra #leftmenu .active { display:block; color:#010a55; text-decoration:none; font-style:italic }

#leftcontact img { display:block; padding-right:10px }
#leftcontact h2 { font-size:12px; text-transform:uppercase; color:#c40852; font-weight:normal; padding:14px 0 }
#leftcontact * { color:#5e606d }

/* --- LEFT END --- */
.sep { clear:both; height:65px }

/* --- RIGHT --- */
#right { float:left; width:715px; border-left:1px solid #ddcfa8; border-bottom:1px solid #ddcfa8; padding-bottom:54px  /*width:716px; */  }

/* top menu */
#topmenu { width:866px; background:#c60651; position: relative; z-index: 1;   }
#topmenu ul { margin:0; padding:0; list-style-type:none; }
#topmenu li { padding:0; margin:0; float:left; text-align:center; list-style-type:none; cursor:pointer;  }
#topmenu li a { display:block !important; border-bottom:1px solid #fff; text-align:center; font-size:13px; font-weight:normal; border-right:1px solid #fff; letter-spacing: -1px; }
#topmenu a { color:#fff !important; text-decoration:none; line-height: 35px;}
#topmenu li div { border-left:1px solid #fff; border-right:1px solid #fff; margin-left:-1px;  position:relative; background:no-repeat; height:34px }
/*
#topmenu li#m1 { width:173px }
#topmenu li#m2 { width:132px }
#topmenu li#m3 { width:123px }
#topmenu li#m4 { width:147px }
#topmenu li#m5 { width:108px }
*/
#topmenu li { width: 137px; }


#topmenu li#m1 div, #topmenu li#m2 div, #topmenu li#m3 div, #topmenu li#m4 div, #topmenu li#m5 div, #topmenu li#m6 div { visibility:hidden }
#topmenu li#m1 div { background-image:url(../i/m/001.jpg) }
#topmenu li#m2 div { background-image:url(../i/m/002.jpg) }
#topmenu li#m3 div { background-image:url(../i/m/003.jpg) }
#topmenu li#m4 div { background-image:url(../i/m/004.jpg) }
#topmenu li#m5 div { background-image:url(../i/m/005.jpg) }
#topmenu li#m6 {  width: 866px; float: none;  z-index: 999; top: -10px; left: 10px; height: 0; width: 0; display: inline; }
#topmenu li#m6 a{  position: absolute; z-index: 999; right: 0; top: 36px; line-height:34px; width: 182px; border: none; } 
#topmenu li#m6 div{display: none;}

#topmenu li.visible div { visibility:visible !important;  }
#topmenu li.hidden div { visibility:hidden !important}
#topmenu li.active div { visibility:visible !important  }

#topmenu li.visible a { background-color:#f0394f }
#topmenu li.active { background:#000c54 }

#topmenu li#m10, #topmenu li#m11, #topmenu li#m12 { background:#f0394f;}
#topmenu li#m10 div, #topmenu li#m11 div, #topmenu li#m12 div { border:none; background:#c60651; }

#topmenu li#m10 { width:60px }
#topmenu li#m11 { width:60px }
#topmenu li#m12 { width:61px }

#topmenu li#m10 a { padding:13px 0px 12px 0 }
#topmenu li#m11 a { padding:12px 0px }
#topmenu li#m12 a { padding:14px 0px 13px 0; border-right:none }

/* --- RIGHT END --- */
#content { padding:0 0 0 64px }
#content h1 { color:#c50650; text-transform:uppercase; padding-bottom:25px }
#content h2 { color:#5f606e }
#content p { padding-top:0px; margin-top:0px }
#content { line-height:16px }

#content li { background:url(../i/ico/point.gif) no-repeat 0px 10px; padding: 4px 0 0 8px;}

table.tb { background:#f3ede1; margin:0 15px 15px 15px }
table.tb p { padding:0; margin:0 }
table.tb ul { padding:9px 0 }
table.tb li { background:url(../i/ico/point.gif) no-repeat 0px 10px;  padding: 4px 0 0 8px; }

/* --- FOOT --- */
#foot { padding:15px 0 }
#foot p { margin:0; padding:0 }
#foot_extra { border-bottom:1px solid #ddcfa8; padding-bottom:5px; color:#666666; font-size:10px }
#foot_extra h2 { font-size:12px; text-transform:uppercase; color:#c40852; font-weight:normal; padding:8px 0 14px 0 }

#foot .copy { padding:50px 0 10px 0}
#foot .copy * { color:#868686; font-size:10px; text-decoration:none; }
#foot .copy .fl a { color:#dbdbdb; text-decoration:underline; }
#foot .copy .fr a { background:url(../i/logo/zet.gif) no-repeat center right; padding:5px 0; display:block; padding-right:27px }