*{
	margin:0px;
	padding:0px;
}
body {
	background: #421d25 url(../images/design/background2.jpg) repeat-x top center;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #FFF;
	text-align: center;
	cursor: default;
}
a {
	cursor: pointer;
}
p {
	cursor: text;
}
small {
	font-size: 80%;
}
div.clear {
	clear: both;
}
#cs-webpage-wrapper {
	width: 1000px;
	margin: 0px auto;
}
	#top-wrapper {
		width: 1000px;
		height: 130px;
	}
		#logo {
			width: 400px;
			height: 100px;
			float: left;
			background: transparent url(../images/design/logo.png) no-repeat top center;
		}
#flash-menu {
	height: 60px;
	width: 828px;
	text-align: left;
	padding-left: 172px;
	padding-top: 14px;
	background: url(../images/menu-background.png) no-repeat bottom center;
	
}
#content-wrapper {
		width: 700px;

		float:left;
		background: transparent url(../images/design/content-bg.png) repeat-y top center;
	}
#content-wrapper10 {
       width: 700px;
		min-height: 800px;
		height:auto!important;
		height: 800px;
		background: transparent url(../images/design/content-bg.png) repeat-y top center;
		float:left;
           }
#content-wrapper11 {
       width: 100%;
		height: 1700px;
		background: transparent url(../images/design/content-bg2.png) no-repeat top center;

           }
	#content {
			padding: 10px 40px;
			text-align: left;
			font-size: 12px;
			color: #CCC;
		}
	#content h1 {
		color: #9C0000;
		text-align: left;
		font: italic normal 30px/35px 'Times New Roman';
	}
	#content h1.welcome {

	}
	#content h1.servicii {

	}
	#content h1 span {
		display: none;
	}
	#content h2 {
		color: #FFF;
		text-align: left;
		font: normal small-caps bold 14px/20px Tahoma, Verdana, Arial, sans-serif;
	}
	#content h3 {
		color: #FFF;
		font-weight: bold;
		font-size: 13px;
		padding: 5px 0px;
		text-align: left;
		line-height: 11px;
	}
	#content em {
		font-weight: bold;
		font-style: normal;
		font-size: 110%;
	}
	#content div.image {
		display: inline;
		padding: 2px;
		float: left;
		margin-top: 10px;
		margin-right: 5px;
		margin-left: 5px;
	}
	#content div.image img {
		border: 1px solid #CCC;
		padding: 1px;
	}
	#content div.side0-wrapper {
		
	}
		#content div.side0 {
			padding: 10px 20px;
			
		}
		table {
			padding: 10px 20px;
			width: 100%
		}
		table tr th{
			font-weight: bold;
			padding: 5px 0px;
			font-size: 16px;
			text-align:center;
		}
		table tr td {
			padding: 3px 10px 3px 10px;
			height: 65px;
			text-align:center;
			font-size: 14px;
			font-weight: bold;
		font-family: Verdana;
		color: #9c7b9c;
		}
		td.den, th.den {
			text-align: left;
		}
		td.pret, th.pret {
			text-align: right;
		}
	
	#content div.side1-wrapper {
		width: 60%;
		float: left;
	}
		#content div.side1 {
			font: normal normal 13px/16px Tahoma, Verdana, Arial, sans-serif;
			text-align: center;
			padding: 10px 5px 10px 5px;
		}
		#content div.side1 p {
			text-indent: 20px;
			text-align: justify;
			padding: 5px 0px;
		}
 div.hr {
			height: 30px;
			width: 105px;
			margin: 0px auto;
			background: transparent url(../images/design/hr.png) no-repeat center center;
		}
		#content div.side1 form {
			text-align: left;
			color: #FFF;
		}
			form.contact label {
				display: block;
				width: 80%;
				margin-right: 20px;
				line-height: 20px;
				vertical-align: middle;
			}
			form.contact input#name, form.contact input#email, form.contact input#vercode {
				margin-left: 20px;
				background: transparent;
				padding: 3px;
				border: none;
				border-bottom: 1px dotted #CCC;
				color: #FFF;
				width: 80%;
				margin-bottom: 20px;
			}
			form.contact input#vercode {
				width: 100px;
				font-weight: bold;
				text-align:center;
			}
			form.contact input#submit {
				width: 100px;
				font-weight: bold;
				text-align:center;
				float: right;
				background: #000;
				border: 1px solid #CCC;
				color: #CCC;
				cursor: pointer;
			}
			form.contact textarea {
				margin-left: 20px;
				background: transparent;
				padding: 3px;
				border: 1px dotted #CCC;
				color: #FFF;
				width: 80%;
				margin-bottom: 20px;
				height: 100px;
			}
			ul.pr-list {
				width: 40%;
				padding: 10px;
				float: left;
			}
			ul.pr-list li {
				padding: 3px;
			}
			ul.pr-list li a {
				color: #FFF;
				padding: 2px;
			}
			ul.pr-list li a:hover {
				background: #FFF;
				color: #9C0000;
			}
			a.catalog{
				display: block;
				line-height: 47px;
				font-weight: bold;
				
			}
			a.catalog img {
				float: left;
				margin-right: 10px;
			}
	#content div.side2-wrapper {
		width: 35%;
		float: right;
	}
		#content div.side2 {
			font: normal normal 11px/16px Tahoma, Verdana, Arial, sans-serif;
			text-align: center;
			padding: 10px 5px 10px 5px;
		}
		#content div.side2 h2 {
			color: #FCA;
			text-align: right;
		}
		#content div.side2 p, #content div.side2 ul li {
			font-size: 12px;
			text-align: left;
			color: #CAA;
			line-height: 12px;
			padding: 2px;
		}
		#content div.side2 div.info {
			padding: 5px 0px;
		}
