/* ////////////////////////// HOTELI - BASE STYLE ///////////////////////////////

(c) 2007. Arca Solutions.

If you modify this file, please leave a note below:

Date									By											Description
--------------------------------------------------------------------------------
23/08/2007						Talita Pagani						Create
13/09/2007						Talita Pagani						Addictions to MISC CLASSES
25/09/2007						Talita Pagani						Classes for Templates added
07/11/2007						Talita Pagani						Added classes for package page, breadcrumb, change in navbar

////////////////////////////////////////////////////////////////////////////// */


/* BASE STRUCTURE
/////////////////////////////////////////////////////*/

*
{border:none; padding:0; margin:0; text-decoration:none;}

body
{
	background: #E4E4E4 url(../images/bg_body.gif) repeat-x 0 0;
	text-align:center;
}

	div.wrapper
	{
		width:980px;
		margin:0 auto 0 auto;
		background:#FFF;
	}
	
/* STRUCTURE > HEADER
/////////////////////////////////////////////////////*/
	
		div.wrapper div.header
		{
			width:960px;
			height:127px;
			position:relative;
			margin:0 auto 0 auto;
			text-align:left;
		}
		
			div.wrapper div.header a.linkLogo:link,
			div.wrapper div.header a.linkLogo:active,
			div.wrapper div.header a.linkLogo:visited,
			div.wrapper div.header a.linkLogo:hover
			{
				display:block;
				padding:30px 0 0 20px;
			}
			
			div.wrapper div.header span.phone
			{
				position:absolute;
				right:5px;
				bottom:30px;
				height:30px;
				display:block;
				padding-left:20px;
				font:normal 18px Arial, Helvetica, sans-serif;
				color:#C00;
				background:url(../images/icon_phone.gif) no-repeat 0 3px;
			}
			
			/* Header navigation */
			
			div.wrapper div.header div.headerNav
			{
				width:750;
				height:35px;
				position:absolute;
				top:0;
				right:0;
				background:#FFF url(../images/bg_headerNav.gif) no-repeat 100% 0;
			}
			
				div.wrapper div.header div.headerNav ul li
				{
					float:right;
					color:#C00;
					list-style-position:inside;
					margin:0 15px 0 15px;
				}
				
					div.wrapper div.header div.headerNav ul li a:link,
					div.wrapper div.header div.headerNav ul li a:active,
					div.wrapper div.header div.headerNav ul li a:visited,
					div.wrapper div.header div.headerNav ul li a:hover
					{font:bold 12px/35px Arial, Helvetica, sans-serif; color:#666;}
					
					
/* STRUCTURE > NAVBAR
/////////////////////////////////////////////////////*/
		
		div.wrapper ul.navbar
		{
			width:880px;
			height:35px;
			margin:0 auto 0 auto;
			padding: 0 0 0 80px;
			list-style:none;
			background:#C00 url(../images/bg_baseMenu.gif) no-repeat 0 0;
		}
		
			div.wrapper ul.navbar li
			{
				float:left;
				display:inline;
				behavior:url("/layout/css/menu.htc");
				position:relative;
			}
			
				div.wrapper ul.navbar li a:link,
				div.wrapper ul.navbar li a:active,
				div.wrapper ul.navbar li a:visited,
				div.wrapper ul.navbar li a:hover
				{
					padding:0 25px 0 25px;
					font:bold 14px/35px Arial, Helvetica, sans-serif;
					color:#FFF;
					white-space:nowrap;
					display:block;
				}
				
				div.wrapper ul.navbar li a:hover,
				div.wrapper ul.navbar li.active a:link,
				div.wrapper ul.navbar li.active a:active,
				div.wrapper ul.navbar li.active a:visited,
				div.wrapper ul.navbar li.active a:hover
				{background:url(../images/arrow_navbar.gif) no-repeat 50% 0;}
				
				div.wrapper ul.navbar li.highlight a:link,
				div.wrapper ul.navbar li.highlight a:active,
				div.wrapper ul.navbar li.highlight a:visited,
				div.wrapper ul.navbar li.highlight a:hover
				{color:#FFFF00;}
				
			/* SUBMENU */
			div.wrapper ul.navbar li ul
			{
				list-style:none;
				width:150px;
				position:absolute;
				top:35px;
				left:expression(0);
				display:none;
				z-index:100;
				border:1px solid #8C0000;
				background:#AF0000;
				border-bottom:none;
			}
			
			div.wrapper ul.navbar li:hover ul { display:block; }
			
			div.wrapper ul.navbar li ul li { float: left; clear:left;  height: 1%; /* Holly Hack. IE Requirement */ border-bottom: 1px solid #8C0000; }

			div.wrapper ul.navbar li ul li { width: 150px;}
			
			div.wrapper ul.navbar li ul li a:link,
			div.wrapper ul.navbar li ul li a:active,
			div.wrapper ul.navbar li ul li a:visited,
			div.wrapper ul.navbar li ul li a:hover,
			div.wrapper ul.navbar li.active ul li a:link,
			div.wrapper ul.navbar li.active ul li a:active,
			div.wrapper ul.navbar li.active ul li a:visited,
			div.wrapper ul.navbar li.active ul li a:hover
			{ width: 150px; font: bold 12px/22px Arial, sans-serif; color: #FFF !important; text-indent: 10px; text-align: left; text-decoration: none; padding: 5px 0 5px 0; display: block; background:none; }
		
			div.wrapper ul.navbar li ul li a:hover,
			div.wrapper ul.navbar li.active ul li a:hover
			{ background: #BB0000; text-decoration:underline; }
			
/* STRUCTURE > CONTENT
/////////////////////////////////////////////////////*/

		div.wrapper div.content
		{
			border:10px solid #D8D8D8;
			border-top:0;
			text-align:left;
			height:1%; /* IE Hack */
		}
		
		div.content div.imgFront
		{display:block;}
		
		
/* STRUCTURE > CONTENT > COLUMNS
/////////////////////////////////////////////////////*/

	div.wrapper div.content div.leftColumn,
	div.wrapper div.content div.rightColumn
	{
		margin-top:20px; float:left;
	}

/* STRUCTURE > CONTENT > LEFT COLUMN
/////////////////////////////////////////////////////*/

	div.wrapper div.content div.leftColumn
	{
		width:680px;
		padding:0 20px 0 20px;
	}
	
	div.wrapper div.content div.leftColumnExpanded
	{
		padding:20px 20px 0 20px;
	}

/* STRUCTURE > CONTENT > RIGHT COLUMN
/////////////////////////////////////////////////////*/

	div.wrapper div.content div.rightColumn
	{
		width:220px;
	}
	
		/* Related Items */
	
		dl.relatedItem
		{
			border-top:7px solid #DDD;
			border-bottom:7px solid #DDD;
		}
		
			dl.relatedItem dt
			{
				font:bold 16px/40px Arial, Helvetica, sans-serif;
			}
			
				dl.relatedItem dt.demoTitle
				{color:#7BA71B;}
				
				dl.relatedItem dt.joinTitle
				{color:#4E98CE;}
				
				dl.relatedItem dt.templateTitle
				{color:#666;}
				
			dl.relatedItem dd
			{
				height:90px;
				font:normal 12px/24px Arial, Helvetica, sans-serif;
				color:#333;
				padding-bottom:20px;
				border-bottom:1px solid #DDD;
				cursor:pointer; /* FIX FOR IE */
			}
			
				dl.relatedItem dd span
				{
					font-weight:bold;
					color:#C00;
				}
			
				dl.relatedItem dd span.icon
				{
					height:90px;
					display:block;
					float:left;
					padding:5px 10px 0 0;
				}
				
			dl.relatedItem dd.support
			{
				height:auto;
				padding-top:5px;
				padding-bottom:0;
			}
			
			dl.relatedItem dd.baseTemplates
			{
				height:auto;
			}
			
				dl.relatedItem dd.baseTemplates div.templateImage img
				{border:1px solid #EEE; border-right:5px solid #EEE; border-bottom:5px solid #EEE;}
				
				
/* STRUCTURE > CONTENT > FOOTER
/////////////////////////////////////////////////////*/

	div.footer
	{
		clear:both;
		padding:15px 20px 0 20px;
	}
	
		div.footer ul.navFooter
		{
			height:40px;
			border-top: 5px solid #DDD;
			border-bottom: 1px solid #DDD;
			padding-left:70px;
			list-style:none;
		}
		
			div.footer ul.navFooter li
			{ float:left; }
			
				div.footer ul.navFooter li a:link,
				div.footer ul.navFooter li a:active,
				div.footer ul.navFooter li a:visited,
				div.footer ul.navFooter li a:hover
				{
					display:block;
					padding: 0 30px 0 30px;
					font:bold 11px/40px Arial, Helvetica, sans-serif;
					color:#C00;
					white-space:nowrap;
				}
				
		div.footer div.copyright {
			font:11px Arial, Helvetica, sans-serif;
			float:left;
			color:#666;
			margin-top:15px;
		}
		
		div.footer address.endereco {
			font:11px/18px Arial, Helvetica, sans-serif;
			margin:15px 0 15px 0;
			color:#666;
			text-align:right;
			float:right;
		}
		
		div.footer br.clear
		{
			clear:both;
		}

/* STRUCTURE > MISC CLASSES
/////////////////////////////////////////////////////*/

	h1.standardTitle
	{
		font:normal 24px Arial, Helvetica, sans-serif;
		color:#000;
		padding-bottom:15px;
	}
	
		h1.standardTitle span
		{
			color:#C00;
		}
				
	div.wrapper div.content p
	{
		font:normal 12px/24px Arial, Helvetica, sans-serif;
		padding-bottom:20px;
	}
	
		div.wrapper div.content p span.description
		{
			display:block;
			font-size:11px;
			color:#666;
			line-height:normal;
		}
		
	div.wrapper div.content p.midianetwork
	{
		clear:both;
		padding:25px 0 25px 0;
		border-bottom:1px solid #DDD;
	}
	
		div.wrapper div.content p.midianetwork span
		{
			display:block;
			float:left;
			padding-right:25px;
		}
	
	div.wrapper div.content p.standardSubtitle
	{
		font:bold 14px/24px Arial, Helvetica, sans-serif;
		color:#C00;
		padding:0;
	}
	
	p.alignCenter {text-align:center;}
	
	div.wrapper div.content ul.standardList
	{
		list-style:none;
		font:normal 12px/24px Arial, Helvetica, sans-serif;
		padding-bottom:20px;
	}
	
		div.wrapper div.content ul.standardList li
		{
			padding-left:15px;
			background:url(../images/bullet.gif) no-repeat 0 6px;
		}
		
		.clear {height:0; margin:0; padding:0; clear:both;}
		
		div.wrapper div.content p.noborder {border:0 ;}
		
/* STRUCTURE > MISC CLASSES > BREADCRUMB
/////////////////////////////////////////////////////*/

	div.wrapper div.content div.leftColumn p.breadcrumb,
	div.wrapper div.content div.leftColumnExpanded p.breadcrumb
	{font:bold 11px/25px Arial, Helvetica, sans-serif; color:#000; padding:0; margin: 0 0 20px 0; border-bottom:1px solid #DDD;}
	
	div.wrapper div.content div.leftColumn p.breadcrumb span,
	div.wrapper div.content div.leftColumn p.breadcrumb a:link,
	div.wrapper div.content div.leftColumn p.breadcrumb a:active,
	div.wrapper div.content div.leftColumn p.breadcrumb a:visited,
	div.wrapper div.content div.leftColumn p.breadcrumb a:hover,
	div.wrapper div.content div.leftColumnExpanded p.breadcrumb span,
	div.wrapper div.content div.leftColumnExpanded p.breadcrumb a:link,
	div.wrapper div.content div.leftColumnExpanded p.breadcrumb a:active,
	div.wrapper div.content div.leftColumnExpanded p.breadcrumb a:visited,
	div.wrapper div.content div.leftColumnExpanded p.breadcrumb a:hover
	{color:#666;}
	
	div.wrapper div.content div.leftColumn p.breadcrumb a:hover,
	div.wrapper div.content div.leftColumnExpanded p.breadcrumb a:hover
	{color:#4E98CE;}


/* STRUCTURE > MISC CLASSES > STANDARD LINK
/////////////////////////////////////////////////////*/

	div.content a:link,
	div.content a:active,
	div.content a:visited,
	div.content a:hover
	{font-weight:bold; color:#000;}
	
		div.content a:hover
		{color:#327EB6; text-decoration:underline;}
	
/* STRUCTURE > MISC CLASSES > STANDARD TABLE
/////////////////////////////////////////////////////*/

	table.standardTable
	{border:0; width:100%; border-collapse:collapse;}
	
		table.standardTable tr th,
		table.standardTable tr td
		{font:12px/24px Arial, Helvetica, sans-serif; padding:5px; vertical-align:top;}
		
		table.standardTable tr th
		{background:#4E98CE; font-size:14px; font-weight:bold; color:#FFF; border:1px solid #3587C4; border-bottom:5px solid #3587C4;}
		
		table.standardTable tr td
		{border:1px solid #DDD;}
		
		table.standardTable tr td a:link,
		table.standardTable tr td a:active,
		table.standardTable tr td a:visited,
		table.standardTable tr td a:hover
		{color:#C00;}
		
		table.standardTable tr.color td
		{background:#FCFCFC;}
		
		table.standardTable tr td.solution
		{width:20%; font-weight:bold;}
		
		table.standardTable tr td.price
		{width:15%;}
		
		table.standardTable tr td.solution,
		table.standardTable tr td.price
		{line-height:18px;}
		
		table.standardTable tr td.moreInfo
		{white-space:nowrap; padding:0 10px 0 10px;}
		
		table.standardTable tr td span,
		table.pacotesTable tr td.price span
		{display:block; font-size:11px; font-weight:normal; color:#666;}
		
		table.pacotesTable
		{
			margin:10px 0 10px 0;
		}
				
			table.pacotesTable tr td.orderLink
			{width:100px; text-align:center;}
		
			table.pacotesTable tr td.price
			{
				font-size:14px;
				font-weight:bold;
				color:#7BA71B;
			}

/* STRUCTURE > MISC CLASSES > FAQ LIST
/////////////////////////////////////////////////////*/

	ul.faqList
	{
		list-style:none;
		font:12px/24px Arial, Helvetica, sans-serif;
		padding-bottom:20px;
	}
	
		ul.faqList li
		{
			font-weight:bold;
			color:#C00;	
		}
		
		/* QUESTION */
		div.wrapper div.content p.question
		{
			font:bold 12px/18px Arial, Helvetica, sans-serif;
			color:#C00;
			border-top:1px solid #DDD;
			padding-top:10px;
			clear:both;
		}
		
		div.wrapper div.content a.backToTop:link,
		div.wrapper div.content a.backToTop:active,
		div.wrapper div.content a.backToTop:visited,
		div.wrapper div.content a.backToTop:hover
		{
			font:bold 11px Arial, Helvetica, sans-serif;
			color:#648916;
			display:block;
			float:right;
			padding-bottom:10px;
		}


/* STRUCTURE > MISC CLASSES > CUSTOMER SPOTLIGHT / TEMPLATES
/////////////////////////////////////////////////////*/

	div.content ul.customers,
	div.content ul.templates
	{
		list-style:none;
	}

		div.content ul.customers li,
		div.content ul.templates li
		{
			float:left;
			height:115px;
			width:30%;
			padding:15px 0 15px 0;
			margin:0 5px 10px 5px;
			text-align:center;
			border:1px solid #EEE;
			border-right:5px solid #EEE;
			border-bottom:5px solid #EEE;
		}
		
		div.content ul.templates li {width:250px; height:265px; padding:15px; margin: 0 20px 25px 25px; *margin-left:17px;}
		
		div.content ul.templates li img
		{border:0; margin:0; padding:0;}