/* id: style.css 3004 2009-09-17

   hostingbits.ro css style
   compatible with firefox, netscape, opera and other sane browsers
   internet explorer fixes are located in ieX.css files
   (c) alpha design network
*/

* {
padding: 0;
spacing: 0;
margin: 0;
}

body {
background: url(../img/body_line.png) top repeat-x;
background-color: #f2f2f2;
}

div { border: 0px dashed #0099ff; }
img { border: 0; }
table { clear: both; }

#wrapper-shadow {
display: block;
margin: 0 auto;
margin-top: 5px;
width: 1050px;
background: url(../img/wrapper_shadow.png) repeat-y; }

#wrapper-shadow-bottom {
display: block;
margin: 0 auto;
width: 910px; /*1050px; - padding */
height: 100px;
padding-left: 70px;
padding-right: 70px;
background: url(../img/wrapper_shadow_bottom.png) no-repeat; }

#wrapper {
display: block;
margin: 0 auto;
/*margin-top: 5px;*/
width: 908px;
font-family: Helvetica;
font-size: 12px;
color: #787878; /*#9aa9b3;*/
background: url(../img/wrapper_bg_up.png) 0 -5px repeat-x;
}

#jswarning {
display: block;
height: 28px;
width: 908px;
background-color: red;
color: yellow;
font-weight: bold;
font-family: helvetica;
font-size: 16px;
text-align: center;
line-height: 28px;
}


/* --------   upper zone   --------- */
#upper {
display: block;
height: 120px;
width: 900px;
margin-left: 5px; }
#upper.tall { height: 139px; }


#upper #logo {
display: block;
float: left;
margin-left: 21px;
margin-top: 23px;
height: 55px;
}

#upper #support-menu {
display: block;
float: right;
margin-top: 16px;
margin-right: 10px; }
#upper #support-menu #spacer { letter-spacing: 5px; }
#upper #support-menu a, #upper #support-menu a:hover {
font-family: Calibri, Arial;
font-size: 14px;
color: #9d9c9c;
padding-left: 5px;
padding-right: 5px;
padding-top: 1px;
padding-bottom: 1px;
text-decoration: none; }
#upper #support-menu a:hover {
background-color: #006cb1;
color: white; }

#upper #live-support {
display: block;
float: right;
margin-top: 9px;
margin-right: 38px;
}

#upper #main-menu {
display: block;
position: relative;
float: left;
margin-top: 10px;
margin-left: 2px;
width: 896px;
height: 33px; }
#upper #main-menu.sub { background: url(../img/meniu_default_gray.png) no-repeat; }
#upper #main-menu.nosub { background: url(../img/meniu_default_white.png) no-repeat; }

#upper #main-menu.nosub a, #upper #main-menu.nosub a:hover,
#upper #main-menu.sub a, #upper #main-menu.sub a:hover {
text-decoration: none;
display: block; float: left; height: 33px; }
#upper #main-menu.nosub a { background-image: url(../img/meniu_default_white.png); }
#upper #main-menu.sub a { background-image: url(../img/meniu_default_gray.png); }
#upper #main-menu.nosub a.current { background-image: url(../img/meniu_current_white.png); }
#upper #main-menu.sub a.current { background-image: url(../img/meniu_current_gray.png); }
#upper #main-menu.nosub a:hover, #upper #main-menu.nosub a.current:hover { background-image: url(../img/meniu_over_white.png); }
#upper #main-menu.sub a:hover,#upper #main-menu.sub a.current:hover { background-image: url(../img/meniu_over_gray.png); }
#upper #main-menu a#item1 { width: 219px; background-position: 0 0; }
#upper #main-menu a#item2 { width: 227px; background-position: -219px 0; }
#upper #main-menu a#item3 { width: 231px; background-position: -446px 0; }
#upper #main-menu a#item4 { width: 219px; background-position: -677px 0; }

#upper #sub-menu {
display: block;
position: relative;
float: left;
margin: 0 auto;
margin-top: 0px;
margin-left: 2px;
width: 896px;
height: 20px;
background: url(../img/submenu.png) 0 -2px;
}
#upper #sub-menu a, #upper #sub-menu a:hover {
font-family: Arial;
line-height: 1.5em;
font-size: 13px;
font-weight: bold; }
#upper #sub-menu a { color: #5a6c78; text-decoration: none; }
#upper #sub-menu a:hover { color: #006cb1; text-decoration: underline; }
#upper #sub-menu .spacer { padding-left: 15px; }
#upper #sub-menu a.current { text-decoration: underline; }

/* ----------- page ------------- */

#leftcol.leftcol {
display: block;
float: left;
min-height: 400px;
width: 200px;
margin-left: 10px;
padding-top: 10px; }

#ifleftcol {
display: block;
clear: both;
float: left;
min-height: 300px;
width: 900px;
background: url(../img/leftcol-bg.png) -10px repeat-y; }

