/*=================================================================================

Project:		MB Center
Version:		1.0
Last Changed:	11/04/2008
Author:			Vlad Balan

=================================================================================*/


/*=================================================================================

[Table of Contents]

1. GENERAL [style for body, headers, default behaviour of paragraphs, images, links etc]
2. LAYOUT [elements used to define the layout of the site]
	2.1 HEADER
	2.2 CONTENT
	2.3 FOOTER
3 NAVIGATION
	3.1 Main Navigation
	3.2 Footer Navigation	
4. FORMS
	4.1 Form Errors
=================================================================================*/


/* 1. GENERAL -------------------------------------------------------------------*/
a img{border:none;}
* { margin:0; padding:0}
body
{
	background:url(../images/website/bgrBody.gif) repeat-x top;
	margin: 0;
	font: normal 0.7em/1.2em Arial, Helvetica, sans-serif;
	color: #3c3c3c;
	background-color:#fff;	
}

h1
{
	font-size:1.6em;
	margin:0px;
	padding:10px 10px 7px 3px;
	color:#205f7b;	
	font-weight:normal;
	height: 20px;
	background:url(../images/website/spacerTitles.gif) no-repeat bottom  left;
}

h2
{
	font-size:1.3em;
	margin:0px;
	margin-bottom:10px;
	padding:10px 10px 5px 0px;
	color:#3d3d3d;	
	font-weight:normal;
	background:url(../images/website/menuSecSpacer.gif) no-repeat bottom  left;	
}

h3
{
	font-size:1.2em;
	color:#007ac1;	
}

ul{text-align:justify}

