@charset "utf-8";
@import url(typography.css);
/*	-------------------------------------------------------------
	Gabinet ortodontyczny "Ortos" - Pokaż swój zdrowy uśmiech
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Styles for Ortos
	Version:		1.0
	Date:			07/2008
	-------------------------------------------------------------	*/

/*	Bug hunting
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/** { border: 1px solid red !important; } */


/*	Clearing floats
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.clearfloat { display: inline-block; }
.clearfloat:after { content: " "; display: block; height: 0; clear: both; font-size: 0; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfloat { height: 1%; }
.clearfloat { display: block; }
/* End hide from IE-mac */

.clear { clear:both; }

/*	Base
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
body { background:#fff; padding-top:18px; padding-bottom:18px; min-height:600px; }
.container_12 { background:url(../img/footer_bg.jpg) no-repeat bottom center; padding-bottom:54px; }

	/*	Logo
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#logo { display:block; width:143px; height:70px; background:url(../img/logo_ortos.gif) no-repeat; text-indent:-9000px; padding:0px; margin:0px; }
		#logo a { display:block; width:100%; height:100%; }
		
	/*	Top Icons
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#topIcons { }
		#topIcons a { display:inline; float:right; margin:18px 15px 0 20px; color:#555555; }
			#topIcons a:hover { color:#93b72f; }
		.icoMail { height:36px; line-height:54px; background:url(../img/ico_mail.gif) no-repeat center 5px; }
		.icoHome { height:36px; line-height:54px; background:url(../img/ico_home.gif) no-repeat center 5px; }
		.icoMap { height:36px; line-height:54px; background:url(../img/ico_sitemap.gif) no-repeat center 5px; }
	
	/*	MainPic
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainPic { height:280px; background:url(../img/pic_main.jpg) no-repeat; margin-top:0px; }

	/*	Menu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#menuWrapper { background:url(../img/menu_bg.gif) no-repeat left top; height:56px; }
	#menu, #menu li { padding:0px; margin:0px; display:block; }
	#menu { height:56px; position:relative; }
		#menu li { text-indent: 0; list-style:none; line-height:56px; _width:20px; height:56px; margin:0px; padding:0 20px 0 20px; font-size:20px; font-family:"Times New Roman", Times, serif; word-spacing:5px; text-shadow:#d5dadc 1px 1px; background:url(../img/menu_separator.gif) left no-repeat; cursor:pointer; display:inline; float:left; position:relative; white-space:nowrap; }
		#menu li.first { background:none; padding-left:30px; }
		#menu li a, #menu li span { height:100%; display:block; text-decoration:none; white-space:nowrap; color:#29166f; }

		#menu li:hover { }
		#menu li:hover a, #menu li:hover span  { color:#555555; }
			#menu li:hover span { cursor:default; }
		#menu li.active a, #menu li.active span { color:#555555; text-decoration:underline; }
		
	#phoneNumber { line-height:56px; background:url(../img/ico_phone.gif) no-repeat 67px 17px; padding-left:90px; width:130px; }
		#phoneNumber p { margin:0; font-family:"Times New Roman", Times, serif; font-size:15px; font-weight:bold; color:#919799; line-height:56px; }
	
	/*	Url
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#url { height:18px; line-height:18px; margin:36px 10px 0px 10px; background:url(../img/ico_page.gif) no-repeat 15px 3px; _background-position:15px 4px; }
		#url p { margin:0 0 0 29px; }
	
	/*	Main Column
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainColumn { font-size:12px; padding-left:15px; width:605px; text-align:justify; }
		.gallery { margin-left:-24px; }
			.gallery a { display:inline; float:left; padding:4px; border:1px solid #29166f; margin-left:24px; margin-bottom:18px; line-height:0; }
			.gallery a:hover { border:1px solid #93b72f; }
	
	/*	Info Column
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#infoColumn { padding:0 15px; width:270px; }
	
	/*	Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer { color:#A4BBCF; display:block; text-align:center; margin-top:18px; }
		#footer a { color:#A4BBCF; }
			#footer a:hover { color:#93b72f; }
	
	/*	Lists
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul { list-style-type:disc; }
		li { line-height:18px; }
		ul li ul { margin-top:10px; }
			
	/*	Forms
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#contactUs { margin-top:36px; }
		#contactUs input, #contactUs textarea { border:none; color:#29166f; background:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
		#contactUs #name { background:url(../img/form_input01_bg.gif) no-repeat; width:345px; height:16px; padding:2px 10px 0 10px; margin-bottom:18px; }
		#contactUs #phone { background:url(../img/form_input02_bg.gif) no-repeat; width:200px; height:16px; padding:2px 10px 0 10px; margin-bottom:18px; }
		#contactUs #message { background:url(../img/form_textarea01_bg.gif) no-repeat; width:595px; height:83px; padding:7px 0px 0 10px; }
		
		#contactUs .button { background:url(../img/button_bg2.gif) no-repeat; height:19px; width:133px; border:none; cursor:pointer; padding-bottom:3px; margin-top:18px; text-align:center; color:#fff; white-space:nowrap; }
			#contactUs .button:hover { color:#c6f2ff; }
			
	.content1, .content2, .content3, .content4, .content5, .content6, .content7 { width:350px !important; padding-left:10px; }

	/*	Common styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.left { display:inline; float:left; }
	.leftInside img { display:inline; float:left; margin-right:7px; }
	img.left { margin-right:20px; margin-bottom:18px; }
	.right { display:inline; float:right; }
	img.right { margin-left:20px; margin-bottom:18px; }
	.bold { font-weight:bold; }
	.normal { font-weight:normal; }
	.gold { color:#d3c36c; }
	.gold2 { color:#919168; }
	.blue { color:#1d3c50; }
	.green { color:#29166f; }
	.center { margin:0 auto; text-align:center; }
	.hidden { display:none; }
	.grey { color:#c2c2c2; font-size:10px; text-align:right; }