body { background: #efefef url(../images/bg-body.png) repeat-x; width: 100%; margin: 0px; padding: 0px; font-family: 'Nova Round', cursive; font-size: 100.01%; color: #333; }
body.default { background: #efefef url(../images/bg-bodyDefault.png) repeat-x; }
	a { color: #ce020c; text-decoration: none; }
		a:hover { color: #ce020c; text-decoration: underline; }
		a:focus { outline: none; }

	img { margin: 0; padding: 0; border: 0; }

	h1, h2, h3, h4, p, ul { line-height: 160%; margin: 0 0 15px 0; }
	
	.widthFix { min-width: 1000px; max-width: 1000px; position: relative; margin: 0 auto; }
	
	.clear { clear: both; padding: 0; height: 0; margin: 0; }

#header { width: 100%; height: 300px; position: relative; z-index: 1; }
.default #header { height: 241px; }
	#header .widthFix { min-width: 1000px; max-width: 1200px; height: 300px; }
	.default #header .widthFix { height: 241px; }
		#logo { width: 800px; height: 200px; padding: 2px 0 0 4px; position: absolute; top: 80px; left: 90px; }
			#logo a { display: block; width: 800px; height: 200px; }
			#logo h1 { color: #fff; text-decoration: none; font-size:400%; font-weight: 200; }
			
		#mainNav { position: absolute; top: 20px; right: 10px; }
			#mainNav ul { margin: 0; padding: 0; list-style-type: none; }
				#mainNav ul li { display: inline; }
					#mainNav ul li a { display: block; float: left; height: 18px; font-size: 18px; font-weight: 100; color: #fff; text-decoration: none; padding: 8px 25px; margin: 0 0 0 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
						#mainNav ul li a:hover, #mainNav ul li.current a { background-image: url(../images/bg-hover.png); background-repeat: repeat; padding: 7px 24px;  border: 1px solid #f5898f; }

#emotion { width: 100%; height: 235px; position: relative; z-index: 10; }
	#emotion .widthFix { height: 205px; background-image: url(../images/shadow.png); background-repeat: no-repeat; background-position: left bottom; }
		#emotion img { display: block; width: 1000px; height: 300px; position: absolute; top: -110px; left: 0; }
		#emotion .info { background-image: url(../images/bg-info.png); background-repeat: repeat; font-size: 24px; font-weight: normal; padding: 15px 40px; color: #fff; line-height: 100%; position: absolute; bottom: 45px; left: 0; }

#emotionDefault { width: 100%; height: 145px; position: absolute; z-index: 10; }
	#emotionDefault .widthFix { height: 145px; background-image: url(../images/shadowDefault.png); background-repeat: no-repeat; background-position: right bottom; }
		#emotionDefault img { display: block; width: 703px; height: 210px; position: absolute; top: -80px; right: 0; }

#columnBox { width: 100%; position: relative; z-index: 10; padding: 0 0 50px 0; }
		#columnBox .serviceBox { width: 230px; float: left; margin: 0 0 0 26px; position: relative; }
		#columnBox .serviceBox.first { margin: 0; }
			#columnBox .serviceBox a { display: block; width: 230px; text-decoration: none; }
			#columnBox .serviceBox img { display: block; width: 230px; height: 166px; margin: 0 0 1px 0; -moz-opacity: 0.75; opacity: 0.75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=25); }
			#columnBox .serviceBox a:hover img { -moz-opacity: 1; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); }
			#columnBox .serviceBox .shadow { background-image: url(../images/shadowInfobox.png); background-repeat: no-repeat; display: block; width: 230px; height: 7px; position: absolute; bottom: 9px; left: 0; }

#main { width: 100%; position: relative; padding: 0 0 30px 0; z-index: 1000; }
	#sidebar { width: 257px; padding: 0 40px 0 0; float: left; }
		#sidebar .infoBox { background: #fff; width: 230px; margin: 0 0 40px 0; font-size: 14px; line-height: 130%; position: relative; }
			#sidebar .infoBox img { display: block; width: 230px; }
			#sidebar .infoBox .text { width: 227px; padding: 15px; position: relative; }
			#sidebar .infoBox .shadow { background-image: url(../images/shadowInfobox.png); background-repeat: no-repeat; display: block; width: 230px; height: 7px; position: absolute; bottom: -8px; left: 0; }
	
		#subNav { width: 257px; padding: 40px 0; }
			#subNav ul { margin: 0; padding: 0; list-style-type: none; }
				#subNav ul li { display: inline; }
					#subNav ul li a { display: block; height: 18px; font-size: 18px; font-weight: normal; color: #333; text-decoration: none; padding: 15px 0; border-bottom: 1px solid #d7d7d7; }
					#subNav ul li:last-child a { border: none; }
						#subNav ul li a:hover, #subNav ul li.current a { background-image: url(../images/arrowSubnav.png); background-repeat: no-repeat; background-position: right center; font-weight: bold; color: #ce020c; }
	
	#content { width: 703px; float: left; font-size: 16px; padding: 0 0 40px 0; }
	.default #content { width: 703px; float: left; font-size: 14px; padding: 180px 0 40px 0; }
		#content h1 { font-size: 26px; color: #ce020c; font-weight: normal; }
		.contact h2 { font-size: 26px; color: #ce020c; font-weight: normal; }
		#content h2 { font-size: 16px; color: #333; font-weight: bold; }
		#content h3 { font-size: 16px; color: #ce020c; font-weight: normal; border-bottom: 1px dotted #333; padding: 15px 0 0 0; margin: 0 0 10px 0; }
		#content ul li { padding: 5px 0px; }

#footer { background: url(../images/bg-footer.png) repeat-x; width: 100%; height: 110px; color: #333; font-size: 16px; font-weight: normal; position: relative; z-index: 1100; }
	#footer .widthFix { height: 110px; }
	#footer a { color: #333; text-decoration: underline; }
	#footer a:hover { color: #ce020c; text-decoration: none; }
	#footerNav { position: absolute; top: -35px; right: 0; }
		#footerNav ul { margin: 0; padding: 0; list-style-type: none; }
			#footerNav ul li { display: inline; }
				#footerNav ul li a { display: block; float: left; font-size: 20px; line-height: 100%; text-decoration: none; color: #333; padding: 7px 0px 7px 30px; }
				#footerNav ul li a:hover, #footerNav ul li.current a { color: #ce020c; }
	#footer .address { line-height: 150%; position: absolute; top: 20px; left: 0px; }
	#footer .contact { line-height: 150%; position: absolute; top: 20px; left: 270px; }
	#footer .logoFooter { background: url(../images/mondragon.jpg) no-repeat; width: 120px; height: 60px; position: absolute; top: 26px; left: 575px; }
	#footer .author { font-size: 13px; line-height: 125%; text-align: right; position: absolute; bottom: 23px; right: 0; }

/* GOOGLE MAPS */
#main-container .responsiveContainer { width: 100%; position: relative; padding-bottom: 60%; height: 0; margin: 0 0 25px 0; overflow: hidden; }
.video.responsiveContainer { padding-bottom: 58%; }
#notice { padding: 5px; white-space: nowrap; }
#notice h4 { font-size: 18px; padding: 0; margin: 0; }
#map, .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* nova-round-regular - latin */
@font-face {
  font-family: 'Nova Round';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nova-round-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/nova-round-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nova-round-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nova-round-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nova-round-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nova-round-v21-latin-regular.svg#NovaRound') format('svg'); /* Legacy iOS */
}