@font-face {
	font-family: 'GraublauWebRegular';
	src: url('/fonts/GraublauWeb.eot');
	src: local('Graublau Web'), local('GraublauWeb-Regular'), url('/fonts/GraublauWeb.woff') format('woff'), url('/fonts/GraublauWeb.ttf') format('truetype'), url('/fonts/GraublauWeb.svg#GraublauWeb-Regular') format('svg');
}

body {position: relative; margin: 0px; padding: 0px; background: #243d54 url('/images2/bg.png') 0 0 repeat; color: #000; font-size: 12px;}
body, input, select, textarea {font-family: Arial, sans-serif;;}

form {margin: 0; padding: 0;}
input {vertical-align: middle;}

/* Headers and paragraphs */
h1, h2, h3, h4, h5, h6 {font-size: 1em; color: #000; font-family: 'GraublauWebRegular', 'Geneva CE', lucida, sans-serif; font-weight: bold; margin: 0.5em 0 0.3em; padding: 0;}
h1 {font-size: 30px;}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}
h5 {font-size: 1em;}
h6 {font-weight: normal;}

p {font-size: 12px; margin: 0 0 0.1em;}

/* link */
a {color: #000; outline: none;}
a:hover {color: #000; text-decoration: none;}
a span {cursor:pointer;}

/* list */
ul, ol {margin: 1.33em 0; padding: 0 20px;}
ul ul, ul ol, ol ul {margin: 0;}
li {margin-left: 35px; padding: 2px 0;}
ul li {list-style: square;}
ol li {list-style: decimal;}
.no-bullets li {margin-left: 0; list-style: none;}

/* image */
img {border: 0;}
img.image-left {float: left;  margin: 3px 8px 2px 0;}
img.image-right {float: right; margin: 5px 0 5px 15px;}
img.image-border {border: 1px solid #DBDBDB; padding : 2px;}
span.image-left  {float: left;  margin: 3px 8px 2px 0;}
span.image-right {float: right; margin: 3px 0 2px 8px;}

/* other */
.fleft {float: left;}
.fright {float: right;}

.clear {clear: both;}
.nodisplay, hr {display: none;}

/* CMS layout */ 
#info {position: absolute; width: 100%; top: 30px; color: #fff; font-size: 16px; font-weight: bold; padding: 10px; text-align: center; background: #0072bc; cursor: pointer;}     

#header {width: 100%; background: #747474 url('/images2/header-bg.png') 0 0 repeat;}
#header .header-in {position: relative; width: 997px; height: 430px; margin: 0 auto; padding: 98px 0 0 0;}
#header h1 {width: 481px; height: 143px; background: url('/images2/bluebox-logo.png') 0 0 no-repeat; margin: 0 auto; padding: 0; overflow: hidden}
#header h1 a {display: block; width: 481px; height: 143px; overflow: hidden; text-indent: -999px;}  
#header h2 {width: 479px; height: 54px; background: url('/images2/h2-zacnete.png') 0 0 no-repeat; margin: 54px auto 0 auto; padding: 0; overflow: hidden; text-indent: -999px;} 
#header p {width: 550px; color: #FFF; font-size: 24px; font-family: 'GraublauWebRegular', 'Geneva CE', lucida, sans-serif; margin: 15px auto 0 auto; padding: 0; text-align: center;} 
#header p a {color: #b5e7fa; text-decoration: none;} 
#header p a:hover {color: #b5e7fa; text-decoration: underline;} 

#content {width: 100%; background: #dfe0e3 url('/images2/content-bg.png') 0 0 repeat;}
#content .content-in {position: relative; width: 997px; margin: 0 auto; padding: 70px 0;}     
#content .content-top {height: 4px; background: #dfe0e3 url('/images2/content-top.png') 0 0 repeat-x;}     
#content .content-bottom {height: 4px; background: #dfe0e3 url('/images2/content-bottom.png') 0 0 repeat-x;}     
#content .content-left {float: left; width: 530px;}     
#content .content-right {float: left; width: 467px;}     
#content ul,
#content li {margin: 0; padding: 0; list-style: none;}
#content .content-left h2.features {width: 385px; height: 63px; background: url('/images2/h2-features.png') 0 0 no-repeat; margin: 0; padding: 0; overflow: hidden; text-indent: -999px;}     
#content .content-left p {width: 450px; color: #1e1e1e; font-size: 18px; line-height: 1.3; margin: 75px 0; padding: 0; text-shadow: #fff 0px 1px 0;}       
#content .content-left li {float: left; margin: 0 15px 0 0;}       
#content .content-right h3 {color: #1e1e1e; font-size: 18px;}
#content .content-right p {color: #444444; font-size: 13px; line-height: 1.4; text-shadow: #fff 0px 1px 0; text-align: justify;}
#content .content-right li {margin: 0 0 15px 0; padding: 0 0 0 60px;}
#content .content-right li.basket {background: url('/images2/ico-basket.png') 0 0 no-repeat;}
#content .content-right li.transport {background: url('/images2/ico-transport.png') 0 0 no-repeat;}
#content .content-right li.variants {background: url('/images2/ico-variants.png') 0 0 no-repeat;}
#content .content-right li.mark {background: url('/images2/ico-mark.png') 0 0 no-repeat;}
#content .content-right li.profesional {background: url('/images2/ico-profesional.png') 0 0 no-repeat;}

#foot {width: 100%;}
#foot .foot-in {position: relative; width: 997px; margin: 0 auto; padding: 35px 0;} 
#foot .foot-in p {color: #bbbbbb; font-size: 14px; text-align: center;}
#foot .foot-in a {color: #fff; text-decoration: none;}