@charset "UTF-8";
/*
Theme Name: Grafika Patika
Theme URI: http://www.grafikapatika.hu/
Description: webdesign, grafika, nyomdai előkészítés, online marketing, social marketing
Version: 1.0
Author: Grafika Patika
Author URI: /
*/

* {margin:0;padding:0;}
a img {border:0;}
.wrapper {width:100%;height:0;overflow:hidden;clear:both;}

*.toggle a {text-decoration:none;}
*.toggle a:hover {text-decoration:underline;}

/* .navigation {display: block;text-align: center;margin: 0px 0 0 0;} */
.alignright {float: right;}
.alignleft {float: left}
img.alignleft {margin: 0 15px 15px 0;}
img.alignright {margin: 0 0 15px 15px;}
.aligncenter {margin: 15px auto;display:block;}
/* .wp-caption p {font-size:12px;padding:0;text-align:right;margin: 0 10px 0 0;color:#888;} */

.sprite {}

/***************************** body + fonts */

body {
	text-align:center;
	min-width: 1187px;
	background:#534130;
	color:#4b4945;
}
body.home {background: url(images/repeats/background.png);}

/*
p {line-height:18px;padding: 10px 0;}

a {outline:none;text-decoration:none;color:#f4434b;}
a:hover {text-decoration:underline;}
*/

/* ul, ol {padding: 10px 0 10px 15px;} */
/* li {line-height:18px;} */
.red {color:#f4434b;}

h1, h2, h3, h4, h5, h6 {}

h2 {font-size:23px;}
h3 {font-size:20px;}
h4 {font-size:15px;}
h5 {font-size:13px;}
h6 {font-size:12px;}


/***************************** typekit */
 /* Hide the blog title and post titles while web fonts are loading */
.wf-loading .pagetitle,.wf-loading .caption-heading,.wf-loading .description, .wf-loading .pink p, .wf-loading #nav li a, .wf-loading #header div.alignright, .wf-loading h2, .wf-loading h3, .wf-loading .skill, .wf-loading .whoblock, .wf-loading .postmeta, .wf-loading .postauthor, .wf-loading h5, .wf-loading #wecrafted{visibility: hidden;}


/***************************** globals */

::selection {background: #f4434b;}
::-moz-selection {background: #f4434b;}

.inside, #slider .slidedetails {max-width:1000px;width:1000px;margin:auto;position:relative;text-align:left;}

/* buttons */

.button {color:#fff;font-size:13px;text-transform:uppercase;font-weight:bold;letter-spacing:1px;padding: 8px 14px 7px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background:#f4434b;position:relative;behavior: url("./css/PIE.htc");}
.button:hover {text-decoration:none;}
.button:active {top:1px;}

.clicker {display:block;background-position:-11px -309px;width: 45px;height:45px;background-color:#f4434b;border-radius: 80px;-webkit-border-radius: 80px;-moz-border-radius: 80px;}
.clicker.smaller {background-position:-6px -362px;width:25px;height:25px;}


/**************************** shortcodes */
.button_link{font-family: "kulturista-web";margin:5px 10px 5px 0;padding: 8px 12px 8px 12px; color: #fff; text-decoration: none;-moz-border-radius: 5px; -webkit-border-radius: 5px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25);position: relative;font-weight: bold;background-color: #f4434b;cursor: pointer;}
.button_link.large_button{font-size:24px;}
.button_link.large_button span{padding:17px 20px 20px 20px;text-transform:none;}
.button_link:hover{text-decoration:none !important;}
.button_link:active{top: 1px;}

.newsbox { background: #f5f5f5; border: 1px solid #dadada; text-align: center; padding: 7px; line-height: 20px; font-size: 14px; margin:10px 0px 10px 0;font-weight: bold; }

.portfeatures {background:#f4434b;color:#fff;text-align:center;padding: 14px 10px 11px 10px;position:relative;margin: 20px 0 18px 0;text-transform:uppercase;font-size:12px;line-height:16px;font-weight:600;letter-spacing:1px;}


.nomargin {margin:0!important;}



/* Button Slider */

.btnslider {position:absolute;width: 45px;height: 46px;display: block;top:70px;right:-70px;z-index:200;background: url(images/circle_large.png) top;}
.btnslider span:hover {position: absolute;width: 45px;height: 46px;display: block;background-image: url(images/circle_large.png);background-position: bottom;}
.btnslider:active {top:71px;}

/*
.btn-slider {position:absolute;width:45px;height:46px;display:block;top:70px;right:-70px;background-image:url(images/circle_large.png);background-position: top;}
.btn-slider span.hover{position: absolute;display: block;width:45px;height:46px;background-position: bottom;background-image:url(images/circle_large.png);}
.btn-slider:active {top:71px;}
*/

.btn-medium {position:absolute;width: 31px;height: 32px;display:block;top:90px;left:184px;background-image:url(images/circle_medium.png);background-position: top;}
.btn-medium span.hover{position: absolute;display: block;width: 31px;height: 32px;background-position: bottom;background-image:url(images/circle_medium.png);}
.btn-medium:active {top:91px;}

.btn-footer {width: 27px;height: 27px;display:block;float:right;background-image:url(images/circle_footer.png);background-position: top;}
.btn-footer span.hover {position: absolute;display: block;width: 27px;height: 27px;background-position: bottom;background-image:url(images/circle_footer.png);}
.btn-footer:active {margin-top: 1px;}

/* nav */



.cycle-slideshow.header .prev {
display: block;  position: absolute;  top: 190px;  width: 68px;  height: 100px;  -webkit-transition: background-position 0.15s ease-in-out;   -moz-transition: background-position 0.15s ease-in-out;   -o-transition: background-position 0.15s ease-in-out;   -ms-transition: background-position 0.15s ease-in-out;   transition: background-position 0.15s ease-in-out;  left: 0px;display:block;  background: url('../../img/arrow-slider-left.png') 28px no-repeat !important;z-index: 1200;cursor: pointer;}

.cycle-slideshow.header .next {
    display: block;
    position: absolute;
    top: 190px;
    width: 68px;
    height: 100px;
    -webkit-transition: background-position 0.15s ease-in-out;
    -moz-transition: background-position 0.15s ease-in-out;
    -o-transition: background-position 0.15s ease-in-out;
    -ms-transition: background-position 0.15s ease-in-out;
    transition: background-position 0.15s ease-in-out;
    right: 0px;
    display:block;
    background: url('../../img/arrow-slider-right.png') 28px no-repeat!important;
    z-index: 1200;
    cursor: pointer;
}