#content div.side2 div.info img{
	padding-right:8px;
	padding-top: 4px;
}

		#content div.side2 div.info .right {
			float:right;
		}
		

	#content span.annette span {
		display: none;
	}
		
#footer {
	font-weight: bold;
	font-size: 10px;
	text-align: right;
	color: #666;
	margin-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
	margin-top: -10px;
	width: 800px;
}
#footer a {
	color: #FFF;
}
#footer a:hover {
	text-decoration: underline;
}

ul.course {
	padding-left: 5px;
}
ul.course li {
}
li.list-title {
	margin-left: -4px;
}
a {
	color: #9B7B9B;
}
a:hover {
	color: #FFF;
	text-decoration: underline;
}
table.courses tr td{
	vertical-align: middle;
	padding: 5px;
}
td.dur, td.price {
	font-weight: bold;
	text-align: center;
               }

			   
div.photo{
	width: 100px;
	height: 80px;
	padding:10px 20px 25px 20px;
	float:left;
}

div.palier{
	width: 450px;
		float:left;
}
div.pagina{
float:left;
padding: 20px;
text-align: right;
width: 100px;
}

div.pagina a.navbar{
	font-size: 20px;
	padding-left: 5px;
}
div.pagina a.active{
	font-size: 20px;
	padding-left: 5px;
	color:#333;
}
div.categorii a{
	padding-left: 100px;
}	

div.dimension{
	min-height: 365px;
	height: auto!important;
	height: 365px;
}
div.side2{
	min-height: 415px;
	height: auto!important;
	height: 415px;
}

div.info-content{
	text-align: justify;
	width: 372px;
	float:left;
	padding-right: 13px;
}
div.info-content p{
	font-size: 14px;
}
#content div.pagina h2{
	font-size: 18px;
	color: #ffcb8a;
	text-align:right;
	font-style: italic;
}
div.related{
	width: 178px;
	padding-left:10px;
	min-height: 365px;
	height: auto!important;
	height: 365px;
	float:left;
	border-left: 1px dashed #fff;
}
div.related p {
		font-size: 12px;
		text-align: left;
		color: #CAA;
		line-height: 12px;
		padding: 2px;
		}

div.photo a{
	border: none;
display:block;
height:80px;
width:100px;
}

div.photo a:hover{
	border: 1px solid #ffcb8a;
}
#content div.sides {
			padding: 0px 20px 10px 20px;
}
div.text-serv{
padding-bottom: 20px;
}
div.text-serv p{
	font-size: 13px;
	text-indent: 20px;
	line-height: 18px;
}
div.scrolable{
	border-top: 1px dashed #fff;
	height: 400px;
	overflow: auto;
	width: 580px;
}

div.left-menu{
	width: 150px;
	height: 400px;
	float:left;
}
div.left-menu a{
	padding: 10px 3px 10px 3px;
	display:block;
	width: 130px;
}
div.left-menu a.active{
	color: #fff;
}
div.photos-div{
	width:190px;
	float:left;
	padding-top: 20px;
	text-align:center;
}

div.photos-div1{
	width:340px;
	float:left;

	padding-top: 70px;
	text-align:center;
}

div.photos-div2{
	width:120px;
	float:left;
	padding-top: 70px;
	text-align:center;
}



#cursuri td{
	text-align:left;
}

