/*
Theme Name: DM Hosting v2.0
Theme URI: http://www.dmhosting.ro
Author: DM Design
Author URI: http://www.dmdesign.ro
Version: 2.0
*/




/* basics */

*{margin:0; padding:0;}

body {
    cursor: default;
	background:#ededed;
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 8pt;
	margin:0px;
	}
#backsite {
    position: absolute;
    z-index: -2;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 575px;
    background:url(images/dmh_bg.jpg) top center no-repeat;
}
#utilbar {
    background:#80c3e3;
    border-bottom: 1px solid #ddd;
    height: 27px;
    width: 100%;
}
#middlebar {
    position: relative;
    width:980px;
	margin: 0 auto;
}
.dmoments {
    z-index: 999;
    position: absolute;
    top: 6px;
    left: 5px;
}
.dmoments a {
    padding: 2px 20px 2px 5px;
    color: #ffffff;
    background: #d63b00 url(images/icon_ext_link.png) right 50% scroll no-repeat;
}

.dmoments a:focus {
    outline-width: medium;
    outline-style: none;
    outline-color: -moz-use-text-color;
}

.dmoments a:hover {
    background-color: #e26b03;
    border-bottom: none;
}

.feedmoments {
    z-index: 999;
    position: absolute;
    top: 6px;
    right: 5px;
}
.feedmoments a {
    padding: 2px 20px 2px 5px;
    color: #ffffff;
    background: #d63b00 url(images/rss_icon_s.png) right 50% scroll no-repeat;
    background-attachment: scroll;
    background-position: right 50%;
}

.feedmoments a:focus {
    outline-width: medium;
    outline-style: none;
    outline-color: -moz-use-text-color;
}

.feedmoments a:hover {
    background-color: #e26b03;
    border-bottom: none;
}
	
h1 {font-size: 18pt;}
h2 {font-size: 14pt;}
h3 {font-size: 10pt;}
h4 {font-size: 9pt;}


img{ border: none; padding:0; }
img a{border:none;}

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	font-family:"Courier New", Courier, monospace;
	}
table {	border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }

/* links */

a {
    text-decoration: none;
    color: #d63b00;
    
}
a:focus {
    outline-width: medium;
    outline-style: none;
    outline-color: -moz-use-text-color;
}
a:hover {
    text-decoration: none;
}

/* container */


#container {
	width: 980px;
	margin: 0 auto;
	padding:0;
	color:#333;
	overflow: hidden;
	}
	
/* header */

#header {
	position: relative;
  	width: 980px; 
  	height: 120px;
	color: #fff; 
	}

#logo {
    position: absolute;
    width: 301px;
    height: 80px;
    top: 10px;
    left: 10px;
    background: url(images/logo.png) top left no-repeat;
}


#header h1{
	
	padding:20px 0 0 16px;
	margin:0;
    display: none;	
	}
	
#header h1 a{color: #404040; text-decoration: none;}
#header h1 a:hover{color: #666; text-decoration: none;}


h2.slogan{
	font:normal 10pt arial, tahoma;
	color:#333;
	padding: 0 0 0 18px;
	margin:0;
    display: none;
	}

/* main menu */

#menu_top {
	position:absolute;
	top:10px;
	right:5px;
	height:15px;
	font-size: 11px;
}
#menu_top ul li {
	float:left;
	padding:0 12px;
	border-right:1px solid #bababa;
	border-left:1px solid #f9f9f7;
    list-style: none;
}
#menu_top ul li.first {
	padding-left:0px;
	border-left:none;
}
#menu_top ul li.last {
	padding-right:0px;
	border-right:none;
}
#menu_top ul li.sel a {
	outline-width: medium;
    outline-style: none;
    outline-color: -moz-use-text-color;
}
#menu_top ul li a {
	padding: 2px 20px 2px 5px;
    color: #ffffff;
    background: #d63b00 url(images/icon_ext_link.png) right 50% scroll no-repeat;
}
#menu_top ul li a:hover {
    background-color: #e26b03;
    border-bottom: none;
}