p {	margin:0px; text-align: justify; font-size:1em; line-height:1.6em; color:#2b2b2b}

.clearAll
{
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

.floatleft {float:left;}
.floatright {float:right;}

.bold
{
	font-weight:bold; 
	line-height:2em; 
	font-size:1.1em;
}

.bold a {color:#004768;}

a{color:#01a1e7; text-decoration:none}
a:hover{color:#003d57; text-decoration:underline;}

.spacer
{
	background:url(../images/website/bgrSpacer.gif) repeat-x center; 
	font-size:1px; 
	line-height:1px; 
	height:1px; 
	padding:10px 0px
}


.spacerTabel
{
	background:url(../images/website/bgrSpacer.gif) repeat-x top; 
	font-size:1px; 
	line-height:1px; 
	height:1px; 
	padding-bottom:10px;
}

.dark_blue{color:#205f7b}

.li_first_item
{
	background: url(../images/website/li1.gif) no-repeat;
	padding: 2px 0 11px 25px;
	list-style:none;
}

.li_second_item
{
	background: url(../images/website/li2.gif) no-repeat;
	padding: 2px 0 11px 25px;
	list-style:none;
}

.li_third_item
{
	background: url(../images/website/li3.gif) no-repeat;
	padding: 2px 0 11px 25px;
	list-style:none;
}

.li_fourth_item
{
	background: url(../images/website/li4.gif) no-repeat;
	padding: 2px 0 11px 25px;
	list-style:none;
}

.li_fifth_item
{
	background: url(../images/website/li5.gif) no-repeat;
	padding: 2px 0 11px 25px;
	list-style:none;
}

.li_sixth_item
{
	background: url(../images/website/li6.gif) no-repeat;
	padding: 2px 0 11px 25px;
	list-style:none;
}

.li_seventh_item
{
	background: url(../images/website/li7.gif) no-repeat;
	padding: 2px 0 11px 25px;
	list-style:none;
}

.li_eighth_item
{
	background: url(../images/website/li8.gif) no-repeat;
	padding: 2px 0 11px 25px;
	list-style:none;
}

/* 2. LAYOUT --------------------------------------------------------------------*/
.background{margin:0 auto; }
#container
{	
	margin: 0 auto;
	width:895px;
}




/* 2.1 HEADER -------------*/

#header
{
	margin: 0px auto;
	width:895px;
	font-size:1px;
}

#logo
{
	padding-top:2px;
	width:213px;
	height:167px;
}

.visualHeader
{
	background:url(../images/website/visualHeader.jpg) no-repeat; 
	width:679px; 
	height:167px; 
	margin-top:2px;
}

.flag
{
	width:20px;
	height:13px;
	padding-top:2px;
	padding-right:5px;
}


/* 2.2 CONTENT  -------------*/
#main
{
	width:671px;
	background:url(../images/website/bgrMain.gif) repeat-y;
}

.divider
{
	background:url(../images/website/divider.gif) no-repeat; 
	width:9px; 
	height:172px;
}


.container_main
{	
	background:url(../images/website/bgrTopMain.gif) top no-repeat; 
}

.container_main2
{
	background:url(../images/website/bgrBottomMain.gif) bottom no-repeat; 
	padding:0 15px 5px 15px;
	width: 641px;
}

.content
{
	width: 441px;
	float: left;
}

.content_sidebar
{
	width: 180px;
	float: left;
	padding: 30px 0px 10px 20px;
}

.textHome
{
	width:320px; 
	padding-right:15px;
}

.textHome a
{
	background:#cee1ee; 
	display:block; 
	color:#0c6aaa; 
	text-decoration:none; 
	width:35%; 
	font-size:0.9em; 
	line-height:1.2em; 
	margin-top:5px;
}

.textHome a:hover
{
	background:#cee1ee; 
	display:block; 
	color:#000; 
	text-decoration:none;
}

.galleryHome
{
	border:1px solid #cfcfcf; 
	padding:2px; 
	background:#fff; 
	width:280px; 
	height:159px;
	float: right;
}

.pacientHome
{
	width:73%;
}

.students
{
	background:url(../images/website/visualReduction.gif) no-repeat; 
	width:144px; 
	height:138px; 
	padding-right:10px;
}

.doctorSignature
{
	font-size:1.4em; 
	color:#205f7b; 
	font-style:italic; 
	font-weight:bold; 
	padding-top:10px;
}


.mb_onorarii ul
{
	margin:0; 
	padding:2px 10px;
	list-style-type:none; 
}

.mb_onorarii ul li
{ 
	line-height: 1.8em;
	font-size: 1em;
	margin: 0;	
	background:url(../images/website/arrow2.gif) no-repeat center left; 
	padding-left:7px;
}


.mb_pacienti ul
{
	margin:0; 
	padding:2px 10px;
	list-style-type:none; 
}

.mb_pacienti ul li
{ 
	line-height: 1.8em;
	font-size: 1em;
	margin: 0;	
	background:url(../images/website/arrow.gif) no-repeat top left; 
	padding-left:7px;
}

.mb_listing ul
{
	margin:0; 
	padding:7px 10px;
	list-style-type:none; 
	width:250px;
	text-align:left;
}

.mb_listing ul li
{ 
	line-height: 1.8em;
	font-size: 1em;
	font-weight:bold;
	margin: 0;	
	background:url(../images/website/arrow2.gif) no-repeat center left; 
	padding-left:7px;
}

.mb_listing ul li a
{
	color:#3c3c3c; 
	text-decoration:none;	
}

.mb_listing ul li a:hover
{
	color:#209bd6; 
	text-decoration:underline;
}
	

.mb_igiena ul
{
	margin:0; 
	padding:7px 10px;
	list-style-type:none; 
	width:500px;
	text-align:left;
}

.mb_igiena ul li
{ 
	line-height: 1.8em;
	font-size: 1em;
	font-weight:bold;
	margin: 0;	
	background:url(../images/website/arrow2.gif) no-repeat center left; 
	padding-left:7px;
}


.mb_igiena ul li a
{
	color:#3c3c3c; 
	text-decoration:none;	
}

.mb_igiena ul li a:hover
{
	color:#209bd6; 
	text-decoration:underline;
}


ul.mb_price
{

	margin: 3px 0 0px 0px;
	list-style-type:none;
	line-height: 1.8em;
	font-size: 1em;
	font-weight:bold;
	color:#205f7b;
	text-align:right;
}

.contactImg
{
	border:2px solid #5dbbd9;
}


.galleryImg
{
	width:145px;
	height:96px;
	padding:2px;
	border:1px solid #5dbbd9;
	background-color:#fff;
	margin-right:7px;
}


.doctorContainer
{
	width:350px; 
	padding-left:15px;
	display:none;
	height:690px;
}
.doctorDescription
{
	border:1px solid #cee8f3;
	width:325px;
	text-align:justify;
	padding:10px;
	margin-bottom:10px;
	line-height:1.6em;
}

.partner
{
	width:158px; 
	text-align:center; 
	padding:2px;
	float:left;
}

.partner2
{
	width:158px; 
	text-align:center; 
	padding:2px;
	padding-left:0px;
	float:left;
}

.spacerPartner
{
	padding-top:5px;
	text-align:center;
	line-height:1.2em;
}

.doctorImg
{
	width:142px;
	height:140px;
	margin:0 auto;
	padding:25px 0px 10px;
}

.reduceri{text-align:center; font-size:1.2em;color:#2b2b2b;}



/* 2.3 FOOTER  -------------*/
#footer
{
	width:895px; margin:30px auto 20px; color:#5c5c5c;
}

.footerVisual
{
	background:url(../images/website/footerVisual.gif) bottom no-repeat; 
	width:865px; 
	height:10px;
	margin:0 auto; 
	padding-top:20px
}

.boxFooter
{
	width:280px; 
	margin-right:16px;
}

.contactVisual
{
	background:url(../images/website/visualContact.gif) no-repeat center; 
	width:72px; 
	height:60px; 
	padding-top:64px
}

.contactOffers
{
	background:url(../images/website/visualOffers.gif) no-repeat center; 
	width:66px; 
	height:67px; 
	padding-top:60px
}

.contactOrar
{
	background:url(../images/website/visualOrar.gif) no-repeat center; 
	width:62px; 
	height:66px; 
	padding-top:60px
}

.contactText
{
	font-size:1.2em; 
	color:#616161; 
	font-weight:bold; 
	padding-top:35px; 
	padding-left:3px;
	width:200px;

}

.orarText
{
	width:173px; 
	padding-left:20px; 
	padding-top:5px
}

.orarText ul{list-style-type:none;}

.orarText ul li
{
	padding:5px 0px 4px; 
	background:url(../images/website/bgrSpacer.gif) repeat-x bottom; 
	list-style-type:none;
}

.offersText
{
	background:url(../images/website/arrow.gif) top left no-repeat;
	padding-left:6px; 
	width:203px;
}

.oferteText
{
	padding-top:15px; 
	padding-left:5px
}



.movie_item
{
	width:160px;
	text-align:justify;

}


/* 3 NAVIGATION  -------------*/


#navigation
{	

	width:214px;
	background:url(../images/website/menuGen.gif) repeat-y;

}

/* 3.1 Main Navigation */

.menu
{
	width:214px; 
	margin:0 auto; 	
	background:url(../images/website/bgrMenu.gif) no-repeat top; 
}

.menu ul
{
	margin:0; 
	padding-top:10px; 
	list-style-type:none; 
	padding-left:14px; 
	background:url(../images/website/menuBottom.gif) bottom no-repeat; 
	padding-bottom:10px; 
}

.menu ul li
{ 
	text-align:left;
	font-size:1.4em; 
	line-height:1.3em; 
	margin: 0;	
	color:#006cdb; 
	padding:10px 5px;
	background:url(../images/website/menuSpacer.gif) no-repeat bottom left; 
}

.menu ul li a
{
	color:#006cdb; 
	text-decoration:none;	
	padding:2px 18px;  
	background:url(../images/website/menuArrow.gif) no-repeat center left;
}

.menu ul li a:hover
{
	color:#383838; 
	text-decoration:none;
}
	

/* 3.2 Secondary Navigation */

.menuSec
{
	width:640px;
	height:33px;
	background:url(../images/website/menuSecGen.gif) repeat-x;
	border:1px solid #dddddd;
	margin-bottom:15px;
}

.menuSec ul
{
	margin:0; 
	list-style-type:none; 	
	padding-top:10px;
	text-align:center;
}



.menuSec ul li
{ 
	font-size:1.2em; 
	margin:0; 
	color:#017eb5; 
	display:inline;
	background:url(../images/website/iconSecMenu.gif) no-repeat center left;
	font-weight:bold;
}

.menuSec ul li a
{
	color:#017eb5; 
	text-decoration:none;	
	padding:0px 30px 0px 10px;
}

.menuSec ul li a:hover
{
	color:#383838; 
	text-decoration:underline;
}


/* 3.3 Footer Navigation*/
.menu_footer
{
	width:600px; 
	margin:10px auto 20px; 
}

.menu_footer ul
{
	margin:0; 
	list-style-type:none; 
}

.menu_footer ul li
{ 
	font-size:1em; 
	margin:0; 
	color:#0c6aaa; 
	display:inline 
}

.menu_footer ul li a
{
	color:#0c6aaa; 
	text-decoration:none;	
	padding:0px 5px;
}

.menu_footer ul li a:hover
{
	color:#383838; 
	text-decoration:underline;
}



/* 4. FORMS ---------------------------------------------------------------------*/





form
{
	margin: 0;
	padding: 10px;
}





.formField
{
	float: left;
	width: 140px;
	padding: 2px 5px;
	border: 1px solid #017eb5;
	background-color: #fff;
	font: normal 1em Arial;
	color: #666;
	margin-bottom: 6px;
}


.optionField
{
	
	font: normal 1em Arial;
	color: #666;
}


.formTextarea
{
	float: left;
	width: 250px;
	padding: 2px 5px;
	border: 1px solid #017eb5;
	background-color: #fff;
	font: normal 1em Arial;
	color: #666;
	margin-bottom: 6px;
	height:100px;
}



.formButtons
{
	padding-left:0px;
	padding-top: 2px;
	margin:0;
}



label
{
	float: left;
	width: 200px;
	font-size: 1em;
	font-weight:bold;
	text-align:justify;
	padding-right:5px;
}



form br
{
	clear: left;
}



/* 4.1 Form Errors -------------------------------------------*/



span.error 
{
	color: red;
}



input.error 
{
	border: 2px solid red;
}



select.error 
{
	border: 2px solid red;
}



div.error 
{
	color: red;
}



div.action-container 
{
	position: relative;
	top: -45px;
	cursor: pointer;
}