#cursuri th,td{
	border: 1px solid #fff; 
}
#cursuri th{
	padding-left: 10px;
	font-size: 14px;
	
}
#cursuri{
	width:455px;
	float:left;
	padding: 0px;
	border: 1px solid #fff;
}
#cursuri  p{
	font-size: 14px;
}
div.curs{
	height: 640px;
	overflow:auto;
}
div.puncte{

	font-size: 10px;
	color: #FFF;
	width: 460px;
	padding-left: 0px;
	padding-top: 10px;
}
div.note{
	padding-top: 10px;
	text-align:center;
	font-size: 11px;
	color: #FCF;
}
div.scrolls{
	width:650px;
	height: 20px;
	padding-left: 25px;
}
div.imag-curs{
	width: 150px;
	float:left;
	text-align: right;
}

div.content-footer{
	height: 25px;
	width: 100%;
	background: url('../images/design/footer.png') no-repeat top center;
}
div.left-float{
width: 150px;
height: 400px;
float:left;
}

div.left-image{
	padding-top: 90px;
	width: 150px;
	height: 310px;
}


div.right-float{
width: 150px;
height: 400px;
position:relative;
left: -24px;
float:left;
}

div.right-image{
	padding-top: 12px;
	width: 120px;
	height: 310px;
}

#button-annette{
	width : 70px;
	padding-left: 15px;
	height: 60px;
	float:left;
}
#button-annette a{
	width : 70px;
	height: 60px;	
	display:block;
	background: url('../images/design/annette.png') no-repeat center center;
}

#button-annette a:hover{
	background: url('../images/design/annette_h.png') no-repeat center center;
}



#button-servicii{
	width : 70px;
	padding-left: 15px;
	height: 60px;
	float:left;
	
}
#button-servicii a{
	width : 70px;
	height: 60px;	
	display:block;
	background: url('../images/design/servicii.png') no-repeat center center;
}

#button-servicii a:hover{
	background: url('../images/design/servicii_h.png') no-repeat center center;
}


#button-galerie{
	width : 70px;
	padding-left: 15px;
	height: 60px;
	float:left;
	
}
#button-galerie a{
	width : 70px;
	height: 60px;	
	display:block;
	background: url('../images/design/galerie.png') no-repeat center center;
}

#button-galerie a:hover{
	background: url('../images/design/galerie_h.png') no-repeat center center;
}


#button-cursuri{
	width : 70px;
	padding-left: 15px;
	height: 60px;
	float:left;
	
}
#button-cursuri a.menu{
	width : 70px;
	height: 60px;	
	display:block;
	background: url('../images/design/cursuri.png') no-repeat center center;
}

#button-cursuri a.menu:hover{
	background: url('../images/design/cursuri_h.png') no-repeat center center;
}

#button-produse{
	width : 70px;
	padding-left: 15px;
	height: 60px;
	float:left;
	
}
#button-produse a{
	width : 70px;
	height: 60px;	
	display:block;
	background: url('../images/design/produse.png') no-repeat center center;
}

#button-produse a:hover{
	background: url('../images/design/produse_h.png') no-repeat center center;
}


#button-infoutil{
	width : 70px;
	padding-left: 15px;
	height: 60px;
	float:left;
	
}
#button-infoutil a{
	width : 70px;
	height: 60px;	
	display:block;
	background: url('../images/design/infoutil.png') no-repeat center center;
}

#button-infoutil a:hover{
	background: url('../images/design/infoutil_h.png') no-repeat center center;
}



#button-contact{
	width : 70px;
	padding-left: 15px;
	height: 60px;
	float:left;
	
}
#button-contact a{
	width : 70px;
	height: 60px;	
	display:block;
	background: url('../images/design/contact.png') no-repeat center center;
}

#button-contact a:hover{
	background: url('../images/design/contact_h.png') no-repeat center center;
}

div.submenu{
	text-align:left;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	display:none;
	background: #170b11;
	width: 150px;
	height: 100px;
	top: 200px;
	left: 45%;
	position: absolute;
}
div.submenu a{
	display:block;
	width: 150px;
	height: 20px;
	color:#f9f1d1;
	font-size: 12px;	
	text-decoration:none;
	padding: 2px 2px 2px 20px;
	
}

div.submenu a:hover{
	color: #fff;
	background: url('../images/design/a-submenu.png') no-repeat left top;
}


#top{
	width: 400px;
	height:100px;
	float:left;
}


#top-flash{
	height: 130px;
	width:400px;
	float:left;
	overflow:hidden;
	padding-left: 24px;
}

#MagicThumb {
border: 4px solid #efefef;
}