/* @override http://localhost/orders/23-iti/web/css/frontend.css */

/* @group reset */

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }



/* @end */

/* @group typo *//* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #222; 
  background: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { margin-bottom: 0.75em; color: #004f94; font: 18px verdana; text-transform: uppercase; }
h2.normal { text-transform: capitalize; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }



/* @end */

/* @group special */

.clearfix:after { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }

.clearfix { min-height: 1%; _height: 1%; }

.fl { float: left; }

.fr { float: right; }

.al { text-align: left; }

.ar { text-align: right; }

/* @end */
/* @group basic */

.hidden { display: none; }



/* @end */

/* @group layout */

#container { width: 941px; margin: auto; }

/* @group upline */

ul.language { list-style-type: none; margin: 10px 5px 5px 0; }

ul.language li { float: right; margin-left: 14px; }

ul.language li a { display: block; background: url(../images/frontend/sprite.png) 0 -15px; width: 16px; height: 11px; }

ul.language li.sk a { background-position: 0 -15px; }

ul.language li.sk a:hover { background-position: -49px -15px; }

ul.language li.hu a { background-position: 0 -33px; }

ul.language li.hu a:hover { background-position: -49px -33px; }

ul.language li.de a { background-position: 0 -51px; }

ul.language li.de a:hover { background-position: -49px -51px; }

ul.language li.en a { background-position: 0 -69px; }

ul.language li.en a:hover { background-position: -49px -69px; }

ul.language li a span { display: none; }



/* @end */

/* @group header */

#header { width: 941px; height: 143px; background-image: url(../images/frontend/header.jpg); }

#header h1 { display: none; }

#header img.home { width: 95px; height: 85px; margin-top: 27px; margin-left: 30px; }



/* @end */

/* @group menu */

#menu { height: 58px; position: relative; background: url(../images/frontend/menu_background.png) repeat-x; }

#menu ul.menu { list-style-type: none; margin: 0px; float: left; padding-top: 14px; padding-left: 14px; }

#menu ul.menu li { float: left; margin-right: 10px; }

#menu ul.menu li:hover, #menu ul.menu li.active { background: url(../images/frontend/menu_button.png) right; }

#menu ul.menu li a { color: #000; font: 12px Verdana, Tahoma; text-decoration: none; display: block; padding: 10px;  margin-right: 5px; }

#menu ul.menu li:hover a, #menu ul.menu li.active a { background-image: url(../images/frontend/menu_button.png); color: #004f94; }

#menu .unicef-link { background: url(../images/frontend/sprite.png) 0 -527px; display: block; width: 89px; height: 30px; position: absolute; top: 15px; right: 250px; }

#menu .unicef-link img { width: 89px; height: 30px; }




/* @end */

/* @group search */

#search { float: right; background: url(../images/frontend/sprite.png) 0 -430px; padding: 16px 50px 10px 33px; margin-top: 7px; margin-right: 5px; }

#search input { background: transparent; border: none; width: 180pxm; color: #717171; font-style: italic; }

#search input.active { font-weight: normal; font-style: normal; color: #262626; }



/* @end */

/* @group body */

#body { margin-top: 10px; }

#primary { float: left; width: 700px; _width: 695px; margin-left: 12px; }

#primary h2 { border-bottom: 1px solid #c2d2e0; }

#secondary { float: left; width: 224px; }



/* @end */

/* @group footer */

#footer { border-top: 1px solid #bacfe2; font: 10px verdana; color: #747474; padding: 15px; margin: 10px; }



/* @end */



/* @end */

/* @group title */

h2.title { background-image: url(../images/frontend/sprite.png); }

h2.title.used_machines { width: 224px; height: 39px; background-position: -2px -147px; }

h2.title.query_offer { width: 224px; height: 39px; background-position: 0px -326px; }

h2.title.contact { width: 224px; height: 39px; background-position: 0px -370px; }

h2.title span { display: none; }



/* @end */

/* @group product list */

ul.product { list-style: none; padding: 0; }