h2.menu {
	float:left;
	margin: 0px;
	font-weight: normal;
	font-size: 13px;
}
div.main_menu {
	position:absolute;
	top:40px;
	right:0px;
	font-size: 13px;
	text-align: center;
}
a.mmb {
    display: block;
    height: 35px;
    padding-right: 10px;
	float: left;
    text-decoration: none;
}
a.mmb span {
    display: block;
    line-height: 25px;
    padding: 5px 0px 5px 10px;
}
a.mmb:hover, a.mmb:focus {
    background: transparent url('images/btn.png') no-repeat scroll top right;
	color:#0db1ed;
}
a.mmb:hover span, a.mmb:focus span {
    background: transparent url('images/btn.png') no-repeat;
	color:#0db1ed;
}

h2.submenu {
	float:left;
	margin: 0px;
	font-weight: normal;
	font-size: 13px;
}
div.sub_main_menu {
	position:absolute;
    display: none;
    width: 190px;
	top:33px;
	right:248px;
	font-size: 13px;
    z-index:9999;    
}
h2.menu:hover div.sub_main_menu {
    display: block;
}
a.submmb {
    display: block;
    background: #d63b00;
    color: #fff;
    width: 188px;
    padding:4px 0px;
    text-align: left;
    text-indent: 5px;
	float: left;
    text-decoration: none;
    border-left: 2px solid #d63b00;
}
a.submmb:hover {
    background-color: #e26b03;
    border-left: 2px solid #80c3e3;
}


#menu {
	background:#000;
	font-family: verdana, arial, times, serif;
	font-size: 8pt;
	width:980px; 
	overflow:hidden;
}


#menu ul {
	margin:0;
	padding:0;
}

#menu ul li {
	list-style-type: none;
	float:left;
	margin: 0;
	padding: 0;
}

#menu ul li a {
	padding:4px 10px;
	margin: 0;
	color: #fff;
	display:block;
}

#menu ul li a:hover {
	background: #fff;
	color:#000;
}



/* content */


#content {
    position: relative;
	float: left;
	width:980px;
	overflow: hidden;
    margin-top: 20px;
	}
#contentcomanda {
    position: relative;
	float: left;
	width:980px;
	overflow: hidden;
    margin: 20px 0px;
}
#contentpage {
    position: relative;
	float: right;
	width:760px;
	overflow: hidden;
    margin: 20px 0px;
	}	
#contentpage h1.titlupagina {
    font: bold 24px "Century gothic";
    margin-bottom: 20px;
}
#contentpage h1.titlublog {
    font: bold 20px "Century gothic";
}
#contentcomanda h1.titlublog {
    font: bold 20px "Century gothic";
}
#contentpage h2.comentarii {
    font: bold 16px "Century gothic";
}

h1.inreg {
    font: bold 24px Century gothic;
    margin: 10px 0px 25px 0px;
    padding: 0px;
    color: #3685E4;
} 

.post {
	margin:0;
	padding:0;
	line-height: 14pt;
	}
	
.post h2{
	font: bold 18px "Century gothic";
	}
	
.post h2 a{
	color: #000;
	text-decoration: none;
	}
	
.post h2 a:hover{
	color: #777;
	text-decoration: none;
	}

.post ul {}

.post li {}

.entry p{margin:12px 0;}

.postmetadata{
	clear: both;
	background:#F7F7F7;
	padding:6px;
	margin: 20px 0;
	}
	

.navigation {
	font-size:8pt;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
.alignleft a{float:left; margin:25px 0;}
.alignright a{float:right; margin:25px 0;}



/* sidebar */

#sidebar {
	font-family: verdana, arial, tahoma;
	font-size:8pt;
	width:190px;
	float:left;
	margin:20px 0px;
	padding: 0;
	border-right: 1px solid #80C3E3;
	}

#sidebar h2{
	font:normal 11pt arial, georgia, times;
	color: #000;	
	margin: 0;
	padding: 5px;
    background: #80C3E3;
}

#sidebar label{
	font:normal 11pt arial, georgia, times;
	color: #000;	
	margin: 0;
	padding: 0;
}

#sidebar p {margin:0; padding:0;}

#sidebar img {padding: 0; margin: 0;}

