@charset "UTF-8";
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,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,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
b,strong{font-weight: bold;}
em{font-style: italic;}
ul{list-style:none;}
html, body{
font: 12px Conduit, Arial, Helvetica, sans-serif;
background: #00abd9 url(../images/body.jpg) bottom right no-repeat;
overflow-x: hidden;
z-index: 0;
}
@font-face{
font-family: Conduit;
src: url(http://www.dekoraction.hu/font/ConduHuLig.ttf);
}
@font-face{
font-family: WonderComic;
src: url(http://www.dekoraction.hu/font/WonderComicItalic.ttf);
}
::selection{ /* Safari and Opera */
background:#ffde00;
color:#000000;
}
::-moz-selection{ /* Firefox */
background:#ffde00;
color:#000000;
}
sup,sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}
sup{
	bottom: 1ex;
}
sub{
	top: .5ex;
}
a{
text-decoration: none;
color: #00abd9;
outline: none;
}
div#notfound h1{
font: bold 48px Conduit, Arial;
}
div#notfound p{
font: 16px Conduit, Arial;
}
div#container{
width: 960px;
margin: 0 auto;
padding-bottom: 300px;
position: relative;
z-index: 1;
}
div#magic{
left: 0;
right: 0;
height: 1000px;
position: absolute;
z-index: 0;
background: url(../images/magic.png) 0 -200px repeat-x;
}
div#header{
background: url(../images/header2.png) bottom center no-repeat;
padding: 20px;
height: 180px;
padding-top: 0px;
}
img#logo{
width: 170px;
padding-top: 20px;
}
div#header_wrapper{
width: 960px;
margin: 0 auto;
text-align: center;
}
ul#main_top_menu{
font-weight: bold;
text-shadow: 1px 1px 1px black;
font-family: WonderComic, Arial;
font-size: 20px;
width: 960px;
margin: 0 auto;
margin-bottom: 40px;
position: relative;
z-index: 10;
letter-spacing: -0.02em;
}
ul#main_top_menu span{
background: url(../images/top_li.png) repeat-x;
line-height: 30px;
padding: 5px;
}
ul#main_top_menu a{
color: #ffffff;
display: block;
width: 100%;
height: 100%;
position: relative;
}
ul#main_top_menu a:hover{
color: #ffde00;
}
ul#main_top_menu li{
float: left;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
div#main_news{
padding: 20px;
padding-top: 100px;
background: #080e21;
background-color: rgba(8,14,33,.5);
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
color: #000000;
margin: 5px;
margin-bottom: 20px;
position: relative;
height: 335px;
background: url(../images/newspaper2.png) center center no-repeat;
font: 14px Georgia, "Times New Roman", Times, serif;
}
img#hero{
margin-left: 600px;
margin-top: -400px;
z-index: 1000;
position: relative;
}
div#main_news a{
font-weight: bold;
color: #000000;
}
div#main_news a:hover{
color: #ff0000;
}
div#main_news li{
margin-bottom: 5px;
}
div#lead{
margin-left: 20px;
width: 320px;
float: left;
}
#lead_title{
padding-top: 10px;
font: 26px Georgia, "Times New Roman", Times, serif;
color: #999999;
letter-spacing: -0.01em;
line-height: 1em;
margin-bottom: 10px;
text-align: left;
}
p#lead_intro{
border-bottom: 2px solid black;
padding-bottom: 10px;
text-align: justify;
float: left;
margin-bottom: 10px;
}
ul.filmstrip img{
width: 75px;
height: 75px;
margin-top: 18px;
}
p.mi{
margin-bottom: 5px;
}
#lead_title a:hover{
}
div#main_footer_menu{
position: relative;
top: 20px;
z-index: 10000;
}
li.footer_menu_head{
width: 300px;
padding-left: 20px;
float: left;
font: bold 18px Conduit, Arial, Helvetica, sans-serif;
color: #eeeeee;
line-height: 40px;
}
.footer_menu{
width: 290px;
height: 213px;
float: left;
padding: 10px;
margin: 5px;
background: #080e21;
background-color: rgba(8,14,33,.5);
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
color: #ffffff;
letter-spacing: -0.03em;
}
.footer_menu:hover{
}
.footer_menu li{
height: 33%;
height: 60px;
padding: 5px;
font: 12px Arial, Helvetica, sans-serif;
padding-top: 10px;
padding-bottom: 0px;
margin-bottom: 5px;
}
li.ln{
}
.footer_menu a{
color: #ffffff;
display: block;
width: 100%;
height: 100%;
}
.footer_menu li:hover{
background: url(../images/footer_li_hover.png) center center no-repeat;
}
.footer_menu strong{
font: bold 18px Conduit, Arial, Helvetica, sans-serif;
color: #d4c32b;
}
.footer_menu strong:hover{
color: #ffde00;
text-shadow: 0px 1px 0 black;
}
ul#side_submenu{
margin-top: 20px;
margin-bottom: 20px;
}
ul#side_submenu a{
font-size: 16px;
color: #ffde00;
margin-left: 10px;
}
ul#side_submenu ul{
margin-left: 10px;
}
ul#side_submenu ul a{
color: #ffffff;
}
p#footer{
clear: both;
color: #76787d;
text-transform: uppercase;
font-size: 12px;
padding: 20px;
padding-top: 40px;
}
p#footer a:hover{
color: #ffde00;
}
div#sidebar{
width: 240px;
float: left;
padding: 20px;
color: #ffffff;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
background: url(../images/main_content_png.png);
/*background: #080e21;
background-color: rgba(8,14,33,.5);*/
}
div#container.main div#main_content{
margin-left: 20px;
width: 600px;
float: left;
color: #fff;
padding: 20px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
z-index: 1;
position: relative;
background: url(../images/main_content_png.png);
/*background: #080e21;
background-color: rgba(8,14,33,.5);*/
}
div#container.references div#main_content{
width: 960px;
float: left;
color: #fff;
padding: 20px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
z-index: 1;
position: relative;
background: url(../images/main_content_png.png);
}
div#container.references img{
margin: 4px 4px 0px 0;
background: url(../images/main_content.png) center left repeat-x;
opacity: 0.8;
}
div#container.references img:hover{
border-color: #ffffff;
opacity: 1;
}
h2{
font: 24px Conduit, Arial, Helvetica, sans-serif;
margin-bottom: -4px;
letter-spacing: -0.06em;
text-transform: uppercase;
}
div.entry a{
color: #ffde00;
font-weight: bold;
}
div.entry h3 a{
color: #ffffff;
}
div.entry h2 a:hover{
color: #e42729;
}
div.entry h3{
font: 24px Conduit, Arial, Helvetica, sans-serif;
color: #000000;
background: #ffde00;
padding: 2px;
margin-left: -20px;
padding-left: 20px;
margin-right: -20px;
letter-spacing: -0.02em;
margin-bottom: 20px;
}
div.entry h4{
font: 18px Conduit, Arial, Helvetica, sans-serif;
background-color: rgba(8,14,33,.8);
color: #ffffff;
padding: 20px;
}
div#container.references h3{
font: 24px WonderComic, Arial;
margin-top: 20px;
}
div.entry hr{
margin-bottom: 10px;
}
div.entry img{
}
div.entry table{
font-size: 14px;
background-color: rgba(8,14,33,.5);
margin-bottom: 10px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
}
div.entry table td{
width: 172px;
padding: 8px;
padding-right: 0px;
padding-left: 20px;
}
div.entry p{
font: 14px Arial, Helvetica, sans-serif;
margin-bottom: 20px;
text-align: left;
font-size: 14px;
line-height: 20px;
}
div.entry p.cts{
color: #eee;
font: 10px Arial, Helvetica, sans-serif;
text-transform: uppercase;
margin-bottom: 20px;
}
div.entry ul{
font-size: 16px;
margin-bottom: 20px;
margin-left: 20px;
}
div.entry label{
font: 12px Arial, Helvetica, sans-serif;
line-height: 20px;
color: #eeeeee;
width: 150px;
float: left;
}
.in{
border: 1px solid;
width: 300px;
padding: 3px;
}
textarea.in{
height: 200px;
}
div#sidebar p.lead_title a{
color: #00abd9;
font-weight: bold;
font-size: 14px;
text-shadow: 1px 1px 1px black;
}
div#sidebar p.lead_intro{
font: 12px Arial, Helvetica, sans-serif;
margin-bottom: 10px;
text-shadow: 1px 1px 1px #444;
margin-left: 12px;
}
/* Start custom button CSS here
---------------------------------------- */
.btn {
display:inline-block;
background:none;
margin:0;
padding:4px 0;
border-width:0;
overflow:visible;
font:100%/1.2 Arial,Sans-serif;
text-decoration:none;
color:#333;
}
* html button.btn {
padding-bottom:1px;
}
/* Immediately below is a temporary hack to serve the 
following margin values only to Gecko browsers
Gecko browsers add an extra 3px of left/right 
padding to button elements which can't be overriden.
Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btn {
margin:0 -4px;
}
.btn span {
background:#ddd url(../../images/bg-button.gif) repeat-x 0 0;
margin:0;
padding:4px 0;
border-left:1px solid #bbb;
border-right:1px solid #aaa;
}
* html .btn span {
padding-top:0;
}
.btn span span {
position:relative;
padding:4px .4em;
border-width:0;
border-top:1px solid #bbb;
border-bottom:1px solid #aaa;
}

/* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
button.pill-l span {
border-right-width:0;
}
button.pill-l span span {
border-right:1px solid #bbb;
}
button.pill-c span {
border-right-style:none;
border-left-color:#fff;
}
button.pill-c span span {
border-right:1px solid #bbb;
}
button.pill-r span {
border-left-color:#fff;
}

/* only needed if implementing separate hover/focus/active state for buttons */
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
cursor:pointer; /* important for any clickable/pressable element */
border-color:#9cf !important;
color:#000;
}
.btn:active span {
background-position:0 -398px;
outline:none;
}
.btn:focus, .btn:active {
outline:none; /* doesn't seem to be respected for <button>, only <a> */
}