.leftcol a, .leftcol a:hover {
display: block;
float: left;
clear: both;
width: 190px;
margin-left: 2px;
color: #575757;
background-color: #F2F2F2;
line-height: 28px;
margin-top: 5px;
padding-left: 5px;
text-decoration: none; }
.leftcol a {
border-left: 5px solid #c0c0c0; }
.leftcol a:hover {
border-left: 5px solid #006cb1; }

.rightcol {
/*border-left: 2px solid #eee;*/
display: block;
float: left;
padding-left: 13px;
min-height: 300px;
margin-left: 15px;
width: 655px; }

#special-offer {
clear: both;
display: block;
width: 160px;
margin: 0 auto;
margin-top: 20px;
height: 200px;
/*background-color: #DFDDC4;*/
}

#special-offer a.img, #special-offer a.img:hover {
display: inherit;
float: none;
clear: both;
width: inherit;
margin: 0;
color: black;
background-color: none;
line-height: 0px;
padding: 0;
text-decoration: none;
border: 0; }
#special-offer img {
border: 1px solid #4da6ff;
height: inherit;
}

/* ----------- non-specific pages contents  -------------- */

#tab1 { display: block; float: left; }
#tab2, #tab3, #tab4, #tab5, #tab6 { display: none; float: left; }
#text { display: block; float: left;}
#text p { text-indent: 15px; text-align: justify; line-height: 1.35em; margin-bottom: 10px;}

#spacing {display: block; float: left; width: 640px; height: 20px;}

.table { width: 100%; font-family: helvetica; cursor: default;}
.table td {padding: 2px; padding-left: 5px; padding-right: 5px; text-align: center;}
.table .head, .table .head2 { text-align: center; font-weight: bold; color: white;}
.table .head {background-color: #1474d1; background: url(../img/td_blue_gradient.png) repeat-x #70a6cf; height: 22px;}
.table .headbig {background: url(../img/td_blue_gradient2.png) repeat-x #70a6cf; }
.table .head2 {background-color: #1474d1; background: url(../img/td_blue_gradient3.png) repeat-x #70a6cf; height: 20px; /*#68ACF0*/}
.table .left { text-align: left !important; }
.table .bold { font-weight: bold; padding-left: 20px;}
.table .bold2 { font-weight: bold; padding-left: 10px;}
.table .over { background-color: #E9E9E9; }
.table .gray { background-color: #f6f6f6; }

#notes {
display: block;
float: left;
width: 645px;
min-height: 20px;
border-top: 1px dashed #4da6ff;
padding: 5px;
background-color: #D7EBFF;}

#text p { line-height: 1.5em; }

#text p.line {
background: transparent url(../img/blue-line.png) no-repeat scroll 0px 15px;
padding-top: 10px;
text-indent: 40px;
font-weight: bold;}
#text.harta-site p.line { padding-bottom: 0; margin-bottom: 0; }
#text.infogazduire p.subline { text-indent: 20px; }
#text p.subline {
padding: 0px; margin: 0px;
text-indent: 40px;
font-weight: bold; }
#text p.subsubline {
padding: 0px; margin: 0px;
text-indent: 80px;
font-weight: bold; }
#text.pareri p.subline,  #text.pareri p.subsubline{font-weight:normal;}

#text p.link { cursor: pointer; }
#text p.nomargin {margin-bottom: 0px;}
#text p:hover.link { color: #1474d1; }
#text ul {
text-indent: 15px;
list-style-position: inside;
list-style-image: url(../img/check.gif);
list-style-type: square; }
#text li { }

#text a {color: #5a6c78; text-decoration: underline; font-weight: bold;}
#text a:hover {text-decoration: none; color: white; background-color: #5a6c78; font-weight: bold;}
#text.formular option { padding: 2px; }

.autentificare td { text-align: left; padding-left: 10px; padding-right: 10px; }
.autentificare .left { text-align: right; width: 140px; }
.autentificare .right { text-align: right; padding-right: 10px; }

#webdesign td { padding: 3px; padding-left: 5px; }
#webdesign .left { text-align: left; padding-left: 15px; width: 200px;}
#webdesign .ques { font-weight: bold; }

#text a.nounderline, #text a.nounderline:hover {text-decoration: none; color: white; background-color: white;}


/* page specific css is placed in own files  */

/* ----------- lower zone ------------ */

#lower {
display: block;
width: 900px;
margin-top: 20px;
margin-left: 5px;
clear: both; }

#lower #boxes {
display: block;
width: 896px;
margin: 0 auto;
margin-left: 2px;
min-height: 110px;
background: url(../img/footer_line.png) top center no-repeat;
padding-top: 10px; }

#lower #boxes #box {
display: block;
float: left;
margin: 5px;
width: 200px; }

#lower #boxes #box strong {
display: block;
margin-left: 2px;
margin-bottom: -8px;
}

#lower #boxes #box a, #lower #boxes #box a:hover {
font-family: Helvetica;
font-size: 11px;
text-decoration: none;
/*line-height: 0.9em;*/
padding-left: 2px; padding-right: 2px;
padding-top: 1px; paddding-bottom: 1px; }
#lower #boxes #box a { color: #575757; }
#lower #boxes #box a:hover { color: white; background-color: #5a6c78; }

#copy {
display: block;
float: left;
text-align: left;
padding-left: 10px;
padding-top: 30px;
width: 400px;
margin-left: 2px;
height: 20px;
font-size: 9px;
font-family: Arial;
font-weight: normal; }
#logos {
display: block;
float: right;
text-align: right;
padding-right: 10px;
margin-top: 10px;
width: 400px;
margin-right: 2px;
height: 50px; }

/* END! */