/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background:#181818; border:0; font:12px Arial, Helvetica, sans-serif; color:#888888; line-height:16px;}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); behavior: url(js/PIE.htc); position: relative;}

/* Global Structure ============================================================= */


.infobullet li {
background: url(http://www.masterchemoil.ro/site/images/marker_5.gif) no-repeat 0px 5px;
padding-left: 10px;
}


/* ============================= main layout ====================== */

a{ color:#888888; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{ float:left; padding:0 0 0 0}

h2{ font-size:20px; line-height:22px; color:#8d8d8d; padding:20px 0 11px 19px; background:url(../images/marker_3.gif) 0 26px no-repeat;}
h2.color1{ color:#fff; background:url(../images/marker_4.gif) 0 26px no-repeat;}
h2.color2{ color:#dd3857; background:url(../images/marker_1.gif) 0 26px no-repeat;}
h2.color3{ color:#31a5c9; background:url(../images/marker_2.gif) 0 26px no-repeat;}

h3{ font-size:24px; color:#fff; line-height:30px; padding:36px 0 19px 0; font-weight:700}
h3 a{ position:relative; margin-top:8px; display: inline-block; height:15px;}

p{ padding-bottom:16px;}

/* ============================= header ====================== */

#head{ text-align:center}

/* ============================= content ====================== */

#content{ width:100%; overflow:hidden;}

.pad_bot1{ padding-bottom:32px;}
.pad_bot2{ padding-bottom:16px;}
.pad_bot3{ padding-bottom:40px;}
.marg_right1{ margin-right:10px;}
.marg_right2{ margin-right:15px;}

.under{ padding-bottom:8px; border-bottom:1px solid #1f1f1f; margin-bottom:8px}

.banners{ width:100%; overflow:hidden}
.banners li{ width:192px; float:left}
.banners li.head{ background:#050505; margin-right:1px;}
.banners li.bg_none{ width:361px; margin-right:0; border-right:0}
.banners li.body{ background:#181818; border-right:1px solid #242424; padding-bottom:28px;}
.banners li.body.bg_none{ background:url(../images/line_ver1.gif) right repeat-y;border-right:0}
.banners li.body.first{ background:url(../images/line_ver1.gif) left repeat-y}
.banners p{ padding:14px 0 12px 0;}

.color1{ color:#fff}
.color2{ color:#dd3857}
.color3{ color:#2b809b}

.link1{ display:inline-block; font-size:14px; font-weight:700; color:#fff; padding-right:8px; background:url(../images/marker_5.gif) right 5px no-repeat; text-decoration:none; text-transform:uppercase}
.link1:hover{color:#31a5c9}

.link2{ text-decoration:none; color:#2b809b}
.link2:hover{ color:#dd3857}

.bg{ background:#050505}

.font1{ font-size:14px; font-weight:600; line-height:18px; padding-bottom:6px;}

.list1 { margin:-4px 0}
.list1 li{ line-height:24px;}
.list1 li a { color:#31a5c9; padding-left:10px; background:url(../images/marker_5.gif) 0 5px no-repeat}

.list99 { margin:-4px 0}
.list99 li{  margin:-4px 0; line-height:24px; padding-left:10px; color:#31a5c9; background:url(../images/marker_5.gif) 0 8px no-repeat}


#welcome{ font-weight:400; font-size:30px; line-height:36px; padding:32px 0 18px 0}

.projects li{ float:left; padding-right:18px; padding-bottom:19px;}
.projects .bg_none{ padding-right:0}
.projects li a{ position:relative; display:block; text-decoration:none; overflow:hidden}
.projects span{ position:absolute;display:block; width:100%; bottom:-31px; left:0; background: url(../images/bg_caption.png) repeat; padding-left:9px; font-size:14px; font-weight:600; line-height:31px;  color:#dd3857; text-decoration:none}

#map_canvas{ float:left; margin-right:20px; width:239px; height:498px;}

/* ============================= footer ====================== */

footer { color:#5a5a5a; font-weight:bold; line-height:18px; width:100%; overflow:hidden; padding-bottom:28px;}
footer a{ color:#5a5a5a; text-decoration:none}
footer a:hover{ text-decoration:underline; color:#dd3857}

footer h3{ padding:11px 0 14px 0; height:30px;}

footer .contacts{ width:155px; float:left; margin-right:20px;}

footer strong{ font-weight:normal}

#icons { padding-top:1px;}
#icons li{ float:left; padding-right:6px;}

#newsletter{ background:#dd3857; padding: 0 0 0 30px}
* +html #newsletter{ padding: 0 0 18px 30px}
#newsletter h3{ color:#050505; padding:9px 0 6px 0}
#newsletter .input{ background:#101010; padding:6px 9px; font:12px Arial, Helvetica, sans-serif; color:#dd3857; float:left; height:15px; width:116px; margin-bottom:18px;}
#newsletter .submit{ background:url(../images/newsletter_submit.gif) no-repeat; height:27px; width:27px; cursor:pointer;}
#newsletter .submit:hover{ background:url(../images/newsletter_submit_active.gif) no-repeat;}

/* ============================= forms ============================= */

#ContactForm {}
#ContactForm a{ margin-left:20px; float:right;}
#ContactForm .input {width:251px; height:14px; border:1px solid #888888; background:#121212; padding:6px 9px; margin-bottom:6px;color:#888888; font:12px Arial, Helvetica, sans-serif}
#ContactForm textarea { overflow: auto;width:363px; height:128px; border:1px solid #888888; background:#121212; padding:6px 9px; margin-bottom:12px;color:#888888; font:12px Arial, Helvetica, sans-serif}


/* ============================= tables ============================= */
.hilite table{

  margin: .5em 0 1em;

}

.hilite table td, table th{
  text-align: center;
  border-right: 1px solid #e8e1c8;
  padding: .4em .8em;
}

.hilite table th{
 background: #ab967e url(images/th.gif) repeat-x left top;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px solid #ffffff;
}

.hilite table td{
  background: #D6D6D6;
  border-bottom: 1px solid #ffffff;
}

.hilite table tr.even td{
  background: #E6E6E6;
}

.hilite table tr:hover td{
  background: #dd3857;
  color:#ffffff;
  font-weight: bold;  
}