/* use if one button should be the 'primary' button */
.primary {
font-weight:bold;
color:#000;
}
/*refs*/

ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 360px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;
	width: 110px;
	height: 110px;
}
ul.thumb li img {
	width: 100px; height: 100px;
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
	-ms-interpolation-mode: bicubic; 
}
ul.thumb li img.hover {
	background:url(../images/thumb_bg.png) no-repeat center center;
	border: none;
}
#main_view {
	float: left;
	padding: 9px 0;
	margin-left: -10px;
}
.printable{
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
padding-top: 230px;
width: 600px;
height: 59px;
}
.printable.vinyl{
	background: url(http://www.dekoraction.hu/media/Vinil.jpg) no-repeat;
}
.printable.backlit{
	background: url(http://www.dekoraction.hu/media/Backlit_film.jpg) no-repeat;
}
.printable.ablakfolia{
	background: url(http://www.dekoraction.hu/media/Ablakfolia.jpg) no-repeat;
}
div.cphoto{
float: left;
padding: 5px;
padding-bottom: 30px;
margin-right: 10px;
background:url(../images/photo_bg.png) bottom center no-repeat;
text-align: center;
clear: left;
}
div.cphoto img{
display: block;
margin: 0 auto;
width: 70px;
height: 110px;
}
/*
 * Color, Border, and Button Rules
 */
.contentslider {
  padding:10px; /* This acts as a border for the content slider */
  background:#333; /* This is the color of said border */
}
.cs_wrapper, .cs_article {
  background:#FFF; /* Background color for the entries */
}
.cs_leftBtn, .cs_rightBtn {
  width:30px; /* Should be as wide as the button graphic being used */
  background:#333; /* This will probably match the contentslider bg color */
}

/*
 * Article styles (font, color, etc.)
 *
 * If textResize is set to TRUE, sizing shouldn't need to be touched. However,
 * depending on the sizes you have defined, additional tweaking may be
 * required in order to get the text to display properly.
 */
.cs_article h2 {
  font-size:200%;
  line-height:1.125em;
}
  .cs_article h2 a {
    color:#333;
    text-decoration:none;
  }
.cs_article p {
  font-size:85%;
  line-height:1.5em;
  color:#777;
}
.cs_article .readmore {
  font-size:80%;
}

/*
 ******************************************************************************
 * These styles may be affected by the plugin, so avoid changing them if 
 * it's not absolutely necessary.
 ******************************************************************************
 */
.contentslider {
  position:relative;
  display:block;
  width:900px;
  height:400px;
  margin:0 auto;
  overflow:hidden;
}
.cs_wrapper {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
}
.cs_slider {
  position:absolute;
  width:10000px;
  height:100%;
  margin:0;
  padding:0;
}
.cs_article {
  float:left;
  position:relative;
  top:0;
  left:0;
  display:block;
  width:900px;
  height:400px;
  margin:0 auto;
  padding:0;
}
.cs_article h2 {
  display:block;
  width:26%;
  margin:10px 26px 5px 67%;
  text-align:left;
}
.cs_article img {
  position:absolute;
  top:0;
  left:0;
  width:66%;
  border:0;
  -ms-interpolation-mode:bicubic;
}
.cs_article p {
  display:block;
  width:26%;
  margin:0 26px 5px 67%;
  padding:0;
  border:0;
}
.cs_article .readmore {
  display:block;
  width:26%;
  margin:0 6% 1% 68%;
  text-align:right;
}
.cs_leftBtn, .cs_rightBtn {
  position:absolute;
  top:0;
  height:400px;
  padding:10px 0;
  z-index:10000;
}
.cs_leftBtn {
  left:0;
  outline:0;
}
.cs_rightBtn {
  right:0;
  outline:0;
}
.cs_leftBtn img, .cs_rightBtn img {
  border:0;
  position:relative;
  top:200px;
  margin:0;
}
img#techgraph{
margin-left: -20px;
float: left;
}
img#tech-decor{
float: right;
}
img#guruloplakat{
margin-left: -20px;
float: left;
}


