@charset "utf-8";

@media screen,projection {

/* Basics */

body {
margin : 15px auto;
padding : 0 15px;
width : 960px;
color : #666;
font : x-small/1.5 Verdana,sans-serif;
text-shadow : 1px 1px 1px rgba(255,255,255,1);
}

h1, h2, h3, h4, h5, h6,
p, ul, ol, dl {
margin : 0;
padding : 0;
font-size : 100%;
}
h1,
p, ul, ol, dl {
margin-bottom : 16px;
}

#content a {
color : #e74873;
text-decoration : none;
border-bottom : 1px solid #e74873;
-webkit-transition : color,border-bottom-color .4s,.4s;
}
#content a:hover {
color : #333;
border-bottom-color : #666;
}
a:focus {
outline : none;
}
a img {
border : none;
}

hr {
clear : both;
margin : 16px 0 15px 0;
border : none;
border-bottom : 1px solid #e6e6e6;
}

/* Layout */

.one, .two, .three, .third, .left, .right {
display : inline;
float : left;
margin-right : 15px;
position : relative;
}
.one {
width : 180px;
margin : 0 15px 0 0;
}
.two {
width : 375px;
}
.third {
width : 310px;
}
.third:nth-child(3) {
margin-right : 0;
}
.left {
width : 315px;
margin-right : 15px;
padding-bottom : 38px;
}
.right {
width : 630px;
margin-right : 0;
}
.last {
margin-right : 0;
}

html body * .clear {
display : block;
width : 0;
height : 0;
clear : both;
overflow : hidden;
visibility : hidden;
float : none;
margin : 0;
padding : 0;
font-size : 0;
line-height : 0;
list-style : none;
background : none;
border : 0;
}

#content {
margin-top : 38px;
margin-bottom : 38px;
padding-bottom : 38px;
font-size : 110%;
line-height : 16px;
-webkit-font-smoothing : antialiased;
}

/* Header */

h1#top {
position : relative;
width : 960px;
height : 60px;
margin : 0;
background : url(/assets/shared/oblik.png) no-repeat 680px center white;
}
#top a, #top strong {
position : absolute;
display : block;
left : 680px;
top : 10px;
width : 220px;
height : 40px;
color : #fff;				/* IE     */
font : 0px/0 sans-serif;	/* Safari */
text-indent : -3000px;
letter-spacing : -100em; 	/* Opera  */
border : none;
}

/* Navigation */

.menu {
margin : 0;
padding : 0;
list-style : none;
font-size : 110%;
height : 25px;
border-bottom : 1px solid #e6e6e6;
}
.menu li {
display : inline;
}
.menu a, .menu em {
float : left;
height : 21px;
padding : 0 5px;
margin-right : 1px;
color : #666;
font-style : normal;
text-decoration : none;
line-height : 24px;
border-bottom : 4px solid #fff;
-webkit-transition : border-bottom-color .4s;
}
.menu a:hover, .menu .current a, .menu em {
color : #222;
border-bottom-color : #666;
}
.menu li:first-child a, .menu li:first-child em {
padding-left : 0;
}


/* Home */

.block {
height : 440px;
background : #e5e5e5;
}
#content .news a {
border : none;
}
.news h2 {
width : 266px;
height : 1.5em;
overflow : hidden;
margin : 16px 0 0 0;
}
.news p {
width : 266px;
}
.news p.more {
width : 100%;
margin : -32px 0 0 0;
text-align : right;
}

/* Projects */

.project {
height : 145px;
margin : 0 15px 15px 0;
line-height : 1.3;
}
.project:hover {
background-color : #fff;
}
#content .project a {
color : #666;
border : none;
}
.project:nth-child(5n+5) {
margin-right : 0;
}
.project .image {
display : block;
width : 180px;
height : 120px;
background-color : #ddd;
}
.project:hover a .image {
opacity : .7;
}
.project strong {
height : 1.4em;
display : block;
margin-top : 4px;
overflow : hidden;
}

