/* 
CSS Design by DIVIM. 
*/

body {
		font-family:Arial, Helvetica, sans-serif;
		background:#F4F2E6 url(../images/backgrounds/bodyBack.jpg) repeat-x;
}

.divH1   {border-bottom:solid 1px #ccc; padding-bottom:8px; clear:left;}

	h1		{font-size:24px; font-weight:normal; color:#666; display:inline;}
	h1 span		{color:#577FAC;}
	
	h2		{font-size:14px; color:#577FAC; font-weight:normal;}
	
	h2 span.h2spanVac { font-size:12px; color:#666;}
	
p  {font-size:12px; color:#777; padding:10px 0 10px 0;}

p a  {color:#5780AC; font-weight:bold;}

p span.blueArrow  { padding:0 0 0 12px; background:url(../images/backgrounds/blueArrow.jpg) no-repeat 0 1px; font-weight:bold;}

p a:hover  {color:#89A5C5;}

b.bLine  { color:#666666; float:left; font-size:12px; padding:5px 0 0 0;}

b.bLineBig  { float:left; background:#666; height:20px; width:1px; padding:0px;}

input.button  {border:1px solid #ccc; background:#577FAC; font-size:14px; color:#fff; padding:1px 3px 3px 3px; margin:8px 0 0 0; float:right;}
.noFloat  {float:none;}
input.button:hover  {background:#89A5C5; padding:1px 3px 3px 3px; cursor:pointer;}

a.button  {border:1px solid #ccc; background:#577FAC; font-size:14px; color:#fff; padding:3px 5px 3px 5px; margin:8px 0 0 0; float:right;}
a.button:hover  {background:#89A5C5; padding:3px 5px 3px 5px; cursor:pointer;}

a.simple  {font-size:13px; color:#5780AC; padding:5px; float:left;}
a.simple:hover  {color:#89A5C5; padding:5px;}

img.imgBorder  { float:left; border:1px solid #ccc; padding:2px;}	

span.textVac {font-size:12px; color:#777; padding:0px;}

.styleIframe  {margin:-108px 0 0 -3px;}

.styleIframe2  {margin:-50px 0 0 -3px;}

/* ------- start body -------*/
.header  {height:94px;}
.logo   {background:url(../images/backgrounds/logo.jpg) no-repeat 0px 1px; width:401px; height:92px; margin:1px 0 0 0; float:left;}
	.logo a   {width:398px; height:83px; float:left;}
.headerNav  { float:right; margin:24px 10px 0 0;}
.headerNav  ul { float:left; width:105px;}
	.headerNav li  { float:left; width:105px;}
		
		.headerNav li.navHorLineLi  { background:url(../images/backgrounds/point666.jpg) repeat-x 0 2px; height:13px; font-size:0px;}
		.headerNav li ul li  { float:left; clear:none; width:auto;}
		.headerNav ul li.navLineLi  { background:url(../images/backgrounds/point666.jpg) repeat-y 13px 0; width:27px; height:13px; font-size:0px;}
	
.centerNavBack  {background:url(../images/backgrounds/navCenterBack.jpg) repeat-x;}
.leftNavBack  {background:url(../images/backgrounds/navLeftBack.jpg) no-repeat left 0;}
.rightNavBack  {background:url(../images/backgrounds/navRightBack.jpg) no-repeat right 0; height:244px; padding:6px;}
	.menu  {background:url(../images/backgrounds/menuBack.jpg) repeat-x; height:244px; width:190px; float:left;}
		.menu ul  { padding:6px 0 0 19px;}
		.menu li  { padding:17px 0 17px 0px;  width:170px;}
			.menu li span.blanco  {  float:left; clear:left; width:10px;}
		.menu li.menuLiLine  {background:url(../images/backgrounds/menuLiBack.jpg) repeat-x; padding:0px; height:3px; width:160px; font-size:0px;}
		.menu li a {background:url(../images/backgrounds/whiteenuCircle.gif) no-repeat 0px 7px; padding:0px 0px 0px 14px; color:#FFFFFF; font-size:20px;} 
		
		.menu li a.active {color:#ddd; background:url(../images/backgrounds/whiteenuCircleHover.gif) no-repeat 0px 7px; padding:0px 0px 0px 14px;} 
		
		.menu li a:hover {color:#ddd; background:url(../images/backgrounds/whiteenuCircleHover.gif) no-repeat 0px 7px; padding:0px 0px 0px 14px;}
		
		.menu li span:hover { cursor:pointer;}
		
		.scriptFrameDiv  { position:relative; float:left;} 
			.scriptFrameDiv span.menuRightBack  { position:absolute; float:left; left:0px; top:0px; background:url(../images/backgrounds/menuRightBack.png); float:left; z-index:51; width:50px; height:244px;}
			.scriptFrameDiv div.scriptImg  { position:relative; float:left; float:left; z-index:51;}
			
			
.contentBack   {background:#fff; margin:5px 0 0 0;}
   /* backgound of content */
	.contentLeftBack	{background:url(../images/backgrounds/contentLeftBack.jpg) repeat-y;}
	.contentRightBack	{background:url(../images/backgrounds/contentRightBack.jpg) repeat-y right top;}	
	.contentTopBack	   {background:url(../images/backgrounds/contentTopBack.jpg) repeat-x;}
	.contentBottomBack	{background:url(../images/backgrounds/contentBottomBack.jpg) repeat-x left bottom;}
	.contentTopLeftCorner	   {background:url(../images/backgrounds/leftTopContentCorner.jpg) no-repeat;}
	.contentBottomLeftCorner	   {background:url(../images/backgrounds/leftBottomContentCrner.jpg) no-repeat left bottom;}
	.contentRightTopCorner	   {background:url(../images/backgrounds/rightTopContentCorner.jpg) no-repeat right top;}		
	.contentRightBottomCorner	   {background:url(../images/backgrounds/rightBottomContentCorner.jpg) no-repeat right bottom;}
	/* end backgound of content */
	
	/* content */
		.content  { float:left; background:url(../images/backgrounds/pointCCC.jpg) repeat-y 617px 0;}
			span.videoIndexIconBorder {border:1px solid #ccc; padding:2px; float:left;} 
			a.videoIndexIcon  { width:252px; height:90px; float:left; background:url(../images/backgrounds/indexVideoIcon.jpg) no-repeat;}
			a.videoIndexIcon:hover  { background-position: 0 -90px;}
			
			a.videoGamishIcon  { width:252px; height:90px; float:left; background:url(../images/backgrounds/GarmischVideoIcon.jpg) no-repeat;}
			a.videoGamishIcon:hover  { background-position: 0 -90px;}
			
			a.videoCanyonRunIcon  { width:252px; height:90px; float:left; background:url(../images/backgrounds/CanyonrunVideoIcon.jpg) no-repeat;}
			a.videoCanyonRunIcon:hover  { background-position: 0 -90px;}			
						
			a.videoRealIcon  { width:252px; height:90px; float:left; background:url(../images/backgrounds/indexVideoIconReal.jpg) no-repeat;}
			a.videoRealIcon:hover  { background-position: 0 -90px;}
			
			a.BackCountryVideoIcon  { width:252px; height:90px; float:left; background:url(../images/backgrounds/BackCountryVideoIcon.jpg) no-repeat;}
			a.BackCountryVideoIcon:hover  { background-position: 0 -90px;}
			
			a.kmzIcon  { width:252px; height:90px; float:left; background:url(../images/backgrounds/kmzIcon.jpg) no-repeat;}
			a.kmzIcon:hover  { background-position: 0 -90px;}
			
			a.googleMapIcon  { width:252px; height:90px; float:left; background:url(../images/backgrounds/googleMapIcon.jpg) no-repeat;}
			a.googleMapIcon:hover  { background-position: 0 -90px;}
			
		.grayIndexBox  { background:#EBEBEB; margin:20px 0 0 0;}
			.grayIndexBox ul { float:left; padding:0 10px 0 10px; margin:10px 0 10px 0; background:url(../images/backgrounds/grayIndexBoxBlueLines.jpg) repeat-y;}
				.grayVacBoxIn { float:left; padding:0 10px 0 10px; width:875px; margin:10px 0 10px 0; background:url(../images/backgrounds/grayBoxBackVac.jpg) repeat-y;}
				.grayIndexBox ul.grayBoxUlVac { float:left; padding:0px; margin:0px 0; background:none;}
			.grayIndexBox li { float:left; width:271px;}
				.grayIndexBox li.grayBoxLiVac {width:98px;}
			.grayIndexBox li.blueVerLine { width:31px; height:20px; }
			.grayIndexBox li.blueVerLineVac { width:31px; height:20px; }
			
			.grayIndexBox li span.gayBoxSpan { font-size:11px; color:#888; padding:4px 0 0 0; float:left;}
			
			.grayIndexBox li span.priceVacOmotac { margin:8px 0 0 0; padding:1px; background:#EBEBEB; border:1px solid #fff; float:left;}
			.grayIndexBox li span.priceVac { font-size:12px; width:86px; text-align:center; color:#5780AC; font-weight:bold; background:#fff; padding:4px; float:left;}
			
						
	/* end content */
	
.footer  { text-align:center; margin:8px 0 10px 0;}
	.footer p { color:#666; font-size:11px; padding:0px;}
	.footer span { color:#577FAC;}
	
/* --- end body ----*/	

.horDashedLine   { height:1px; font-size:0px; clear:left; background:url(../images/backgrounds/horDashedImg.jpg) repeat-x 0 center;}

ul.mailForm  { margin:10px 0 0 0;}	
	ul.mailForm li span {clear:left; float:left; padding:0 0 4px 0;}
	
	ul.mailForm li span.textMail{clear:left; padding:0 0 8px 0;}
		ul.mailForm li span.textMail input, ul.mailForm li span.textMail textarea  { border:1px solid #ccc; padding:2px; font-size:11px; color:#666;}
		ul.mailForm li span.textMail input {width:220px;}
		ul.mailForm li span.textMail textarea {width:592px; height:220px;}

.miniRightList li  { float:left; clear:left; padding:0 0 6px 0; width:250px;}		
.miniRightList li span { font-size:12px; float:left; color:#999; float:left; padding:0 0 2px 0;}
		
	.miniRightList li span.titleMail { width:58px;}
	.miniRightList li span.textMail { width:192px;}		
	
	.miniRightList li a { font-size:12px; color:#999;}
	.miniRightList li a:hover { font-size:12px; color:#777;}
	
/* ---- infoForm ----*/
ul.infoForm  { margin:0px;}	
	ul.infoForm li {clear:left; }
		ul.infoForm li.headInfo { border:1px solid #ccc; background:#577FAC; font-size:14px; color:#fff; padding:5px; margin:8px 0 0 0; }
		ul.infoForm li ul {clear:none; float:left; padding:8px 0 4px 0; }
			ul.infoForm li ul li {clear:none; float:left; width:447px; padding:0px; }
	ul.infoForm span {clear:left; float:left; padding:0 0 4px 0; width:auto;}
	
	ul.infoForm span.textInfo{clear:left; padding:0 0 8px 0;}
		ul.infoForm span.textInfo input, ul.infoForm li span.textInfo textarea  { border:1px solid #ccc; padding:2px; font-size:11px; color:#666;}
		ul.infoForm span.textInfo input {width:280px;}
		ul.infoForm span.textInfo textarea {width:400px; height:220px;}	
		
/* --- estateUl ----*/
ul.estateUl  { margin:4px 0 0 0;}
	ul.estateUl li  { font-size:12px; color:#666; font-weight:bold; padding:4px 0 4px 12px; background:url(../images/backgrounds/pointShadowBlue.jpg) no-repeat 0 6px;}
	
/* ---- indexVideo -----*/
.indexVideo { float:left; margin:0px; background:#eee; border-top:1px solid #ccc; border-bottom:1px solid #ccc; width:646px;}

/* ----	vacationUl ------*/
.vacationUl { margin:0px;}	
	.vacationUl li  { padding:8px 0 8px 0; clear:left; float:left;}
		.vacationUl li.horDashedLine  { float:none; padding:0px;}
	.vacationUl li ul li { clear:none; float:left; padding:0px;}
		.vacationUl li ul li.vacationUlImg { width:136px;}
			.vacationUl li ul li.vacationUlImg img{ width:120px; }
		.vacationUl li ul li.vacationUlText { width:454px;}
			.vacationUl li ul li.vacationUlText span { clear:left; width:454px; float:left; padding:0px 0 4px 0;}
			.vacationUl li ul li.vacationUlText span.moreVac { padding:0px; border:1px solid #ddd; background:#F3F3F3; margin:5px 0 0 0;}
			.vacationUl h2 { font-size:16px;}
			
/*-- videoFull ----*/
.videoFull  { margin:10px 0 0 0; background:#eee; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}