#sidebar div {width: 100%; text-align: center; padding:10px 0px;}

#sidebar ul {
	margin:0px;
	padding:0;
	}

#sidebar ul li {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	list-style-type: none;
	}

#sidebar ul ul {
	margin:14px 0;
	padding:0;
}

#sidebar ul ul li {
	list-style-type: none;
	}

#sidebar ul ul ul{
	margin: 0;
	padding: 0;
}

#sidebar ul ul ul li{
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
}
#sidebar ul li a { color: #d63b00; padding: 0px 20px 0px 0px; background: transparent url(images/icon_ext_link_dark.png) scroll right 50% no-repeat; }
#sidebar ul li a:hover { border-bottom: 1px dotted #d63b00; }


/* comments */


#commentform{
	margin:0;
	padding:0;
	}
	
#commentform p{
	color: #000;
	}
	
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentform h3{
	font-family: georgia, times, verdana;
	font-size: 10pt;
	font-weight: 300;
	color: #000;
	margin:0;
	padding:0;
	}
	
#comment{
	width:80%;
	}

#author, #email, #url, #comment, #submit{
	background: #fff;
	font-family: verdana, arial, times;
	font-size: 8pt;
	margin:5px 5px 0 0;
	padding:0;
	border: 1px solid #000;
	}
	
#submit{margin:5px 5px 0 0;}

#comments{margin:0; padding:0}
	
ol.commentlist {list-style-type: none; margin:0; padding:0;}

.avatar{float:left; margin:0 12px 0 0;}

ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	list-style-type:none;
	}

ol.commentlist li.alt {background: #eee;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#000;}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}



/* search */

#searchform{
	padding:0;
	margin:14px 0;
	}

#searchform input#s{
	margin:0px 5px;
	padding:2px;
	border:1px solid #ccc;
    width:170px;
    color: #888;
	}

	
	
/* misc */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}




/* footer */

#footer {
	border-top: 1px solid #80C3E3;
	clear: both;
	width: 980px;
    margin: 0 auto;
	}
	
#footer p{padding:14px 0;margin: 0; color: #555; text-align:center; line-height: 18px;}
#footer a {
    padding: 2px 20px 2px 5px;
    color: #ffffff;
    background: #d63b00 url(images/icon_ext_link.png) right 50% scroll no-repeat;
}
#footer a:focus {
    outline-width: medium;
    outline-style: none;
    outline-color: -moz-use-text-color;
}
#footer a:hover {
    background-color: #e26b03;
    border-bottom: none;
}

/* banner */
        h1.banner {
			margin: 0;	
			padding: 7px 0 0 0;
			font-size: 14px;
			text-transform: uppercase;
		}

        div#feature_list {
			width: 660px;
			height: 240px;
			overflow: hidden;
			position: relative;
            background: #efefef;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabele {
			right: 0;
			z-index: 2;
			width: 240px;
		}

		ul#tabele li {
            text-align: right;
			font-size: 12px;
			font-family: Arial;
		}
		
		ul#tabele li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}

		ul#tabele li a {
			color: #222;
			text-decoration: none;	
			display: block;
			padding: 15px 10px 5px 0px;
			height: 60px;
			outline: none;
		}

		ul#tabele li a:hover {
			text-decoration: none;
            background:  url(images/banner/tab-current.png);
			color: #000;
		}

		ul#tabele li a.current {
			background:  url(images/banner/tab-over.png);
			color: #fff;
		}

		ul#tabele li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			left: 0;
			width: 463px;
			height: 240px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 463px;
			height: 240px;
		}

		ul#output li a {
			position: absolute;
			bottom: 10px;
			left: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #d63b00;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #e26b03;
		}

.butoninreg {
    margin:10px 0px; padding: 6px 9px; text-decoration: none; font-size: 11px; border: none; color: #FFF; background: #d63b00; -moz-border-radius: 5px; font:normal 12px Arial;
}
.butoninreg:hover {
    margin:10px 0px; padding: 6px 9px; text-decoration: none; font-size: 11px; border: none; color: #FFF; background: #e26b03; -moz-border-radius: 5px; cursor: pointer;  font:normal 12px Arial;
}

