* 
* Amazium V1.3
* Copyright 2012, Mike Ballan
* www.amazium.co.uk
*/

/***** Screen 960px *****/


.termekek_mobile { display:none;}
.termekek_newpage { display:none;}
.termekek_wide {display:block;}

.top			 								{ margin:0 auto; margin-top:30px; }	
.base											{ margin:0 auto; margin-bottom:40px; }	
span.example									{ margin-bottom:5px; padding:5px 0 5px 0; background-color:#eee; text-align:center; width:100%; display:block; }

body {font-family:"Open Sans", Arial, Verdana;}

header#top {
    background:#7c1414;
    color:#e6a2a2;
    
    background:url('../img/backred.jpg') top center repeat; 
    
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
}

#top .grid_6 {
    padding: 20px 0px;
}
header#top a {color:#e6a2a2;}

header#top .contacticon{ display:inline-block; margin-right:25px; font-size:15px;}
.contacticon i { margin-right:10px;}

#header2 {background:url(http://www.arcus-trade.hu/wp-content/themes/arcustrade/img/hback.jpg) top center repeat-x; height:241px; overflow:hidden; position:relative; display:none;}

#nav2 {
    background:#9b1012;
    border:1px solid #c71e20;
    margin-top: 28px;
    position:relative;
}

#smallinfo {
   position: absolute;
right: 20px;
text-align: right;
top: 60px;
color: #f0989a;
font-size: 15px;
line-height: 26px;
}

#smallinfo a {color:#f0989a;}
#smallinfo a:hover {text-decoration:underline;}

#smallinfo i {margin-right:10px;}

#search:focus { border:1px solid white;}

#search {
    
    border:1px solid #d4191c;
    position:absolute;
   right: 17px;
top:12px;
    color:white;
    background:url('../img/search.png') center left no-repeat #ba1518;
    padding: 4px;
padding-left: 26px;
    font-family:"Open sans";
}

.sidebarbox b {font-weight:700;}

#nav2 li {display: inline-block;
color: #7c1414;
font-size: 16px;
margin-right: 20px;
font-weight: 300;
margin-top: 21px;}

#nav2 li:first-child { margin-left:20px;}
#nav2 li a {color:#fff;}

#logo {margin-top:40px;}
#header img { max-width:100%;}

footer .contacticon{ display: block;
margin-right: 25px;
font-size: 14px;
margin-bottom: 1px;
line-height: 22px;}

footer .contacticon i {font-size: 19px;position: relative;
top: 2px;}

footer a {color:#e6a2a2;}

#header {background: url('../img/backgrey.jpg') top center repeat; padding:20px 0px;}


#nav1 li a {color:#7c1414;}
#nav1 li a:hover {text-decoration:none; color:#c76262;}
#nav1 li {display: inline-block;
color: #7c1414;
font-size: 20px;
margin-left: 25px;
font-weight: 300; }
#nav1 ul {float:right; margin-top:30px;}

footer#footer {background:url('../img/backred.jpg') top center repeat; padding:30px 0px; color:#e6a2a2;}

footer h4 {font-weight:700; font-size:22px;}

footer .extra {font-weight: 300;
line-height: 1.35em;
font-size: 17px;}

footer p {line-height: 17px;
font-size: 13px;
margin-top: 10px;
}

#slide {background:url('../img/slider.jpg') top center no-repeat; height:475px;}
#sales {background:url('../img/backgrey.jpg') top center repeat;padding:40px 0px;}

#salestext {font-weight: 300;
font-size: 20px;
padding-bottom: 4px;color:#7c1414; float:left; margin-top:10px;}

#header.fixed {position:fixed;top:0px; width:100%; text-align:center;

}

/*
#header.fixed img{
    width: 179px;
float: left;
}

#header.fixed #nav1 ul {
    margin-top: 12px;
    margin-bottom:0px;
}

#header.fixed #nav1 li {font-size: 16px;}
*/
#sign {color: #7c1414;
text-align: right;
font-style: italic;
font-size: 25px;
font-weight: 200;
line-height: 31px;
margin-top: 9px;}

#sales a {float:right;}

#about {padding:50px 0px;}

#aboutimage {float:left; margin-right:40px;}

#about h2 {color: #7c1414;
font-weight: 600;
font-style: italic;
font-size: 44px;
margin-bottom: 23px;
padding-top: 3px;
}

