/*
	Creat de www.ORICEMEDIA.ro - pentru www.tasso.ro - 14 septembrie 2009 
*/

/* RESET ERIC MAYER
=------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}

/* GENERAL
------------------*/
body{color:#555; font:normal 15px Arial,Helvetica,sans-serif; background:#485965 url(images/bg-body.jpg) no-repeat top center; padding-bottom:80px}

a{color:#485965; text-decoration:underline; cursor:pointer; outline:none}
a:hover{text-decoration:none}

ul{list-style:inside}

h2{font-family:Tahoma,Verdana,Arial; font-size:28px; color:#485965; font-weight:normal; margin-bottom:18px; line-height:25px}
h3{font-family:Tahoma,Verdana,Arial; font-size:20px; color:#485965; font-weight:normal; margin-bottom:18px}
h4{font-family:Tahoma,Verdana,Arial; font-size:20px; color:#485965; font-weight:normal; margin-bottom:18px; letter-spacing:-0.2px}
h5{font-family:Tahoma,Verdana,Arial; font-size:14px; color:#485965; font-weight:bold; margin-bottom:18px}

a{color:#000}
a img{border:none}
a:hover{text-decoration:underline}

strong{font-weight:bold}
em{font-style:italic}

/* align images+text */
.img-left{float:left; margin:10px 15px 15px 0}
.img-right{float:right; margin:10px 0 15px 15px}
.text-right{text-align:right}
.text-center{text-align:center}
.clear{clear:both}
.spacer{background:url(images/spacer-1x2.jpg) repeat-x top left; margin:10px -40px; height:2px; clear:both}
.white{ color:#ffffff; font-size:12px; }

/* Clear Fix Hack - add  class="fixed" to div's that have floated elements in them */
.fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.fixed{display:block}
/*  \*/
.fixed{min-height:1%}
* html .fixed{height:1%}

/* LAYOUT
------------------*/
#wrap{ width:828px;  margin:0 auto; }
	
	/* HEADER
	------------------*/
	#header{ position:relative; }
		
		#logo a{ display:block; width:161px; height:91px; margin-top:60px; margin-left:310px; 
				 background:url(images/logo.png) no-repeat top center; text-indent:-9999px; z-index:100; }
	
		#nav{ margin-top:15px; margin-left:30px; } 
			
			#nav ul{ list-style:none; }	    
			#nav li{ display:inline; color:#fff;  }
		
				#nav a{ display: block; float: left; padding:5px; font-family: Arial;
						color:#fff; font-size:15px; text-transform:uppercase; font-weight:bold; text-decoration:none;   }
					#nav a:hover{ text-decoration:underline; color:#fff; }
												
				#nav span{ display: block; float: left; padding:5px 5px 5px 5px; color:#fff; font-weight:bold; }
				#nav .active a{ text-decoration:underline; }
				
		#subnav{ background:#E9E5E4 url(images/bg-top.jpg) no-repeat top left; margin-top: 60px; padding-top:10px; height:60px;  }	
		
			#subnav h2{float:left; position:relative; top:12px; left:38px; letter-spacing:-0.6px; font-size:24px; }
			
			#subnav ul{position:relative; float:right; right:50px; margin-top:19px; list-style:none; height:40px; overflow:hidden; }
			#subnav ul li, #subnav ul li a{height:30px; display:block; float:left; position:relative; padding-bottom:10px; margin-left:10px}
			#subnav ul li a{ text-decoration:none; text-transform:uppercase; color:#444; font-size:13px; }
			#subnav ul li a:hover{ text-decoration:underline; }
			#subnav ul li a.current-page{background:url(images/sub-nav-current-page.jpg) no-repeat center bottom; color:#444; text-decoration:none; }
				
	
	/* CONTENT
	------------------*/				
	#content{ width:748px; padding:30px 40px; background:#DBDAD8 url(images/spacer-1x2.jpg) repeat-x top; border-bottom:1px solid #D2C2C2; }
		#content p {margin-bottom: 15px; line-height:24px; text-align:justify; }
		#content ul{margin-bottom:10px;}
		#content ol{margin-bottom:10px; list-style:inside; list-style-type:decimal;}
		#content ul li{ line-height:24px; }
		#content ol li{ line-height:24px; }
		#content ol li ul{ margin-left:40px;}
	
	/* FOOTER
	------------------*/
	#footer{ background:#FFFFFF url(images/bg-footer.jpg) no-repeat bottom left;  padding:0 0 0 10px; color:#666; font-size:12px;   }
		#footer a{ color:#666; }
		#footer p{ padding-bottom:10px; line-height:15px; }
		
		.footer-block{ float:left; width:200px; height:130px; padding:25px 25px 0 30px; }
		.slogan		{ background:url(images/footer-shade.jpg) no-repeat top right; width:290px; padding-left:20px;   }
			.slogan	 blockquote{ background: url(images/quote.jpg) no-repeat 0px 0px ; padding:17px 20px 0 50px; font-size:18px;  }
		.contact	{ padding-right:20px; background:url(images/footer-shade.jpg) no-repeat top right; }	 
		.copyright  { width:170px; }
		
/* MISC
------------------*/
	/* Contact*/
	form{margin-top:40px}
		fieldset{ padding:0 30px; border-top:1px solid #ccc}
		fieldset legend{padding-bottom:20px;  font-weight:bold}
		form p{ text-indent:0px;  clear:both}
		label{ display:block; width:150px; float:left; margin:10px}
		input, textarea{width:220px; padding:5px; border:1px solid #ccc; margin:10px; background-color:#f9f9f9; float:left}
		textarea{height:78px}
		.btn{width:120px}
	
	/* Toate paturile */
	#toate-paturi{}
	
		#toate-paturi a{color:#fff; text-decoration:none}
		#toate-paturi a:hover{text-decoration:underline}
		#toate-paturi table{margin-bottom:15px; background-color:#000; width:100%; background-color:#000; padding:10px 0 35px 0; -moz-border-radius:5px}
		#toate-paturi th{padding:25px 10px 10px 10px; color:#fff; background-color:#000; text-align:center; vertical-align:middle}
		#toate-paturi td{ background-color:#CA0308; padding:7px; margin-bottom:10px; text-align:center; color:#fff; font-weight:bold; text-align:center}
	
	#pat{background-color:#000; padding:60px 30px 35px 30px; margin-bottom:25px; position:relative; -moz-border-radius:5px}
		#pat img{margin-left:75px; margin-bottom:45px}
		#pat h3{color:#fff; text-transform:uppercase; font-size:25px; text-align:center; margin-bottom:45px}
		#pat table{background-color:#FFF; font-size:12px; margin:0 auto}
		#pat tr{ }
		#pat th{text-transform:uppercase; padding:10px 25px; color:#fff;  background-color:#CA0308;  text-align:center; vertical-align:middle}
		#pat td{border-bottom:1px solid #f4f4f4; padding:10px 25px; text-align:center; /*width:100px; */ vertical-align:middle;  border-right:1px solid #ccc}
	
	/* Index Carousel - found under banner */ 
	#index-carousel{width:735px; _height:100px; position:relative; overflow:hidden; /* Do not change */z-index:0}
		#index-carousel ul{position:relative;  list-style:none; overflow:hidden}/* Do not change */
		#index-carousel ul li{height:100px; width:160px; float:left; position:relative; background:#000; border:1px solid #000; 
							  margin-left:20px; _margin-left:10px; _margin-right:10px; text-align:center}
		.index-carousel-button{width:61px; height:54px; position:absolute; top:20px; text-indent:-5000px; z-index:10; cursor:pointer}
		.index-carousel-button#left{background:url(images/icons/left.png) no-repeat; left:-57px}
		.index-carousel-button#right{background:url(images/icons/right.png) no-repeat; right:-57px}
	
	/* EasySlider 1.7
	------------------------------------------------------------------*/
	#slider{}
	#slider img{border:none; padding:0; margin:0}
	#slider ul, #slider li, #slider2 ul, #slider2 li{margin:0; padding:0; background-color:#E9E5E4; list-style:none}
	#slider2{margin-top:1em}
	#slider li, #slider2 li{/* define width and height of list item (slide)entire slider area will adjust according to the parameters provided here*/ 
							width:828px; height:310px; overflow:hidden}
	/* numeric controls */
	ol#controls{padding:0; height:28px; margin-top:-45px; float:right; margin-right:30px; _margin-right:11px; /* IE6 hack*/}
	ol#controls li{margin:0 10px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px}
	ol#controls li a{float:left; height:25px; line-height:25px;  color:#fff; padding:0 10px; text-decoration:none; font-weight:bold}
	ol#controls li.current a{text-decoration:underline;  color:#fff}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none}