/* ================================================ G L O B A L ============================================ */
html, body, form, fieldset, 
table, caption, tr, td, th,  
div, p, ul, ol, li, a, img, 
dl, dt, dd, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0px solid; }

html 		{ font-size: 100.01%; text-align: center; }
body, table { font-family: Arial, sans-serif;}
body 		{ background: #eaeaea url("../images/bg.png") repeat left top; font-size: 75%; color: #515151; line-height: 1.5em; /* = LH */   }
table 		{ font-size: 100%; }

	/* non semantic */
hr      		{ display: none; }
.hidden 		{ position: absolute; top: -9999px; left: -9999px; }
.clr			{ clear: both; height: 0; overflow: hidden; font-size: 1px; border: 0; padding: 0; margin: 0; line-height: 0; }
.replace		{ position: absolute; top: 0; left: 0; overflow: hidden; z-index: 1; display: block; }
.clearfix:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; }
.opacity:hover 	{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }

	/* list style */
ul	{ list-style-type: none; }	

	/* links */
a					{ color: #1269b3; text-decoration: underline; outline: none; }
a:focus, a:hover	{ color: #1269b3; text-decoration: none; }

	/* text flow */
p, dl, dd, ul, ol, 
table, form, blockquote { margin-bottom: 1.5em; /* = LH */ }
ul, ol, dd, blockquot	{ margin-left: 1.5em; /* = LH */ }
blockquote 				{ margin-right: 1.5em; /* = LH */ }
sup, sub 				{ line-height: 0; }

	/* font-weight */
h1, h2, h3, h4, h5, h6	{ font-weight: bold; }
th, strong, dt,  
dfn 					{ font-weight: bold; }

	/* font style */
em, dfn, q, cite 		{ font-style: italic; }

	/* headings */
h1, h2, h3,
h4, h5, h6			{ line-height: 1.5em; }
h1					{ font-size: 2em; }
h2					{ color: #000; font-size: 1.5em; }
h3					{ color: #000; font-size: 1.5em; }

	/* illustrations */
p.img		{ margin: 0 !important; }
p.img img, 	
p img.right { float: right; margin: 0.5em 0 0.5em 1em; }
p img.left 	{ float: left; margin: 0.5em 1em 0.5em 0; }

	/* float and aling */
.fl	{ float: left; }
.fr	{ float: right; }
.al	{ text-align: left; }
.ac	{ text-align: center; }
.ar	{ text-align: right; }

    /* table */
table 			{ width: 100%; border-collapse: collapse; border: 0; padding: 0; margin: 0; }
table td,
table th 		{ padding: 4px 10px; text-align: left; color: #000; border: solid #E0E0E0; border-width: 1px 0; vertical-align: middle; }
table th		{ color: #414141; font-weight: bold; }
table tr.odd td,
table tr.odd th	{ background: #F1F1F1; }

	/* forms */
form input,
form textarea			{ font-family: Arial, sans-serif; font-size: 1.0em; overflow: visible;}	
form textarea 			{ min-height: 79px; }
form ol 				{ list-style-type: none; margin: 0; }
form ol li input.text,
form ol li textarea 	{ padding: 5px; }
form ol li label 		{ color: #414141; font-size: 1.0833em; display: block; margin-bottom: 0.3em; }
form ol li label span 	{ color: #ff0000; }
form ol li.submit		{ cursor: pointer; float: right; }
form ol li.submit input { color: #000; overflow: visible; padding: 5px 10px; cursor: pointer; }
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="image"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner { border: 0; padding: 0; margin: 0; }

    /* text font */
h1, h2, #content p.first, #bottom p, #contact a, #contact-box .right p      { font-family: 'Dosis', sans-serif; }

    /* buttons */
a.button            { display: inline-block; color: #fff; padding: 15px 27px; text-decoration: none; font-size: 1.3333em; font-weight: bold; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ background-color: #ed1b00; /* layer fill content */ -moz-box-shadow: inset 0 -4px 0 rgba(0,0,0,.2); /* inner shadow */ -webkit-box-shadow: inset 0 -4px 0 rgba(0,0,0,.2); /* inner shadow */ box-shadow: inset 0 -4px 0 rgba(0,0,0,.2); /* inner shadow */ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjA5Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjA5Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */ background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.09) 0%, rgba(255,255,255,.09) 100%); /* gradient overlay */ background-image: -o-linear-gradient(bottom, rgba(0,0,0,.09) 0%, rgba(255,255,255,.09) 100%); /* gradient overlay */ background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.09) 0%, rgba(255,255,255,.09) 100%); /* gradient overlay */ background-image: linear-gradient(bottom, rgba(0,0,0,.09) 0%, rgba(255,255,255,.09) 100%); /* gradient overlay */ }
a.button:hover      { background: #ef442d; }

    /* rounding */
.rounding			{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }


/* ======================================================================================================== */

#head				{ width: 100%; }
#main               { margin: 0 80px; padding: 60px 60px 0; background: #fff; border: 3px solid #ed1c00; }
#content			{ width: 100%; }
.page				{ width: 940px; margin: 0px auto; text-align: left; }
#foot				{ margin: 0 80px 0; }

/* ======================================================================================================== */

/* ---------------------------------------/ TOP BOX /----------------------------------------------------- */

    /* logo */
#logo			{ float: left; font-weight: bold; font-size: 1em; padding: 43px 0 0; }
#logo span		{ line-height: 1.3em; }
#logo .red		{ color: #ed1c00; font-size: 3em; padding: 0 3px 0 100px; margin-top: -9px; display: block; float: left; }
#logo .white	{ background: #696969; display: block; float: left; width: 35px; height: 35px; line-height: 29px; font-size: 2em; color: #fff; text-align: center; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; }

    /* akplast */
#akplast		{ background: url("../images/bg-akplast.png") no-repeat left top; width: 391px; height: 128px; float: right; }
#akplast p		{ float: right; padding: 17px 80px 0 0; }
#akplast a		{ color: #fff; }
#akplast span	{ font-size: 1.0833em; color: #fff; }


/* ---------------------------------------/ CONTENT BOX /------------------------------------------------- */

#content h2			{ color: #ed1c00; font-size: 2em; padding: 0 0 19px; }
#content p.first	{ font-size: 2em; font-weight: 500; line-height: 1.48em; margin: 0 0 33px; }
#content p			{ font-size: 1.25em; line-height: 1.7em; }	
#content ul			{ margin: 0; }
#content ul li		{ font-size: 1.25em; line-height: 1.7em; padding: 0 0 6px 29px; background: url("../images/bg-li.png") no-repeat left 5px; }
#content ul li span	{ display: block; }
#content .shift 	{ padding-top: 20px; }

    /* offer */
#offer				{ background: url("../images/bg-offer.jpg") no-repeat left bottom; margin: 0 -60px 38px; padding: 0 60px 87px; width: 100%; }
#offer li			{ float: left; width: 232px; padding-right: 20px; }

    /* technology */
#technology			{ padding: 11px 60px 35px; background: url("../images/bg-technology.jpg") no-repeat left bottom; margin: 0 -60px 30px; }

    /* why */
#why				{ background: url("../images/bg-why.jpg") no-repeat left bottom; margin: 0 -60px; padding: 16px 60px 39px; width: 100%; }

    /* contact box */
#contact-box                { margin: 0 -60px; padding: 33px 60px 0; }
#contact-box .left          { float: left; width: 35%; }
#contact-box .left span     { display: block; line-height: 1.4167em; }
#contact-box .left span.shift  { padding-top: 24px; }
#contact-box .right         { float: right; width: 65%; margin-right: -30px; text-align: center; }
#contact-box .right p       { font-size: 1.8333em; font-weight: bold; color: #5a5a5a; line-height: 1.25em; padding: 47px 0 10px; margin: 0; }
#contact-box .tel           { text-decoration: none; color: #515151; }

    /* map cover */
#map-cover                  { padding: 7px 0 40px; }
#map-cover #map-border      { border: 1px solid #cfcfcf; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }    
#map-cover #map             { width: 642px; height: 200px; }

    /* bottom */
#bottom             { background: #ed1c00; margin: 0 -60px; padding: 30px 60px 37px; position: relative; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; }
#bottom p			{ font-size: 2em; color: #fff; width: 450px; line-height: 1.25em; margin: 0 0 24px; }
#bottom span		{ display: block; color: #fff; font-size: 1.5em; }

    /* bottom - contact */
#contact			{ position: absolute; width: 199px; height: 92px; top: 38px; right: 60px; background: url("../images/bg-contact.png") no-repeat 83px top; }
#contact a			{ background: url("../images/bg-button.png") #070808 no-repeat left top; width: 199px; height: 44px; display: block; text-align :center; line-height: 44px; color: #fff; text-decoration: none; font-size: 1.5em; font-weight: bold; text-transform: uppercase; margin: 49px 0 0; }
#contact a:hover	{ background-position: left -64px; background-color: #222626; }


/* ---------------------------------------/ FOOT BOX /---------------------------------------------------- */

    /* create */
#copy				{ position: relative; line-height: 44px; font-size: 1.3333em; margin-top: 7px; float: left; }
#copy span		{ display: block; background: url("../images/foot-logo.png") no-repeat left top; width: 112px; height: 44px; }

    /* create */
#create			{ background: url("../images/create-logo.png") right 2px no-repeat; margin-top: 18px; padding: 0 40px 10px 0; float: right; text-align: right; }
#create p		{ display: block; margin: 0; padding: 0; font-size: 0.9167em; color: #6c6c6c; }
#create a		{ color: #6c6c6c; }
#create ul		{ margin: 0; }
#create ul li		{ float: left; line-height: 1em; border-left: 1px solid #8e8e8e; margin-left: 7px; padding-left: 7px; }
#create ul li a	{ font-size: 0.9167em; color: #6c6c6c; }
#create ul li:first-child		{ margin: 0; padding: 0; border: 0; }