/**** Speech Bubble Icons *****/
.spch-bub-inside,
.spch-bub-outside {
  position: relative;
}
a.spch-bub-inside,
a.spch-bub-outside {
  color: #000;
  text-decoration: none;
}
.spch-bub-inside em,
.spch-bub-outside em {
  font-style: normal;
}
.spch-bub-inside em {
  background: #fff;
  color: #000;
  padding: 0 0.4em;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  border-radius: 0.25em;
  position: relative;
  font: 18px WonderComic;
  padding: 4px;
}
p .spch-bub-inside .point, p .spch-bub-outside .point {
  width: 0;
  height: 0;
  position: absolute;
  top: 1.3em;
  left: 0.4em;
  display: block;
  border-left: 1.2em solid #fff; 
  border-bottom: 1.2em solid #FFF; /* IE fix */
  border-bottom: 1.2em solid rgba(0,0,0,0); 
  overflow: hidden; /* IE fix */
}
.spch-bub-inside .point, .spch-bub-outside .point {
  width: 0;
  height: 0;
  position: absolute;
  top: 1.0em;
  left: 0.4em;
  display: block;
  border-left: 0.45em solid #fff; 
  border-bottom: 0.45em solid #FFF; /* IE fix */
  border-bottom: 0.45em solid rgba(0,0,0,0); 
  overflow: hidden; /* IE fix */
}
.spch-bub-outside {
 padding-left: 2.0em;
}
.spch-bub-outside .bubble {
  top: 0;
  left: 0;
  display: block;
  position: absolute;
  height: 1.1em;
  width: 1.8em;
  background: #fff;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  border-radius: 0.25em;
}
a.spch-bub-inside:hover,
a.spch-bub-outside:hover {
  color: #F00;
}
a.spch-bub-inside:hover em,
a.spch-bub-outside:hover .bubble  {
  cursor: pointer;
  background: #F00;
  color: #FF0;
}
p a.spch-bub-inside:hover .point, p a.spch-bub-outside:hover .point {
  border-left: 1.2em solid #F00; 
}
a.spch-bub-inside:hover .point, a.spch-bub-outside:hover .point {
  border-left: 0.5em solid #F00; 
}
div.spch-bub-outside {
  height: 1.5em;
  width: 0;
}
div#tags a:hover{
color: #ffcc00;
}
.comment {
	margin-bottom: 20px;
}
#comment {
	margin-top: 20px;
}
#comment label {
	width: 100px;
	float: left;
}
#comment .ct {
	width: 300px;
	padding: 2px;
	border: 1px solid;
}