html { height:100%; background:#000235; }
body { margin:0; padding:0; font:12px Arial, Helvetica, sans-serif; color:#c0b8f3; }

img { border:none; padding:0px; margin:0px; }
hr { height:1px; border:none; border-bottom:1px solid #78787d; text-align:center; }
p { margin:0px; padding:0 0 10px 0; }
ul { margin:0px; padding:0 0 10px 30px; }

h1, h2 { clear:both; margin:0 0 10px 0; padding:5px 0; font:normal 16px Arial, Helvetica, sans-serif; color:#0120ff; text-align:left; text-transform:uppercase; letter-spacing:1px; }
h1 strong { font-weight:normal; }
h3 { margin:0px; padding:5px 0; font:normal 16px Arial, Helvetica, sans-serif; color:#0120ff; text-align:left; letter-spacing:1px; }
h4 { margin:0px; padding:5px 0; font:normal 16px Arial, Helvetica, sans-serif; color:#0120ff; text-align:center; letter-spacing:1px; }

a:link { color:#766efd; text-decoration:none; }
a:visited { color:#766efd; text-decoration:none; }
a:active { color:#766efd; text-decoration:underline; }
a:hover { color:#766efd; text-decoration:underline; }

.font8px  { font-size:8px; }
.font9px  { font-size:9px; }
.font10px { font-size:10px; }
.font11px { font-size:11px; }
.font12px { font-size:12px; }
.font13px { font-size:13px; }
.font14px { font-size:14px; }
.font15px { font-size:15px; }
.font16px { font-size:16px; }
.font17px { font-size:17px; }
.font18px { font-size:18px; }
.font19px { font-size:19px; }
.font20px { font-size:20px; }
.font21px { font-size:21px; }
.font22px { font-size:22px; }
.font23px { font-size:23px; }
.font24px { font-size:24px; }
.font25px { font-size:25px; }
.font26px { font-size:26px; }
.font27px { font-size:27px; }
.font28px { font-size:28px; }
.font29px { font-size:29px; }
.font30px { font-size:30px; }
.font31px { font-size:31px; }
.font32px { font-size:32px; }
.font33px { font-size:33px; }
.font34px { font-size:34px; }
.font35px { font-size:35px; }
.font36px { font-size:36px; }

.debug_message { position:absolute; z-index:100; bottom:20px; left:20px; width:600px; height:200px; padding:5px; text-align:left; background-color:#ffffcc; color:#000000; border:1px solid #9CACB4; }
.debug_message hr { height:1px; border: none; border-bottom:1px solid #9cacb4; }
.inline-class { display:inline; }
.nodisplay { display:none; }
.hidden { visibility:hidden; }
.captcha { float:left; display:block; width:88px; height:31px; font-size:10px; }
.captchas { float:left; display:block; width:70px; height:25px; font-size:10px; }

.fl_left { float:left; }
.fl_right { float:right; }
.div-next { float:right; width:200px; text-align:right; }
.div-prior { float:left; width:200px; text-align:left; }
#btn_step_prew, #btn_step_next { width:120px; }
.v-outer { display:table; overflow:hidden; }
.v-inner1 { display:table-cell; vertical-align: middle; }
span.txtlength { display:block; width:35px; font-size:10px; color:#766efd; background:#232562; margin:1px 0; padding:0; border:0px; text-align:center; }
.clearfix:after { display:block; content:"."; visibility:hidden; clear:both; height:1px; font-size:1px; }

#content .ok { padding:10px; color:#0000ff; font-size:12px; font-weight:bold; text-align:center; }
#content .err { color:#ff0000; font-size:10px; font-weight:bold; text-align:left; }
#content .msg_ok { display:block; color:#0000ff; font-size:14px; font-weight:normal; text-align:center; text-transform:uppercase; }
#content .msg_err { display:block; color:#ff0000; font-size:14px; font-weight:normal; text-align:center; text-transform:uppercase; }
#content .page_nums { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:5px 0; }
#content .page_nums a { margin:2px; padding:3px; background:#01033c; border:1px solid #0120ff; }
#content .page_nums a:hover { background:#020593; text-decoration:none; }
#content .page_nums span { margin:2px; padding:3px; background:#01033c; border:1px solid #0120ff; }

form { margin:0px; padding:0px; }
form .fld { margin:0px; padding:2px; color:#e1dfff; background:#252763; border:1px solid #78787d; }
form .fld:hover { border:1px solid #8C8CDF !important; }
form .fld:focus { border:1px solid #766efd !important; }
form .btn { margin:0px; padding:2px; color:#766efd; background:#232562; border:1px solid #232562; }
form .err { color:#ff0000; font-style:italic; font-weight:bold; }
form .readonly { background:#e5e5e5; }

div.files { clear:both; padding:0 0 20px 0; }
p.files { clear:both; padding:5px 70px !important; }
p.files:after { display:block; content:"."; visibility:hidden; clear:both; height:1px; font-size:1px; }
p.files img { float:left; }
p.files a { display:block; margin:0 0 0 25px; }

div#submenu { clear:both; margin:5px 0 10px 0; padding-left:2px; font-weight:normal; }
div#submenu:after { display:block; content:"."; visibility:hidden; clear:both; height:1px; font-size:1px; }
div#submenu a { margin:0px; padding:3px 0; text-align:left; }
div#submenu.hor ul { list-style:none; margin:0px; padding:0px; text-align:left; }
div#submenu ul li { margin-top:10px; padding:0px; text-align:left; }
div#submenu ul li.short { list-style:none; margin-top:10px; padding:0px; text-align:left; }

div#submenu.short { clear:both; margin:5px 0 20px 0; padding-left:2px; font-weight:normal; }
div#submenu.short ul { list-style:none; margin:0px; padding:0px; text-align:left; }
div#submenu.short ul li { clear:both; margin:0px; padding:5px 0; text-align:left; border-bottom:1px solid #3f4278; }
div#submenu.short ul li:after { display:block; content:"."; visibility:hidden; clear:both; height:1px; font-size:1px;}
div#submenu.short ul li p { margin:0px; padding:2px 0; }
div#submenu.short ul li h3 { margin:0px; padding:5px 0; text-transform:none; font-weight:normal; text-align:left }
div#submenu.short ul li img { margin:5px 5px 10px 0; }

div#submenu.para { margin:5px 0 20px 0; padding-left:2px; font-weight:normal; }
div#submenu.para ul { list-style:none; margin:0px; padding:0px; text-align:left; }
div#submenu.para ul li { clear:both; margin:0px; padding:5px 0; text-align:left; border-bottom:1px solid #3f4278; }
div#submenu.para ul li:after { display:block; content:"."; visibility:hidden; clear:both; height:1px; font-size:1px;}
div#submenu.para ul li p { margin:0px; padding:2px 0; }
div#submenu.para ul li h3 { margin:0px; padding:5px 0; text-transform:none; font-weight:normal; text-align:left }

div.subitems { clear:both; }
div.subitem { float:left; padding:10px; }

p.detail { display:block; clear:both; margin:0px; padding:5px 0 !important; text-align:right; }
p.detail a { float:none !important; display:inline !important; width:auto !important; margin:0px; padding-left:10px !important; }

ul.site_map strong { font-weight:normal; }
ul.site_map { margin:0px; padding:0px; }
ul.site_map li { list-style:none; background:url(../images/nav.gif) left 4px no-repeat; padding:0 0 0 12px; }

#order { padding-left:7px; }

#outer-wrapper { width:100%; min-width:1000px; background:url(../images/bg.jpg) 0 102px repeat-x; } 

/* header */
#header { overflow:hidden; width:961px; height:97px; text-align:center; }
#header h2 { clear:none; font:normal 18px Arial, Helvetica, sans-serif; color:#2234fb; text-align:center; margin:0px; padding:30px 250px 0 250px; text-transform:none; }
#header img.logo { float:left; margin:26px 0 0 30px; }
#header div.service { float:right; margin:33px 30px 0 0; }
#header div.service img { margin:0px; padding:0 5px 0 5px; border-right:1px solid #2234fb; }
#header div.service img.f { border-left:1px solid #2234fb; }

span#ajax-icon { float:left; width:40px; height:42px; margin:20px 0 0 10px; padding:5px 0 10px 0; }
span#ajax-icon img { visibility:hidden; }
span#ajax-icon.selected img { visibility:visible; }

#form-ajax { float:right; display:none; padding:4px 10px 0 0; }
#form-ajax.selected { display:block; }

#nav { clear:both; height:14px; margin:20px 30px 0 30px; padding:2px 0; color:#0120ff; text-align:left; }
#nav a { color:#0120ff; }
#nav img { margin:0 2px; padding:0 2px 1px 5px; }
/* end header */

/* top menu */
#menu-top { position:relative; z-index:10; width:941px; height:23px; margin:0px; padding:0 0 0 20px; font-size:14px; }

#menu-top div.signle { float:left; width:145px; margin:0px; padding:0px; text-align:left; }
#menu-top div.signle strong { display:block; width:115px; text-align:left; font-weight:normal; }
#menu-top div.signle a { display:block; height:18px; margin:0px; padding:8px 15px; text-align:center; }
#menu-top div.signle a:link { color:#766efd; text-decoration:none; }
#menu-top div.signle a:visited { color:#766efd; text-decoration:none; }
#menu-top div.signle a:active { color:#0120ff !important; text-decoration:none; background:url(../images/hover-menu-single.jpg) top left no-repeat;}
#menu-top div.signle a:hover { color:#0120ff !important; text-decoration:none; background:url(../images/hover-menu-single.jpg) top left no-repeat;}

#menu-top div.sub { float:left; width:145px; margin:0 0 0 20px; padding:0px; text-align:left; }
#menu-top div.sub strong { display:block; width:115px; text-align:left; font-weight:normal; }
#menu-top div.sub a { display:block; height:18px; margin:0px; padding:8px 15px; text-align:left; }

#menu-top div.sub a:link { color:#766efd; text-decoration:none; }
#menu-top div.sub a:visited { color:#766efd; text-decoration:none; }
#menu-top div.sub a:active { color:#ffffff !important; text-decoration:none; }
#menu-top div.sub a:hover { color:#ffffff !important; text-decoration:none; }

#menu-top div.sub:active strong { background:url(../images/hover-menu-sub.jpg) top left repeat-x; }
#menu-top div.sub:hover strong { background:url(../images/hover-menu-sub.jpg) top left repeat-x; }

#menu-top div.sub:active a:link { color:#ffffff; }
#menu-top div.sub:active a:visited { color:#ffffff; }
#menu-top div.sub:active a:active { color:#ffffff; }
#menu-top div.sub:active a:hover { color:#ffffff; }

#menu-top div.sub:hover a:link { color:#ffffff; }
#menu-top div.sub:hover a:visited { color:#ffffff; }
#menu-top div.sub:hover a:active { color:#ffffff; }
#menu-top div.sub:hover a:hover { color:#ffffff; }

#menu-top div.sub ul { list-style:none; display:none; position:absolute; z-index:20; width:135px; margin:-4px 0 0 0; padding:5px 13px; background:#0723ff; text-align:left; font-size:12px; } 
#menu-top div.sub ul li { height:auto; margin:0px !important; padding:2px 0 0 0 !important; background:url(../images/bg-menu-top-subitem.png) top repeat-x; }
#menu-top div.sub ul li strong { display:inline; font-weight:normal; background:none !important; }
#menu-top div.sub ul li a { float:none; width:135px; height:auto; margin:0px; padding:5px 3px; background:none !important; }
#menu-top div.sub ul li a:link { color:#ffffff; text-decoration:none; }
#menu-top div.sub ul li a:visited { color:#ffffff; text-decoration:none; }
#menu-top div.sub ul li a:active { color:#ffffff; text-decoration:underline; }
#menu-top div.sub ul li a:hover { color:#ffffff; text-decoration:underline; }
#menu-top div.sub:hover ul, #menu-top .sub.over ul { display:block; }
#menu-top .selected { background:url(../images/hover-menu-single.jpg) top left no-repeat; }
/* end top menu */

/* tarif menu */
#menu-tarif { clear:both; overflow:hidden; width:973px; height:240px; font-size:14px;  }
#menu-tarif a { display:block; float:left; overflow:hidden;  width:160px; height:40px; padding:200px 0 0 0; margin:0 1px; }
#menu-tarif a.t1 { background:url(../images/tariff-1.jpg) -1px -7px no-repeat; }
#menu-tarif a.t2 { background:url(../images/tariff-2.jpg) -1px -7px no-repeat; }
#menu-tarif a.t3 { background:url(../images/tariff-3.jpg) -1px -7px no-repeat; }
#menu-tarif a.t4 { background:url(../images/tariff-4.jpg) -1px -7px no-repeat; }
#menu-tarif a.t5 { background:url(../images/tariff-5.jpg) -1px -7px no-repeat; }
#menu-tarif a.t6 { background:url(../images/tariff-6.jpg) -1px -7px no-repeat; }
/* end tarif menu */

/* content */
#content-outer { clear:both; width:961px; background:url(../images/bg-content.jpg) center repeat-y;  }
#content-inner { clear:both; width:961px; background:url(../images/bg-content-top.jpg) center top no-repeat;  }
#content { clear:both; width:961px; padding:15px 0 10px 0; text-align:left; }
#content:after { display:block; content:"."; visibility:hidden; clear:both; height:1px; font-size:1px;}
#content-left { float:left; width:310px; }
#content-main { float:right; width:600px; padding:0 25px 0 15px !important; text-align:justify; }
#content-main p { margin:0px; padding:0 0 10px 0; }
/* end content */

/* footer */
#footer { clear:both; width:931px; padding:40px 15px 20px 15px; color:#766efd; background:url(../images/bg-content-bottom.jpg) center bottom no-repeat; }
#footer div.fl_left { text-align:left; position:relative; width:120px; margin:-7px 0 0 0; }
#footer div.fl_right { text-align:right; position:relative; width:120px; margin:-7px 0 0 0; }
#menu-bottom { display:inline; list-style:none; height:20px; margin:0px; padding:5px 0px; border-left:1px solid #3f4278; text-align:center; font-size:14px; }
#menu-bottom li { display:inline; margin:0px; padding:0px; }
#menu-bottom li a { color:#3f4278; margin:0px; padding:5px 12px 5px 7px; border-right:1px solid #3f4278; }
#menu-bottom li.selected a { font-weight:bold !important; }
/* end footer */

/* blocks */
div.block { margin:0px; padding:0px; }
div.block-violet { clear:both; }
div.block-left { padding:0 0 10px 20px; }
div.block-left h2 { background:url(../images/block-line.png) bottom left no-repeat; }
div.block-left:after { display:block; content:"."; visibility:hidden; clear:both; height:1px; font-size:1px; }
div.block-left h3 a:link { color:#0120ff; }
div.block-left h3 a:visited { color:#0120ff; }
div.block-left h3 a:active { color:#0120ff; }
div.block-left h3 a:hover { color:#0120ff; }
div.block-left p { padding:10px 0 0 0; }
div.block-buttons { clear:both; padding:10px; opacity:0.5; }
/* end bloks */

/* page */
a span.images { cursor:pointer; }
span.images { float:left; margin:0px; padding:0 10px 0 0 !important; }
span.images a { margin:0px !important; padding:0px !important; text-decoration:none !important; }
span.images img, span.images a img { display:block; clear:both; margin:0 20px 10px 0; padding:0px; }
p.source { display:block; float:right; padding:0 0 10px 20px; text-align:right; }
#photos { clear:both; padding:10px 0 20px 0; }
#photos a { float:left; width:276px; margin:0 20px 26px 0px; }

li.photos { clear:none !important; float:left !important; overflow:hidden; width:276px; height:207px; margin:0px !important; padding:0 20px 26px 0px !important; border:0px !important; }
li.photos:after { display:block; content:""; clear:none; }
li.photos a { display:block; overflow:hidden; width:276px; height:207px; margin:0px !important; padding:0px !important; }
li.photos a img { margin:0px !important; padding:0px !important; }

div.line-submenu { clear:both; padding:10px 0; font-size:14px; letter-spacing:1px; line-height:1.5em; }
div.line-submenu p { padding:10px 0 5px 0 !important; }
div.line-submenu a:link { color:#766efd; text-decoration:none; }
div.line-submenu a:visited { color:#766efd; text-decoration:none; }
div.line-submenu a:active { color:#766efd; text-decoration:underline; }
div.line-submenu a:hover { color:#766efd; text-decoration:underline; }

/* photo gallery 
#photos { overflow:hidden; width:568px; margin:0 15px; padding:10px 0; }
#photos img { float:left !important; margin:0px; padding:0px; background:#ffffff; border:1px solid #78787d; }
#photos .selected img { border:1px solid #8C8CDF !important; }
#smallWrapper { position:relative; z-index:99; width:564px; margin:0px; padding:0px; }
#smallWrapper tr td { text-align:center; vertical-align:middle; padding:0px; }
td.smallControl { width:23px; }
td.smallControl a { display:block; width:23px; height:72px; background-repeat:no-repeat; }
td.smallControl a:link { background-position:0 0; }
td.smallControl a:visited { background-position:0 0; }
td.smallControl a:active { background-position:-23px 0; }
td.smallControl a:hover { background-position:-23px 0; }
#smallControlLeft { margin:0 5px 0 10px; background-image:url(../images/arrow-left.png); cursor:pointer; }
#smallControlRight { margin:0 10px 0 5px; background-image:url(../images/arrow-right.png); cursor:pointer; }

#smallImages { overflow:hidden; position:relative; width:488px; clear:both; margin:0px; padding:0px; }
#smallImages:after { display:block; content:"."; visibility:hidden; clear:both; height:1px; font-size:1px; }
#smallImagesSlider { position:relative; }
#smallImagesSlider tr td { text-align:center; vertical-align:middle; padding:15px; }

#bigImage { overflow:hidden; margin:0px; padding:0 0 10px 0; text-align:center; }
#bigImage img { margin:0px; padding:0px; background:url(../images/icon-ajax-bg.gif) center no-repeat !important; border:2px solid #78787d; }
*/

/* custom styles */
.tariff-title { font-size:16px; }
table.panel-rubric tr td { margin:0px; padding:0 0 10px 0; text-align:left; vertical-align:middle; }
table.panel-rubric tr td.panel-rubric-logo { margin:0px; padding:0 5px 10px 0; text-align:center; }
table.panel-rubric tr td h3 { color:#c0b8f3; }
table.panel-rubric tr td a:link { color:#c0b8f3; text-decoration:none; }
table.panel-rubric tr td a:visited { color:#c0b8f3; text-decoration:none; }
table.panel-rubric tr td a:active { color:#c0b8f3; text-decoration:underline; }
table.panel-rubric tr td a:hover { color:#c0b8f3; text-decoration:underline; }
table.panel-left tr td { margin:0px; padding:12px 0 10px 0; text-align:left; vertical-align:top; }
table.panel-left tr td.panel-left-logo { margin:0px; padding:0 10px 0 0; }
.panel-light { width:550px; height:280px; margin:0 0 30px 0; padding:20px 30px; color:#c0b8f3; background:url(../images/bg-panel-light.png) left top no-repeat; }
.panel-light h2 { margin:0px; padding:0 0 10px 0; }
.panel-dark { width:550px !important; margin:0 0 30px 0; padding:20px 30px; color:#c0b8f3; background-color:#000564; }
.panel-dark-left { margin:10px 10px 30px 20px; padding:20px 30px; color:#c0b8f3; background:#000564; }
table.panel-violet { width:951px; height:160px; margin:10px 5px 0 5px; }
table.panel-violet tr td { width:276px; margin:0px; padding:0 20px; color:#000235; text-align:justify; vertical-align:middle; background:url(../images/bg-panel-violet.png) center top no-repeat; }
table.panel-violet tr td p { margin:0px; padding:0 0 10px 0; }
td.panel-violet-palette { width:131px !important; padding:0 20px 0 165px !important; background:url(../images/bg-panel-violet-palette.jpg) center no-repeat !important; }
td.panel-violet-prod { width:131px !important; padding:0 20px 0 165px !important; background:url(../images/bg-panel-violet-prod.jpg) center no-repeat !important; }
td.panel-violet-comp { width:116px !important; padding:0 20px 0 180px !important; background:url(../images/bg-panel-violet-comp.jpg) center no-repeat !important; }
table.panel-violet tr td a:link { color:#000235; text-decoration:underline; }
table.panel-violet tr td a:visited { color:#000235; text-decoration:underline; }
table.panel-violet tr td a:active { color:#000235; text-decoration:underline; }
table.panel-violet tr td a:hover { color:#000235; text-decoration:underline; }
.blue { color:#766efd; }

#sitecost_preview { overflow:hidden; width:150px; text-align:right; }
#sitecost_preview img { float:right; width:133px; height:100px; margin:0 0 15px 0; padding:0px; background:url(../images/icon-ajax-small.gif) 50% 50% no-repeat; }
table.site_cost tr td { padding:0 5px 5px 0px; text-align:left; vertical-align:top; }
table.site_cost tr td strong { display:block; padding:3px 0 0 0; }
table.site_cost tr td h3 { color:#766efd; }
table.disabled tr td, table.disabled tr td.blue, .disabled, .disabled td.blue { color:#565269 !important; }
table.site_cost tr td h3 { color:#c0b8f3;}
table.site_cost tr td h3 strong { display:inline; color:#0120ff; }