@media screen, print {
	body {background: #294167 none no-repeat 50% 0; color: #474747; font-family: 'Segoe UI', Arial, 'Geneva CE', lucida, sans-serif; font-size: 87.5%; padding: 0; margin: 0; line-height: 1.5em; }
	body .pure-g-r, body .pure-g-r [class*="pure-u"] {font-family: 'Segoe UI', Arial, 'Geneva CE', lucida, sans-serif;}

/*general*/
	a {text-decoration: underline; color: #4A7324;}
	a:hover	{text-decoration: none; color: #AB480F;}
	a:hover img.border {border: 1px solid #AB480F;}
    a img {border: none;}
    a:focus, a:active {outline: none;}
	
/*headings*/
	body .pure-g-r h1, body .pure-g-r h1 [class*="pure-u"], body .pure-g h1, body .pure-g h1 [class*="pure-u"],
	body .pure-g-r h2, body .pure-g-r h2 [class*="pure-u"], body .pure-g h2, body .pure-g h2 [class*="pure-u"],
	body .pure-g-r h3, body .pure-g-r h3 [class*="pure-u"], body .pure-g h3, body .pure-g h3 [class*="pure-u"],
	body .pure-g-r h4, body .pure-g-r h4 [class*="pure-u"], body .pure-g h4, body .pure-g h4 [class*="pure-u"],
	body .pure-g-r h5, body .pure-g-r h5 [class*="pure-u"], body .pure-g h5, body .pure-g h5 [class*="pure-u"],
	body .pure-g-r h6, body .pure-g-r h6 [class*="pure-u"], body .pure-g h5, body .pure-g h6 [class*="pure-u"],
	h1, h2, h3, h4, h5, h6 {font-family: 'Segoe UI', Arial, 'Geneva CE', lucida, sans-serif;}

    h1, h2, h3, h4, h5, h6 {font-weight: bold; color: #547500; padding: 0; line-height: 1.4em; margin: 1.5em 0 1em 0;}
	    h1 {font-weight: normal; font-size: 171.4%; margin: 0; padding: 1.3em 0 0.5em 0;}
		h2 {font-weight: bold; font-size: 135.7%; color: #3d3e3e;}
		h1 + h2 {margin: 0.5em 0 1em 0;}
	    h3 {font-weight: normal; font-size: 121.4%; color: #94AF2B;}
		h4 {font-weight: normal; font-size: 114.3%; margin: 2em 0 0.66em 0;}
	    h5 {font-weight: normal; font-size: 100%; color: #48BFC7; font-style: italic;}
		h6 {font-weight: normal; font-size: 100%; color: #70726D; text-transform: uppercase; letter-spacing: 1px;}
	
/*formatting classes*/
	.left {float: left;}
	.right {float: right;}
	body .text-right {text-align: right;}
	.border {border: 1px solid #ccc; padding: 3px;}
	body img.right {margin: 10px 0 10px 20px;}
	body img.left {margin: 10px 20px 10px 0;}
	body img.border {border: 1px solid #ccc; padding: 5px;}
	
	a.more {display: inline-block; padding: 5px 15px 4px 15px; color: #fff; text-decoration: none; background: #4A7324; border-radius: 5px;}
	a.more:hover {color: #fff; text-decoration: none; background: #AB480F;}
	a.external {padding-right: 12px; background: transparent url(img/ex.gif) no-repeat 100% 50%; text-decoration: none; color: #575757;}
	a.external:hover {color: #94AF2B;}
	a.button {padding: 5px; background: #0054A6; text-decoration: none; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
	a.button:hover {background: #94AF2B}


	a#jump-to-submenu {display: none;}

    .red {color: #de0000;}
    .blue {color: #1278ba;}
    .green {color: #4B9327;}
    .orange {color: #F66025;}
    .grey {color: #474747;}
    .black {color: #000;}

	strong, .strong, b {font-weight: bold;}
    small, .smaller {font-size: 85.7%;}
    .bigger {font-size: 121.4%;}
    body .center {text-align: center;}
    body .justify {text-align: justify;}
	.clear {clear: both;}
	body .w30p {width: 28%;}
	body .w50p {width: 48%;}
	body .w70p {width: 68%;}
	body .hidden {display: none;}
	body .alejGmapCSS img {max-width: none; min-width: 0;}
	
	p {margin: 1em 0 1em 0; padding: 0;}
	ul, ol {padding: 0; margin: 1em 0 1em 1.5em;}
	ul li {margin: 0.5em 0 0.5em 0; padding: 0 0 0 15px; background: transparent url(img/li.gif) no-repeat 0 0.5em; list-style: none; line-height: 1.5em;}
	ol li {line-height: 1.5em; margin: 0.25em 0 0.25em 0.5em;}
	hr {border: 0; color: #ccc; background-color: #ccc; height: 1px;}
	sup {line-height: 1em; position: relative; top: 3px;}

/*tables*/
	table.blackborder {background-color: #ccc; border-spacing: 1px ; border-collapse: separate;}
	table.striped {}
	.striped tbody > tr:nth-child(odd) > td, .striped tbody > tr:nth-child(odd) > th {background-color: #f0f0f0;}
	table.blackborder tbody {background-color: #fff;}
	table.blackborder th, tr.header, td.header, body table.striped th, table.striped tr.header td, body table.striped td.header {background-color: #78787A; color: #fff; font-weight: bold; line-height: 1.3em;}
	table.blackborder th a, tr.header a, td.header a, table.striped th a, table.striped tr.header a, body table.striped td.header a {color: #fff;}
	tr.alt {background-color: #f0f0f0;}

/*position*/
body .width-wrap {max-width: 720px; padding: 0; margin: 0 auto;}
.ie6 .width-wrap, .ie7 .width-wrap, .ie8 .width-wrap {width: 720px;}

#container {}
	/*landing page!*/
	.home {background: #fff url(img/topbg.jpg) repeat-x 0 0; width: 100%;}
	.home #header, .home #body { width: 1060px;  margin: 0 auto;}
	.home #header { padding-top: 40px; height: 108px;}
	.home #footer {width: 100%; background: #fff url(img/bottombg.jpg) repeat-x 0 0; height: 38px; }
	body .home h1 {color: #003D79; font-family: "CantataOne", serif; font-size: 30px; padding-top: 0.5em; padding-bottom: 0;}
	/*#header {background: #fff; padding: 0 2.73% 0 2.73%; margin-top: 10px; position: relative; border-bottom: 1px solid #ccc;}
		#header-left a.home {display: block; float: left;}
		#header-right #menuline {padding: 29px 0;}*/
	.home .contentbg {background: #fff url(img/mobiles.png) no-repeat right bottom;}
	#body {padding: 0;}
	
	/* timeline */
		#top-border {height: 10px; background-color: #23395C; margin: 0;}
		#timeline-container {padding: 15px 30px 0px; margin-bottom: 70px; text-align: center; position: relative; background: none no-repeat center bottom #294167; background-size: 100%;}
			#tour-title {background: #A2BF2F; color: #fff; padding: 15px 40px; text-align: center; font-style: italic; font-weight: bold; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
			#bottombg {position: relative; bottom: 0; height: 100px;  background: url(img/footer-bg.png) no-repeat center bottom #294167; background-size: 100%;}
			#timeline-container .timeline-row-big {height: 60px; position: relative;}
			#timeline-container .timeline-row-normal {height: 56px; position: relative;}
				#arrow-down {margin-bottom: -8px;}
				#timeline-container .timeline-flag {margin-top: 3px; border: 4px solid #A1BF2F; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%;}
				#timeline-container img.timeline-dot {position: absolute; top: -41px; display: block;}
				#timeline-container div.timeline-dot {display: block; width: 23px; height:23px; margin: 0 auto; position: relative;}
				#timeline-container h3.place {font-size: 200%;}
				#timeline-container h4.place {font-size: 171.4286%;}
				#timeline-container h3.place,
				#timeline-container h4.place {display: inline; margin: 0; width: 44%; }
				#timeline-container h3.product-left {position: absolute; left: 0px; padding-right: 17px; background: url(img/arrow-green-large.png) no-repeat right 22px transparent;}
				#timeline-container h4.product-left {position: absolute; left: 0px; padding-right: 14px; background: url(img/arrow-green-small.png) no-repeat right 20px transparent;}
				#timeline-container h3.product-right {position: absolute; right: 0px; padding-left: 17px; background: url(img/arrow-green-large-left.png) no-repeat left 22px transparent;}
				#timeline-container h4.product-right {position: absolute; right: 0px; padding-left: 14px;  background: url(img/arrow-green-small-left.png) no-repeat left 20px transparent;}
					#timeline-container h3.place a,
					#timeline-container h4.place a {display: block; text-decoration: none; color: #fff; font-weight: bold; font-style: italic; background: #A2BF2F; text-align: left; padding: 10px 30px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
				#timeline-container hr.vertical-line {width: 4px; height: 100%; background-color: #A1BF2F; margin: 0 auto;}
				#timeline-container .timeline-row-normal:last-of-type hr.vertical-line {height: 50%;}
				#timeline-container .timeline-row-normal:last-of-type img.timeline-dot {top: -14px;}
	
	/* product detail */
		#product-header {position: relative;}
			#product-header h1,
			#product-header h2 {font-size: 200%; font-weight: bold; font-style: italic; color: #fff; text-align: center;}
			#product-header h1 {background: #A1BF2F; padding: 10px 0;}
			#product-header h2 {background: #94AF2B; margin: 0; padding: 5px 0;}
			#header-flag {position: absolute; left: 30px; bottom: 20px; border: 4px solid #A1BF2F; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%;}
		#product-content {padding: 20px 30px 0; font-size: 157.14286%; line-height: 145.45454%; color: #575757; background: #F5F5F5;}
			#product-shortdesc {margin-bottom: 20px;}
			#product-content p:last-of-type {margin-bottom: 0 !important;}
			#product-content a {color: #0054A6;}
			#product-content a:hover {color: #94AF2B; text-decoration: none;}			
			#product-content .img img {border: 10px solid #fff; box-sizing: border-box;}
			.img-description {padding: 10px; background: #fff; font-size: 85.71429%; display: block; margin-top: 0; font-size: 81.81818%; line-height: 133.33333%;}
	
	/*#footer {background: #435245; padding: 10px 2.73% 10px 2.73%; margin-bottom: 10px; color: #fff; font-size: 85.7%; line-height: 1.25em;}*/
		#product-footer  {text-align: center;  padding: 60px 0 30px; background: url(img/footer-bg.png) no-repeat center bottom #F5F5F5; background-size: 100%;}
			#product-footer a.button {padding: 5px 60px; font-size: 128.57143%; background: url(img/back.png) no-repeat 68% 60% #0054A6; text-decoration: none; color: #fff;}
			#product-footer a.button:hover {background: url(img/back.png) no-repeat 68% 58% #94AF2B;}

/* editor */
	#editor {margin: 0; padding: 10px; width: 680px; border: none; background: #ffffff none no-repeat 0 0;}

}


@media screen and (max-width: 1050px){
	.home #header, .home #body { width: auto; padding-left: 20px; padding-right: 20px; margin: 0 auto;}
	.home .contentbg {background-size: 45%; background-position: 100% 40px;}

}

@media screen and (max-width: 768px){
	.home .contentbg {background: #fff none;}
}

@media screen and (max-width: 840px){
	#timeline-container h3.place,
	#timeline-container h4.place {width: 41%;}
}

@media screen and (max-width: 590px){
	#timeline-container h3.place,
	#timeline-container h4.place {width: 38%;}
}