@charset "utf-8";
/* CSS Document */

@import url(common.css);

body {background:url(../images/bgx.jpg) no-repeat top left;}
html {background:#f7f8f7 url(../images/bg_h.gif) repeat-x 0 134px;}

#container {margin:0 auto; width:872px; text-align:left}

#submenu { margin:0; padding:15px 0 0 200px; list-style:none; height:71px; background-repeat:no-repeat}
	#submenu li { float:left;}
	#submenu li a { padding:12px 8px 0 8px; text-align:center; width:95px; text-align:center; float:left; color:#FFF; text-decoration:none; height:26px; margin-right:1px; background:url(../images/bka.gif) no-repeat top right}
	#submenu li.last a { background:none}

	#submenu li a:hover { background-color:#000; height:26px; color:#ed1c24}
	#submenu li .active  { padding:12px 8px 0 8px; width:95px; text-align:center; float:left; color:#000; height:48px; border-bottom:1px solid #9fa7ab; margin-right:2px; background:#9fa7ab url(../images/bk.gif) repeat-y top left}
	#submenu li .active:hover  { height:48px;}

#portfolioList { width:662px; float:left; margin-top:30px}
	.portfolioItem { margin-bottom:30px; padding:5px 0 5px 5px}
	.pi1 { background:#b9bfc2 url(../images/pi1.png) repeat-x top; border-top:5px solid #919ca0;}
	.pi2 { background:#b9bfc2 url(../images/pi2.png) repeat-x top; border-top:5px solid #bdc4c6;}
	.pia { background:#b9bfc2 url(../images/pi3.png) repeat-x top; border-top:5px solid #d2d7d8;}

	.portDetails { float:left; width:200px; margin-right:5px;} 
		.portDetails div { height:87px;}
		.portDetails a { float:left; width:186px; background:url(../images/more3.gif) right; height:31px; line-height:30px; padding:0 7px; font-size:12px; color:#5e647b; margin-top:30px}
		.portDetails a:hover { color:#000}

		.pi1 a {background:url(../images/more1.gif) right;}
		.pi2 a {background:url(../images/more2.gif) right;}

	.portImage { float:left; width:446px; height:144px; overflow:hidden; border:1px solid #919ca0}
	.portImage:hover { border:1px solid #5e647b}

	.portfolioItem h3, #portBig h3 { margin:5px 0; padding:0; font-size:18px; font-weight:normal}
	
	#thumbs .blink { width:190px; float:right; display:inline; margin-right:0; text-align:center; color:#FFF; background:#ed1c24; text-decoration:none; padding:12px 0; font-weight:bold; margin-top:5px}

#portBig {width:662px; float:left; margin-top:30px; border-top:5px solid #919ca0; padding:5px 0 5px 5px; background: url(../images/pi.png) repeat-x top;}
#center { border:1px solid #919ca0; float:left; margin-bottom:10px; min-height:210px; width:650px;}
* html #center { height:210px;}

#bottom {clear: both; float: left; width: 250px;}

#lbBottom {	clear: both; width: 1px; height: 1px; line-height: 1px; overflow:hidden;}

#thumbs { float: left; width: 200px; margin: 5px 0 0 5px; overflow:hidden}
	#thumbs div { float: left; width: 220px;}
	#thumbs a { float: left; width: 85px; border: 5px solid #c5cacc; margin: 0 10px 10px 0}

.hTop { margin:0; padding:15px 0 0 200px; list-style:none; height:71px; background-repeat:no-repeat; overflow:hidden}
.hTop span { float:left; margin:-999px;} 

/* pagination ************************************************* */
.pagination {float:left; margin-top:-25px; padding-left:5px; width:550px}
.pagination * { float:left; padding:5px 9px; font-size:11px; text-decoration:none; background-image:url(../images/x.png); margin-right:1px; color:#FFF; background-color:#000; font-weight:bold}
.pagination .disabled { background-color:#CCCCCC}
.pagination .current, .pagination a:hover { background-color:#ed1c24}

* html .pagination * { background-image:none}

/* servicii */
.servicii1 { margin:0 2%; display:inline; font-size:11px; float:left; padding:0; width:38%;}
.servicii2 { float:left; width:57%; padding:0;}

.servicii1 big, .servicii2 big, .servicii3 big { font-size:18px; color:#203d6c; margin-bottom:5px;}

.smi a { float:left; margin:0 9px 5px 0}
.section { float:left; width:98%; padding-bottom:2px; margin-bottom:5px; border-bottom:1px dotted #919ca0}

#portBig a { color:#000}
#portBig a:hover { color:#ed1c24}

#portBig .brdcrbs {color:#5e647b}