ul.product li { padding: 15px 20px; border-bottom: 1px solid #e3e8ee; }

ul.product li:hover { background: #ebf2f8; }

ul.product li div.picture { float: left; width: 97px; }

ul.product li div.picture img {  }

ul.product li h3 { float: left; padding-left: 45px; font: bold 13px Verdana, Tahoma; color: #303030; margin-top: 8px; width: 500px; }

ul.product li h3 a { font: bold 13px Verdana, Tahoma; color: #303030; text-decoration: none; }

/* @group category_menu */

ul.category_menu { list-style-type: none; padding: 0; _padding-top:7px; white-space: normal; }

ul.category_menu li { margin: 0; padding: 0; }

ul.subcategory_menu { list-style-type: none; padding: 0; display: none; }

ul.category_menu li.active ul.subcategory_menu { display: block; }

ul.category_menu a, ul.subcategory_menu a { font: 11px Verdana, Tahoma; color: #555; text-decoration: none; display: block; padding-top: 8px; padding-bottom: 8px; text-transform: uppercase; padding-left: 16px; border-bottom: 1px solid #e3e8ee; _height: 1px; }

ul.category_menu.small a { text-transform: capitalize; }

ul.subcategory_menu a { padding-left: 32px; }

ul.category_menu a.active, ul.subcategory_menu a.active { color: #004f94; font-weight: bold; }



/* @group subcategory_menu */



/* @end */



/* @end */



/* @end */

/* @group product show */

div.product {  }
div.download_video {
	background: url(../images/frontend/download-video.png);
	width: 323px;
	height: 25px;
	padding-top: 10px;
	padding-left: 15px;
}
div.download_video a {
	color: #333;
	text-decoration: none;
}
h3.product { margin-top: 15px; margin-bottom: 0; }

div.product div.picture { border: 1px solid #bbbaba; padding: 5px; float: left; }

div.product div.description { float: right; width: 305px; background-color: #ecf3f8; height: 116px; font: 10px Verdana, Tahoma; overflow: hidden; position: relative; padding: 20px 15px; }

/* @group arrows */

div.description .arrow-up { width: 9px; height: 6px; background: url(../images/frontend/sprite.png) -18px -508px; position: absolute; top: 10px; right: 10px; }

div.description .arrow-down { width: 9px; height: 6px; background: url(../images/frontend/sprite.png) 0 -508px; position: absolute; bottom: 10px; right: 10px; }



/* @end */

div.product div.params { float: right; width: 335px; background-color: #ecf3f8; height: 89px; font: 10px Verdana, Tahoma; overflow: hidden; position: relative; margin-bottom: 12px; }

div.product div.params ul { list-style-type: none; margin-top: -1px; }

div.product div.params li { font-weight: bold; border-bottom: 1px solid #c1c6ca; padding: 4px 20px; }

div.product div.params li strong { font-weight: normal; font-style: normal; }

div.product div.description .wrap { position: absolute; }

div.product div.description .content { padding: 20px 15px 20px 20px; }

div.product_gallery
 { margin-top: 20px; background: #ecf3f8; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; }

div.product_gallery img { margin: 5px; width: 122px; }

div.product_title {  }

div.product_title a.back { display: block; width: 23px; height: 20px; margin-right: 5px; background: url(../images/frontend/sprite.png) 0 -244px; margin-top: 3px; }

div.product_title a.back:hover { background-position: 0 -273px; }

div.product_title a.back span { display: none; }

a.special { display: block; width: 150px; height: 33px; margin-right: 5px; background: url(../images/frontend/sprite.png) -2px -100px; margin-top: -4px; }

a.special span { display: none; }

div.product_title h2 { width: 670px; _width: 650px; margin: 0; }

div.contact { margin-top: 25px; }

div.contact a#contact { color: #212121; background: url(../images/frontend/sprite.png) repeat-y 0 -299px; text-decoration: none; font-size: 14px; padding-left: 20px; border-bottom: 1px solid #e0e0e0; display: block; padding-bottom: 5px; }

div.contact div.question { background-color: #f1f1f1; padding: 20px; }

div.contact div.question.activity { background: #f1f1f1 url(../images/frontend/load.gif) no-repeat center center; }

div.contact div.question.complete { background: #f1f1f1 url(../images/frontend/message-sent.png) no-repeat center center; }

div.contact div.question .fl { width: 200px; }

div.contact div.question .fr { width: 445px; margin-left: 15px; }

div.contact div.question label { display: block; font-size: 10px; color: #000; }

div.contact div.question textarea { width: 440px; _width: 420px; }

div.contact div.question input.text { width: 195px; }

div.contact div.question input.submit { width: 55px; height: 32px; border: none; background: url(../images/frontend/sprite.png) -1px -195px; color: #fff; font-size: 10px; float: right; }

/* @end */

/* @group contact form */

ul.wanted { margin-left: 20px; }

form.feedback {  }

form.feedback.big textarea { height: 158px; }

form.feedback.big input.text { border: 1px solid #737373; padding: 2px; background: #fff; }

form.feedback.big input.text:focus { border: 1px solid #819bbc; }


/* @end */

/* @group contact */

.contact-card { padding: 15px 30px 25px; border-bottom: 1px solid #c2d2e0; }



/* @end */

span.inf { color: #aaa; font-size: 9px; text-decoration: none; }

span.inf img { position: relative; top: 1px; }

#gmap { width: 701px; height: 480px; }