body {
margin:0px;
padding:0px;
background-color: #ffffff;
background-image:url(../img/bg.png);
background-repeat: repeat-x;
font: normal normal 12px Arial, Tahoma, Verdana, sans-serif;
line-height: 18px;
color: #666;
}

#container {
width:1020px;
margin:0 auto;
padding-top:10px;
}

a:active, a:link, a:visited, a:hover {text-decoration:none;color:#0660aa;}

#logo {
width:100%;
height:81px;
}

#slider {
margin-top:10px;
width:100%;
height:385px;
background-image: url(../img/slider.png);
background-repeat: no-repeat;
padding:1px;
}

#footer {
clear:right;
float:none;
}
#footer hr {
border:0;
width:100%;
color: #b6b6b6;
background-color: #b6b6b6;
height: 1px;
}

#continut-page hr {
border:0;
width:100%;
color: #b6b6b6;
background-color: #b6b6b6;
height: 1px;
}

#continut-page {
width:903px;
margin:0 auto;
padding-bottom:10px;
}

#continut {
padding-top:30px;
width:904px;
margin:0 auto;
padding-bottom:10px;
}

#continut hr {
border:0;
width:100%;
color: #0660aa;
background-color: #0660aa;
height: 6px;
}
h2 {padding:0px; margin:0px; border:0px;text-transform: uppercase;color:#0660aa;}
.titlu {text-transform: capitalize;}
.home:visited, .home:link {width:210px; height:30px;display:block;text-indent: -9999px;background-image: url(../img/buttons/acasa.png);text-decoration: none;}
.home:active, .home:hover {width:210px; height:30px;display:block;text-indent: -9999px;background-image: url(../img/buttons/acasa_up.png);text-decoration: none;}


.despre:visited, .despre:link {width:210px; height:30px;display:block;text-indent: -9999px;background-image: url(../img/buttons/desprenoi.png);text-decoration: none;}
.despre:active, .despre:hover {width:210px; height:30px;display:block;text-indent: -9999px;background-image: url(../img/buttons/desprenoi_up.png);text-decoration: none;}


.servicii:visited, .servicii:link {width:210px; height:30px;display:block;text-indent: -9999px;background-image: url(../img/buttons/servicii.png);text-decoration: none;}
.servicii:active, .servicii:hover {width:210px; height:30px;display:block;text-indent: -9999px;background-image: url(../img/buttons/servicii_up.png);text-decoration: none;}


.contact:visited, .contact:link {width:210px; height:30px;display:block;text-indent: -9999px;background-image: url(../img/buttons/contact.png);text-decoration: none;}
.contact:active, .contact:hover {width:210px; height:30px;display:block;text-indent: -9999px;background-image: url(../img/buttons/contact_up.png);text-decoration: none;}



.home_activ {width:210px; height:30px;display:block;text-indent: -9999px;background-image: url(../img/buttons/acasa_up.png);text-decoration: none;}
.despre_activ {width:210px; height:30px;display:block;text-indent: -9999px;background-image: url(../img/buttons/desprenoi_up.png);text-decoration: none;}
.servicii_activ {width:210px; height:30px;display:block;text-indent: -9999px;background-image: url(../img/buttons/servicii_up.png);text-decoration: none;}
.contact_activ {width:210px; height:30px;display:block;text-indent: -9999px;background-image: url(../img/buttons/contact_up.png);text-decoration: none;}

h3{ padding:0px; margin: 10px 10px -10px 10px; color:#fff; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
/*hacks*/
img { border:0px; }
.motto {padding-left:340px;}
.logo {padding-left:60px;}
.contact_left {width:440px;}
.unucinci {width:15%;}
.doidoizero {width:220px;}
.treitrei {width:33px;}
.doiunuzero {width:210px;}
.optcinci {width:85%;}
.unuzerozero {width:100%;}
.footer-360 {
color:#0660aa;
}
.one {width:274px; background-image: url(../img/icons/despre.png);background-repeat: no-repeat;}
.one:hover {width:274px; background-image:url(../img/icons/despre2.png);background-repeat: no-repeat;}
.two {width:274px; background-image: url(../img/icons/servicii.png);background-repeat: no-repeat;}
.two:hover {width:274px; background-image: url(../img/icons/servicii2.png);background-repeat: no-repeat;}
.three {width:274px; background-image: url(../img/icons/contact.png);background-repeat: no-repeat;}
.three:hover {width:274px; background-image: url(../img/icons/contact2.png);background-repeat: no-repeat;}
.separator {width:41px; height:150px;background-image: url(../img/separator.png); background-repeat: no-repeat;background-position: center center;}
			.boxgrid{ 
				width: 888px; 
				height: 288px; 
				margin:0px; 
				float:left; 
				background:#161613; 
				border: none; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:11pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 70px; 
				width: 100%;
				
				opacity: .7; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
 			}
 				.captionfull .boxcaption {
 					top: 288px;
 					left: 0px;
 				}
 				.caption .boxcaption {
 					top: 288px;
 					left: 0px;
 				}


.stripViewer .panelContainer .panel ul {
			text-align: justify;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 5px solid #ffffff; /* this is the border. should have the same value for the links */
			margin:-17px 0 0 59px;
			width: 888px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 288px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 888px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #000;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav a:hover {
			background: #9cf;
		}
		
		.stripNav a.current {
			background: #39c;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 115px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 138px;
			width: 45px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 4px;
		}
		
		.stripNavL {
			background: url("../img/arrow_left.png") no-repeat center;
		}
		
		.stripNavR {
			background: url("../img/arrow_right.png") no-repeat center;
		}
		
		a:focus { outline:none }	

#contactform {line-height:20px;font-size:12px;color:#0660aa;font-weight:bold;}	
input {font-size:11px;color: #666;border:1px solid #dcdcdc;height:20px;background-image:url(../img/bgform.png);   line-height:20px;margin-bottom:8px;}	
textarea {color: #666; font-size:11px;border:1px solid #dcdcdc;background-image:url(../img/bgform.png);background-repeat: repeat-x;   line-height:20px;}

#submit {margin-top:20px; font-size:1px; background-image: url(../img/contact.png); background-repeat: no-repeat; border:0px; width:80px; height:36px;}

#seomonitor {
  float: right;
}