/* Skin */
#tabhome {
    margin:20px 0px;
}
#tabbottom {
    margin:10px 0px;
}
ol#toc {
    height: 24px;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#toc li {
    float: left;
    margin: 0 1px 0 0;
}

ol#toc a {
    background: url(images/btntab.png) 0px 0px;
    color: #000 !important;
    display: block;
    float: left;
    height: 26px;
    padding-left: 20px;
    text-decoration: none;
}

ol#toc a:hover {
    background: url(images/btntab.png) 0px 52px;
    display: block;
    line-height: 24px;
    text-decoration: none;
}

ol#toc a:hover span {
    
}

ol#toc li.current a {
    background: url(images/btntab.png) 0px 26px;
    color: #fff !important;
    font-weight: bold;
}

ol#toc li.current span {
    display: block;
    line-height: 24px;
    padding-right: 20px;
}

ol#toc span {
    display: block;
    line-height: 24px;
    padding-right: 20px;
}

div.content {
    border: #48f solid 1px;
    background: #fff;
    clear: left;
    padding: 5px;
}

/* tabel */

#tabhome { text-align: left; }
#tabhome h1 { font-size: 14px; font-weight: bold; font-family: Century gothic; }
#tabhome h2 { font-size: 18px; font-weight: bold; font-family: Century gothic; }
#tabhome h3 { font-size: 14px; font-weight: bold; font-family: Century gothic; }
#tabhome td { text-align: center; }
#tabhome td.explicatie { text-align: left; height: 28px; border-bottom: dashed 1px #d9d9d9;}
#tabhome td.DetaliuExplicatie { text-align: center; height: 28px; border-bottom: dashed 1px #d9d9d9;}
#tabhome td.DetaliuExplicatie a { padding: 8px 12px; text-decoration: none;	font-size: 11px; color: #FFF; background: #d63b00;	-moz-border-radius: 5px; }
#tabhome td.DetaliuExplicatie a:hover { background: #e26b03; }
#tabhome tr.Detaliu:hover { background: #ffd8c9; }
#tabhome td.SectiuneExplicatie { text-align: left; height: 40px; }
#tabhome td.SectiuneExplicatieComanda { text-align: left; height: 80px; }

#tabhome h1.titlupagina {
    font: bold 24px "Century gothic";
}

