/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

/*@import url(http://fonts.googleapis.com/css?family=Play:400,700&subset=latin,latin-ext);*/
/*
 * font-family: 'Play', sans-serif;
 */


/*
 * Import Play fontface
 */
@import url(play-fontfacekit-hu/stylesheet.css);

html, body{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #6f6f6f;
}
h1, h2{
	font-family: 'PlayRegular', sans-serif;
}
h1{
	font-size: 2.71em;
	letter-spacing: -.05em;
	font-weight: 400;
}
h2{
	font-size: 2.42em;
	letter-spacing: -.05em;
	font-weight: 400;
}
h3{
	font-size: 1.28em;
	letter-spacing: -.025em;
	font-weight: 700;	
}
a{
	color: #147976;
	text-decoration: none;
}
a:hover{
	color: #ba2a2a;
	text-decoration: underline;
}
a, p, pre, blockquote, form, ul, ol, dl, label{
	
}
p{
	color: #6f6f6f;
	font-size: 14px;
}
b, strong, label{
	color: #525252;
}

#overlay{
	margin-bottom: 50px !important;
}
div#zone-content-wrapper{
	margin-bottom: 30px;
}

/*----------Overwrite grid 960 12column----------*/
.container-12 .grid-12{
	width: 960px !important;
	margin-left: 0;
	margin-right: 0;
}
.container-12 .grid-6{
	width: 480px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
	margin-left: 0;
	margin-right: 0;
}
/*---------- Product description ----------*/
.image-container{
	float: left;
	margin: 30px 30px 0 30px;
}
.image-container .image-large{
	width: 300px;
	height: 300px;
	padding: 10px 0;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);	
	border: 1px solid #c8c8c8;
}
.image-container .image-large a{
	float: left;
	width: 100%;
}
.image-container .image-large img{
	margin: 0 auto;
	display: block;
}
.image-container .image-thumbs{
	width: 301px;
	float: left;
	border: 1px solid transparent;
}
.image-container .image-thumbs div{
	margin: 10px;
	margin-top: 0;
	min-height: 85px;
	min-width: 85px;
	float: left;
	border: 1px solid #c6c6c6;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);	
	background-color: #fff;
	cursor: pointer;
}
.image-container .image-thumbs div img{
	margin: 5px auto;
	display: block;
}
.image-container .image-thumbs div.first{
	margin-left: 0px;
}
.image-container .image-thumbs div.last{
	margin-right: 0px;
}
.content-container{
	float: left;
	margin-top: 30px;
	width: 568px;
}
.content-container h1{
	max-width: inherit;
	margin-bottom: 0;
	color: #434343;
	font-family: 'PlayRegular', sans-serif;
	font-size: 35px;
	line-height: 35px;
	margin-bottom: 10px;
}
.content-container p.price{
	color: #147976;
	font-family: 'PlayBold', sans-serif;
	font-size: 24px;
}
.content-container p.price span{
	vertical-align: top;
	font-size: 15px;
	font-family: 'PlayRegular', sans-serif;
}
.content-container .content p{
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #6f6f6f;
}
.content-container .content ul{
	margin-left: 30px;
}
#zone-postscript h2.block-title{
	margin-left: 30px;
	color: #3d3d3d;
	font-family: 'PlayBold', sans-serif;
	text-transform: uppercase;
}
/*---------- Irodaszerek page -----------*/

div.content div.stationery-full{
	background: url(../img/bg/irodaszerek-full-bg.jpg) no-repeat;
	border-bottom: 3px solid #000;
	padding: 40px 0 0 30px;
	margin-bottom: 30px;
}
div.content div.stationery-full h2{
	font-family: 'PlayBold', sans-serif;
	font-size: 32px;
	line-height: 32px;
	color: #fff;
	margin-bottom: 20px;
	text-transform: uppercase;
}
div.content div.stationery-full h3{
	font-family: 'PlayBold', sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #22a6a2;
	margin-bottom: 15px;
}
div.content div.stationery-full p{
	width: 550px;
	font-size: 14px;
	color: #b4b4b4;
}
div.content div.stationery-full p.megoldas b{
	margin-bottom: 10px;
	color: #fff;
}
div.content div.stationery-full p.rtc b{
	color: #b4b4b4;
}
div.content div.stationery-full ul li{
	color: #b4b4b4;
}
/*---------- Irodaszerek page table -----------*/
table tr:hover{
	background-color: transparent;
}
div.content table#stationery-table{
	border: 0;
	width: 950px;
	margin-left: 10px;
	padding: 0;
}
div.content table#stationery-table td{
	width: 164px;
	padding: 5px 0 5px 20px;
}
div.content table#stationery-table tr{
	float: left;
}
div.content table#stationery-table tr:hover{
	background-color: transparent;
}
div.content table#stationery-table td img{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);		
}