/* Project */

.left h2 {
margin-bottom : 16px;
}
.left p:before {
content : '.';
display : block;
font-weight : bold;
margin-top : -16px;
}
.left ul {
margin : -8px 0 0 0;
padding : 0;
list-style : none;
}
.left ul li {
display : block;
line-height : 24px;
border-bottom : 1px solid #e0e0e0;
}
#content .left ul a {
display : block;
padding-top : 4px;
line-height : 20px;
color : #222;
text-decoration : none;
border-bottom : 4px solid #fff;
-webkit-transition : border-bottom-color .4s;
}
#content .left ul a:hover {
border-bottom : 4px solid #666;
}
p.c_link {
margin-bottom : 48px;
}
#content p.c_link a {
border : none;
}

#image {
position : relative;
overflow : hidden;
width : 630px;
height : 440px;
background : #f7f7f7;
-webkit-tap-highlight-color : rgba(0,0,0,0);
}
#image img {
position : absolute;
opacity : 1;
-webkit-transform : -webkit-translate3d(0,0,0);
}
#cursor {
position : absolute;
}
div.shifter {
position : absolute;
z-index : 99;
cursor : pointer;
cursor : w-resize;
cursor : url(/assets/shared/arrow_l.png), w-resize;
top : 0;
left : 0;
width : 315px;
height : 400px;
background : transparent;
}
#shifter_right {
left : auto;
right : 0;
cursor : e-resize;
cursor : url(/assets/shared/arrow_r.png),e-resize;
}
#icons {
margin : 15px 0;
padding : 0;
list-style : none;
}
#icons li {
cursor : pointer;
float : left;
width : 20px;
height : 14px;
margin : 0;
padding : 0;
margin-right : 5px;
background-color : #e0e0e0;
-webkit-transition : background-color .2s;
}
#icons li.selected, #icons li:hover {
background-color : #666;
}

/* Tables */

table {
width : 100%;
line-height : 2.2;
border-collapse : collapse;
}
tr {
}
td {
padding-bottom : 3px;
background : url(/assets/shared/line.gif) repeat-x left bottom transparent;
}
tr.over td, tr:hover td {
background-image : url(/assets/shared/line_over.gif);
}
#content table a {
color : #666;
text-decoration : none;
border : none;
}

/* Customers */

#customers tr {
vertical-align : top;
}
.name {
width : 320px;
font-weight : bold;
}
.name span {
font-weight : normal;
}
.category {
width : 320px;
}
.year {
}
#customers td {
padding-right : 15px;
}

/* Awards */

#awards {}

#awards .col_first {
font-weight : bold;
}
#awards .col_first span {
float : left;
position : relative;
width : 32px;
height : 24px;
}
#awards .col_first span img {
display : block;
margin : 2px 0 0 2px;
}

/* Network */

#network td:hover {
}

/* News */

.article {
clear : both;
margin : 0 0 16px 0;
border-bottom : 1px solid #e6e6e6;
}
.article h2 {
margin : 0;
}
.news_img {
overflow : hidden;
max-width : 375px;
max-height : 410px;
margin-bottom : 16px;
}

.newsvideo {
position : relative;
width : 375px;
float : right;
margin-right : -395px;
}

}

/**
 * end media screen,projection
 *
 */
 
 /**
 * @media print
 *
 */
 
@media print {

body {
color : #000;
font : 8pt/1.4 'Helvetica Neue',Helvetica,Arial,sans-serif;
}
h1 {
font-size : 140%;
}
h2, h3, h4, h5, h6 {
font-size : 100%;
margin : 0;
}
p {
margin : 0 0 1em 0;
}
a {
color : #000;
text-decoration : none;
}
#content a {
border-bottom : 1px solid #999;
}
hr {
border : none;
border-bottom : 1px solid #ddd;
}

}

/**
 * end media print
 *
 */