#about p {line-height: 1.5em;
color: #333;
font-size: 18px;
font-weight: 300;
padding-bottom:12px;
}

.slw {color: #7c1414;
background: white;
display: inline-block;
padding: 8px;
font-size: 25px;
font-weight: 200;
float: left;
clear: both;
margin-top: 25px;
background: url('../img/backgrey.jpg') top center repeat;}



/*
.slw.first {margin-left: 35px;}
.slw.second {margin-left: 70px;}
.slw.third {margin-left: 105px;}
.slw.fourth {margin-left: 140px;}
*/

.slwwrapper {margin-top: 74px;
display: inline-block;
width: 50%;}

.breadcrumb {padding: 15px 0px;
color: #900;
font-size: 12px;
background: #fcfcfc;
display:none;}

.pagecontent {padding: 30px 0px;}

h2.pagetitle, h2.pagetitle a {}
h2.pagetitle a:hover {text-decoration:none;}

.page-meta {background: #eee;
display: inline-block;
padding: 7px 9px;
font-size: 13px;
color: #666; margin-bottom:20px;}

.entry-excerpt {
    background: #fafafa;
padding: 10px;
font-size: 13px;
}
.entry-excerpt a {
    color:#7c1414;
}

.pagemain p, .pagesingle p {line-height: 1.5em;
font-size: 16px;}

h1,h2,h3,h4,h5 {color: #7c1414; font-weight:600;}
h1 a,h2 a,h3 a,h4 a,h5 a {color: #7c1414;}

.catbox img:hover {-moz-opacity: 0.81;
-khtml-opacity: 0.81;
opacity: 0.81;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=81);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=81);
filter:alpha(opacity=81);}

.catbox img {
    -moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter:alpha(opacity=100);

max-width: 100%;

}

.catbox {
    margin-bottom: 20px;
margin-top: 20px;
}

a {color:#9d2222;}

.catarea {background: #eee;
padding: 22px;line-height: 1.4em;}

.catarea h3 {font-style:italic; margin-bottom:20px;font-weight: 600;}

.catarea a {color:#9d2222; }

.gyartolink {}

.gyartolink a {color: white;
border: 1px solid #d4191c;
background: #7c1414;
padding: 5px 11px;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;}

.gyartolink a:hover {background:#9d2222; text-decoration:none;}

.pdfbox {    color: white;
border: 1px solid #d4191c;
background: #7c1414;
display:inline-block;
margin-right:8px;margin-bottom: 20px;}

.pdfbox:hover {background:#9d2222;}

.pdfbox p {
width: 110px;
padding: 5px;
font-size: 12px;
line-height: 1.5em;
vertical-align: top;
}

.pdfbox img {width:130px;}

.pdfbox.docbox {border: 1px solid #aaa;vertical-align: top;margin-bottom: 20px;}

.pdfbox.docbox p {
height: 74px;
}

.spacer {clear:both; padding-top:25px;}

.clear{clear:both;}



.alkatbox {margin-top:10px;margin-bottom:27px;}

.alkatbox.last {margin-bottom:5px!important;}

.alkatbox a {color: white;
border: 1px solid #d4191c;
background: #7c1414;
padding: 5px 11px;
font-weight: 600;
font-size: 20px;
font-style: italic;
}

.alkatbox a:hover {background:#9d2222; text-decoration:none;}

.alkat {    color: #444;
border: 1px solid #d4191c;
background: #fff;
display:inline-block;
margin-right:8px;
padding:10px;
margin-bottom:20px;
}

.alkat.topmargin {margin-top:27px;}

.catarea, .alkat {display:none;}


.termektable {font-size:11px;}
.termektable .pr_c {display:none;}


.productimage {width:300px;}
.termektable td ,.termektable tr {background: #fff;
border: 1px solid #bbb;vertical-align: middle;}

td.pr_a { width: 120px;}
td.pr_b { text-align: left;font-weight:800;}
td.pr_b:last-child { text-align:center; }

.produkte_row .pr_b {text-align:center;}

.produkte_row:hover td {background:#efefef;} 

td.pr_a a {color: #7c1414;}

.theader td {color: white;
border: 1px solid #d4191c;
background: #7c1414;
padding: 7px 9px;
font-weight: 600;
font-size: 9px;
line-height: 1.4em;
text-transform:capitalize;}

#kapcsolat {padding:20px;}

#kapcsolat h2 {
 
color: #7c1414;
font-weight: 600;
font-style: italic;
font-size: 44px;
margin-bottom: 23px;
padding-top: 3px;

}

#kapcsolat p {
text-align: center;
line-height: 1.4em;
font-style: italic;
font-size: 18px;
}

.kapcsolatform {
    margin-top: 20px;
}

 .kapcsolatform textarea {
    height:160px;
 }

.kapcsolatform button {font-family: "Open Sans";
padding: 5px 11px;
margin-top: 10px;
float: right;
margin-right: 17px;}

.kapcsolatform input, .kapcsolatform textarea {
    background: #eee;
border: 0px solid;
padding: 7px 8px;
color: #333;
font-family: "Open Sans";
font-size: 14px;
width: 295px;
margin-bottom: 13px;
}

.kapcsolatform .label {display: inline-block;
width: 138px;
text-transform: uppercase;
font-style: italic;
text-align: left;
vertical-align: top;
padding-top: 10px;
font-size: 16px;
}

.kapcsolatform .formrow {text-align: center;}

.sidebarbox {
    line-height:1.5em;
    margin-bottom: 30px;
    font-size: 14px;
}

.sidebarbox .textwidget {
    background: #eee;
padding: 10px 15px;
}

.sidebarbox h2 {background: url('../img/backred.jpg') top center repeat;
color: white;
padding: 7px 14px;
font-size: 24px;
/* text-transform: uppercase; */
font-weight: 600;
margin-bottom: 15px;
font-style: italic;}

#kboxok {margin-top:20px;}

.kbox {display: inline-table;
width: 240px;
margin-right: 2%;
}

.kbox:last-child {margin-right:0px; margin-top: 20px;}
.kbox i {margin-right: 5px;}
.kbox h3 {
    background: url('../img/backred.jpg') top center repeat;
color: white;
padding: 4px 13px;
font-size: 16px;

font-weight: 300;
margin-bottom: 15px;

}

.kbox .cont {
    background: #eee;
padding: 12px;
margin-top: -15px;
font-size: 14px;
line-height: 1.4em;height: 87px;
}

.kbox .cont a{ color: #7c1414; text-decoration:underline;}
.kbox .cont a:hover { color: #7c1414; text-decoration:none;}

.myButton {
	-moz-box-shadow: 0px -1px 0px 0px #803029;
	-webkit-box-shadow: 0px -1px 0px 0px #803029;
	box-shadow: 0px -1px 0px 0px #803029;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #791313), color-stop(1, #c71104));
	background:-moz-linear-gradient(top, #791313 5%, #c71104 100%);
	background:-webkit-linear-gradient(top, #791313 5%, #c71104 100%);
	background:-o-linear-gradient(top, #791313 5%, #c71104 100%);
	background:-ms-linear-gradient(top, #791313 5%, #c71104 100%);
	background:linear-gradient(to bottom, #791313 5%, #c71104 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#791313', endColorstr='#c71104',GradientType=0);
	background-color:#791313;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #b82f25;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	
	font-size:17px;
	padding:7px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #730b04;
    
    font-size: 21px;
font-weight: 300;
padding: 10px 15px;
    
}


.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c71104), color-stop(1, #791313));
	background:-moz-linear-gradient(top, #c71104 5%, #791313 100%);
	background:-webkit-linear-gradient(top, #c71104 5%, #791313 100%);
	background:-o-linear-gradient(top, #c71104 5%, #791313 100%);
	background:-ms-linear-gradient(top, #c71104 5%, #791313 100%);
	background:linear-gradient(to bottom, #c71104 5%, #791313 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c71104', endColorstr='#791313',GradientType=0);
	background-color:#c71104;
    text-decoration:none;
}
.myButton:active {
	position:relative;
	top:1px;
}


/***** Screen Bigger than 960px *****/
@media only screen and (min-width:1200px) {

.example										{ margin:0; padding:0; }


.slw {
font-size: 27px; }


#salestext {
font-size: 23px; }


.theader td {

font-size: 12px;

}

.kbox:last-child { margin-top: 0px;}

.termekek_mobile { display:none;}
.termekek_newpage { display:none;}
.termekek_wide {display:block;}


}



/***** Tablet (Smaller than 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {

.example										{ margin:0; padding:0; }


.slwwrapper {

width: 60%;

}

.responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect {
    border: 1px solid #666;
margin-top: 15px;
color: #444;
background: white;
padding: 4px;

font-family: "Open sans";
}

#sales .myButton {
    font-size: 16px;
}

#salestext {
    font-size:17px;
}

#about h2 {

font-size: 41px;
}

footer .extra {

font-size: 15px;
}

footer .contacticon {

font-size: 11px; }

.portfolio4_item {
width: 240px;
height: 240px;

}

.kbox { margin-top: 20px;}


.termekek_mobile { display:none;}
.termekek_newpage { display:block;}
.termekek_wide {display:none;}


}



/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 767px) {

.example										{ margin:0; padding:0; }


.termekek_mobile { display:block;}
.termekek_newpage { display:none;}
.termekek_wide {display:none;}

.slwwrapper {width: 100%;}
.slw {float:none; text-align:center; display:block;line-height:31px;}
#top .text-right {text-align:center;}
#search {position:relative; top:0px; left:0px; right:0px;}

#top .grid_6 {text-align:center;margin: 0px;
padding-top: 20px;
padding-bottom: 20px;}
#header {text-align: center;}

#top .grid_6.text-right {padding-top: 0px;}
.responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect {
border: 1px solid #666;
margin-top: 15px;
color: #444;
background: white;
padding: 4px;
font-family: "Open sans";
}


#salestext {  margin-top: 0px;text-align: center;line-height: 1.3em;}
#sales {padding:20px 0px;}
#sales .grid_12 {text-align:center;}
#sales a {float:none;margin-top: 10px;
margin-bottom: 10px;
}

#aboutimage {display:none;}
#about {text-align: center; padding-top:10px;}
#about h2 {line-height: 1.1em;font-size: 39px;}

.portfolio4_item {width: 100%;height: 225px;}

footer {text-align: center;}
footer .extra {font-size: 25px;}
footer p {line-height: 26px;font-size: 18px;}

.kbox {width:100%;margin-bottom: 20px;}

.kbox h3 { padding: 10px 13px;
font-size: 25px;}

.kbox .cont {font-size: 18px; height:auto;}

.sidebarbox {font-size: 18px;}


header#top .contacticon {

margin-bottom: 10px;
}

.catbox a img {max-width: 190%;
position: relative;
left: -60%;}

.gyartolink a {display:block; text-align:center;font-size: 15px;}

.pdfbox {margin: 10px 59px;}
.pdfbox.docbox p {
height: auto;
}
.pdfbox p {font-size:16px; text-align:center;}
.catarea h3 {text-align:center;
}

#contentmain p {

line-height: 23px;
}

.alkatbox a {display: block;
text-align: center;padding: 8px 11px;}

}

	
/***** Phone (landscape 420px) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
.example										{ margin:0; padding:0; }


.termekek_mobile { display:block;}
.termekek_newpage { display:none;}
.termekek_wide {display:none;}

.slwwrapper {width: 100%;}

#top .text-right {text-align:center;}

#top .grid_6 {text-align:center;margin: 0px;
padding-top: 20px;
padding-bottom: 20px;}
#top .grid_6.text-right {padding-top: 0px;}
#header {text-align: center;}
.responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect {
border: 1px solid #666;
margin-top: 15px;
color: #444;
background: white;
padding: 4px;
font-family: "Open sans";
}
#sales .grid_12 {text-align:center;}
#sales a {float:none;margin-top: 10px;
margin-bottom: 10px;}

#salestext {  margin-top: 0px;text-align: center;line-height: 1.3em;}
#sales {padding:20px 0px;}


#about {text-align: center; padding-top:10px;}
#about h2 {line-height: 1.1em;}

.portfolio4_item {width: 225px;height: 225px;}

footer {text-align: center;}
footer .extra {font-size: 25px;}

footer p {line-height: 26px;font-size: 18px;}

.kbox {width:100%;margin-bottom: 20px;}
.kbox h3 { padding: 10px 13px;
font-size: 25px;}

.kbox .cont {font-size: 18px;}

.sidebarbox {font-size: 18px;}


.catbox a img {max-width: 150%;
position: relative;
left: -164px;}

.pdfbox {
margin: 10px 10px;
}
}




/***** Retina *****/
@media only screen and (-webkit-min-device-pixel-ratio:1.5) {

.example										{ margin:0; padding:0; }

}