.orange {color: #d63b00;}
.green {color: #009900;}
.blue {color: #4488ff;}
.bold {font-weight: bold;}
.bottom {margin-bottom: 20px;}

td.bordergrup{
height: 150px; text-align: center; vertical-align:middle; padding-left: 10px;
border-bottom:none;border-top:2px solid #edf3fa;
border-left:3px solid #edf3fa; border-right:none;}

#tabbottom { text-align: left; }
#tabbottom h1 { font-size: 14px; font-weight: bold; font-family: Century gothic; }
#tabbottom h3 { font-size: 14px; font-weight: bold; font-family: Century gothic; }
#tabbottom td { text-align: left; padding:5px; }
#tabbottom td.explicatie { text-align: left; height: 28px; border-bottom: dashed 1px #d9d9d9;}
#tabbottom td.DetaliuExplicatie { text-align: center; height: 28px; border-bottom: dashed 1px #d9d9d9;}
#tabbottom td.DetaliuExplicatie a { padding: 8px 12px; text-decoration: none;	font-size: 11px; color: #FFF; background: #d63b00;	-moz-border-radius: 5px; }
#tabbottom td.DetaliuExplicatie a:hover { background: #e26b03; }
#tabbottom tr.Detaliu:hover { background: #eee; }
#tabbottom td.SectiuneExplicatie { text-align: left; height: 40px; }
#tabbottom td.SectiuneExplicatieComanda { text-align: left; height: 80px; }
#tabbottom ul li { margin: 3px 0px; }
#tabbottom ul li a { color: #d63b00; padding: 0px 20px 0px 0px; background: transparent url(images/icon_ext_link_dark.png) scroll right 50% no-repeat; }
#tabbottom ul li a:hover { border-bottom: 1px dotted #d63b00; }

.browse {
    position: absolute;
    top: 110px;
    left: 10px;
    color: #000;
}
.browse a {
    color: #d63b00;
    text-decoration: none;
}
.browse a:hover {
    color: #d63b00;
    text-decoration: none;
    border-bottom: 1px dotted #d63b00;
}

.articol { width: 100%; margin: 0px 0px 15px 0px; }
.postare { padding-left:2px; }
.tags, .allinfos {padding:5px 0px 5px 25px; background: url(images/tag.gif) left no-repeat; font-size: 11px; font-weight: normal; border-top: 1px solid #BAD9E5; border-bottom: 1px solid #BAD9E5;}
.allinfos a {color: #d63b00; text-decoration: none;}
.allinfos a:hover {color: #d63b00; text-decoration: none; border-bottom: 1px dotted #d63b00;}
.custom_image {width: 152px;}
.custom_image img{height:150px; width: 150px; border: 1px solid #BAD9E5;}
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 0px 0px 10px 10px; display: inline; }
img.alignleft { margin: 0px 10px 10px 0px; display: inline; }
.alignright1 { float: right; color: #fba30e; font-weight:bold; }
.alignleft { float: left ;}
span.date { padding-left:0px; }
span.comments { padding-left:0px; }
span.category { padding-left:0px; }
.subcontrol {margin-bottom: 0px; padding:5px; font-size: 11px; font-weight: normal; border-top: 1px solid #BAD9E5; border-bottom: 1px solid #BAD9E5;}
.share, .comments_rss, .reply {float: right; padding-left: 5px}
.reply { margin-left:10px}
.comments_rss { margin-left:10px; position:relative; top: 10px}


.titlu-back-client { color:#fff;}
#arieclient-select {width: 200px; border: 1px solid #BAD9E5; margin-bottom: 5px;}
#arieclient-camp {width: 200px; border: 1px solid #BAD9E5; margin-bottom: 5px;}
#arieclient-text {width: 200px; height: 100px; border: 1px solid #BAD9E5; margin-bottom: 5px;}
#arieclient-buton {width: 100px; height: 20px; line-height: 20px; border: 1px solid #BAD9E5; margin: 0px 0px 0px 100px;}

/* comanda */



.dhcart_text		{ font-family: Arial, sans-serif; color: #333333; font-size: 11px; padding: 3px 0px; }
.dhcart_title		{ font-family: Arial, sans-serif; color: #F35533; font-size: 12px; font-weight: bold; padding: 5px 0px;}


.dhcart_td0		{ font-family: Arial, sans-serif; color: #F35533; font-size: 12px; font-weight: bold; padding: 3px 0px; margin-top: 20px; }
.dhcart_td1		{ background:#F35533; font-family: Arial, sans-serif; color: #FFFFFF; font-size: 11px; font-weight: bold; padding: 3px 0px; }
.dhcart_td2		{ background:#F0F0F0; font-family: Arial, sans-serif; color: #333333; font-size: 11px; padding: 3px 0px; }
.dhcart_td3		{ background:#EEEEEE; font-family: Arial, sans-serif; color: #333333; font-size: 11px; padding: 3px 0px; }

.dhcart_button		{ font: bold 11px Arial, sans-serif; border: 1px outset #EEEEEE; background-color: #F35533; color: #ffffff }
.dhcart_input_text	{ background:#EEEEEE; font-family: Arial, sans-serif; color:#333333; font-size:11px;  border: 1px solid #F35533;}
.dhcart_select	 	{ font-size: 10px; font-style: normal; line-height: 10px; font-weight: normal; padding: 0; clear: both; background: #FFFFFF; color: #333333; border: 1px solid #333333; }

A.dhcart:link		{ font-family: Arial, sans-serif; color:#333333; text-decoration:underline; font-size:11px; font: bold; }
A.dhcart:visited	{ font-family: Arial, sans-serif; color:#333333; text-decoration:underline; font-size:11px; font: bold; }
A.dhcart:active		{ font-family: Arial, sans-serif; color:#333333; text-decoration:underline; font-size:11px; font: bold; }
A.dhcart:hover		{ font-family: Arial, sans-serif; color:#333333; text-decoration:none; font-size:11px; font: bold; }