@font-face {
	font-family: 'MyriadPro-Regular';
	src: url("../Fonts/MyriadPro-Regular.otf");
	src: url('../Fonts/MyriadPro-Regular.eot');
	src: url('../Fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('../Fonts/MyriadPro-Regular.woff') format('woff'),
		/* url('../Fonts/MyriadPro-Regular.ttf') format('truetype'), */
		url('../Fonts/MyriadPro-Regular.svg#simple') format('svg');
}

/* @font-face {
	font-family: 'MyriadPro-Regular';
	src: url('../Fonts/MyriadPro-Regular.eot');
	src: url('../Fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('../Fonts/MyriadPro-Regular.woff') format('woff'),
		url('../Fonts/MyriadPro-Regular.ttf') format('truetype'),
		url('../Fonts/MyriadPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
} */

  
/* ****************************************************************************
	reset
**************************************************************************** */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit}
del,ins{text-decoration:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{font-size:100%}
a {cursor:pointer}
a, a:active, a:visited { color: #000; text-decoration: none; outline: medium none; }

.clearfix:before,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden
}
.clearfix:after {clear: both}
.clearfix {zoom: 1}


html { font-size: 12px; font-family: 'MyriadPro-Regular', Verdana; }
body { min-width: 635px; }



/* index.html */
#front-page { overflow: hidden; }
#front-page-table { width: 100%; background-color: #FFF; text-align: center; }
#front-page-table a { text-decoration: none; display: block; outline: none; }
#front-page-table span { font-size: 1.2em; color: #000; display: block; }
#front-page-table td:hover span { color: #FFF; }
#front-page-table td { background-repeat: no-repeat; background-position: center center; position: relative; }
#front-page-table td:hover { background-color: #000; }
#front-logistika { width: 50%; background-image: url(../images/logistika-front-black.png); }
#front-logistika:hover { background-image: url(../images/logistika-front-white.png); }
#front-paslaugos { width: 50%; background-image: url(../images/paslaugos-front-black.png); }
#front-paslaugos:hover { background-image: url(../images/paslaugos-front-white.png); }


/* front.html */
#main-page { overflow: hidden; }


/* paslaugos.html */
#paslaugos-page .fixed-item-left { background-image: url(../images/paslaugos-front-grey.png); }
#paslaugos-page .content-table .item-center { background-color: #000; color: #FFF; font-size: 15px; line-height: 24px; padding-top: 60px; }
#paslaugos-page .content-table .item-center ul { list-style-position: inside; }


/* projektai.html */
#projektai-page .fixed-item-left { background-image: url(../images/projektai-front-grey.png); }
#projektai-page .content-table .item-center { text-align: center; font-size: 15px; padding-top: 0; }


/* kontaktai.html */
#kontaktai-page .fixed-item-left { background-image: url(../images/kontaktai-front-grey.png); }
#kontaktai-page .content-table .item-center { background-color: #000; color: #FFF; font-size: 15px; line-height: 20px; padding-top: 60px; }
#kontaktai-page .content-table .item-center a { color: #FFF; text-decoration: underline; }


/* logistika.html */
#logistika-page.narrow .content, #logistika-page.small .content { margin-top: 50px; }
#logistika-page .content { margin-left: 18%; margin-top: 140px; font-size: 15px; margin-bottom: 0; }
#logistika-page .content p.about { width: 300px; }
#logistika-page.narrow { position: relative; }
.narrow  #map-container { position: static; width: 635px; text-align: right; }
.narrow  #map { width: 635px; }
#map-container { position: fixed; right: 0; bottom: 0; }


/* meniu */
.items-div { font-size: 15px; height: 152px; width: 405px; margin-left: auto; margin-right: auto; margin-bottom: 50px; }
.items-table td { text-align: center; background-repeat: no-repeat; background-position: 10px 10px; vertical-align: bottom; padding: 10px; }
.items-table a { display: block; width: 115px; float: left; }
.items-table a.item-img { height: 115px; }
.items-table a.item-text {  }
.item-paslaugos { background-image: url(../images/paslaugos-front-black.png); }
.item-paslaugos:hover { background-image: url(../images/paslaugos-front-grey.png); }
.item-technika { background-image: url(../images/projektai-front-black.png); }
.item-technika:hover { background-image: url(../images/projektai-front-grey.png); }
.item-kontaktai { background-image: url(../images/kontaktai-front-black.png); }
.item-kontaktai:hover { background-image: url(../images/kontaktai-front-grey.png); }


/* turinys */
.narrow .content { margin-bottom: 72px; }
.content {  }
.content-table { width: 100%; min-width: 635px; }
.content-table .item-left { width: 20%; min-width: 115px; background-repeat: no-repeat; background-position: center 30px; text-align: center; font-size: 15px; color: #666; vertical-align: top; }
.content-table .item-left .space { height: 145px; }
.content-table .item-center { width: 60%; padding: 30px 30px 60px 60px; }
.content-table .item-right { width: 20%; }
/* kaire turinio puse */
.small .fixed-item-left { top: 152px; }
.narrow .fixed-item-left { position: absolute; }
.fixed-item-left { width: 20%; height: 152px; min-width: 115px; text-align: center; font-size: 15px; color: #666; position: fixed; z-index: 997; top: 235px; background-repeat: no-repeat; background-position: center 0; }
.fixed-item-left .space { height: 115px; }


/* kontaktai */
.small .contacts-bottom {  }
.narrow .contacts-bottom { position: absolute; width: 623px; height: 55px; bottom: 0; left: 0; text-align: center; border-top: 5px solid #DDD; }
.contacts-bottom { position: fixed; z-index: 999; right: 5%; bottom: 10%; text-align: right; width: 120px; font-size: 15px; background-color: #FFF; padding: 6px; }
.contacts-bottom a { color: #22C; }


/* atgal mygtukas */
.small .contacts-bottom {  }
.narrow .back { background-color: #DDD; left: 20px; bottom: 20px; }
.back { position: fixed; z-index: 999; left: 5%; bottom: 10%; text-align: left; width: 30px; }
.back a { background-color: #E8E8E8; display: block; padding-top: 3px; padding-left: 5px; }
.back a:hover { background-color: #CCC; }