/* From Simple Responsive Template v 1.2 www.prowebdesign.ro - Customisation: (c) 2015 Digital Workshop Software Ltd - www.digitalworkshop.com
*/
@font-face{font-family:OpenSans;font-weight:normal;font-style:normal;src:url('/fonts/OpenSans-Regular-webfont.eot');src:local(OpenSans),local('OpenSans'),url('/fonts/OpenSans-Regular-webfont.woff') format('woff'),url('/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg')}
@font-face{font-family:'OpenSansItalic';font-weight:normal;font-style:italic;src:url('/fonts/OpenSans-Italic-webfont.eot');src:url('/fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/OpenSans-Italic-webfont.woff') format('woff'),url('/fonts/OpenSans-Italic-webfont.ttf') format('truetype'),url('fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg')}
@font-face{font-family:'OpenSansSemiBold';font-weight:normal;font-style:normal;src:url('/fonts/OpenSans-Semibold-webfont.eot');src:url('/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/OpenSans-Semibold-webfont.woff') format('woff'),url('/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),url('/fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg')}
@font-face{font-family:'OpenSansSemiBoldItalic';font-weight:normal;font-style:italic;src:url('/fonts/OpenSans-SemiboldItalic-webfont.eot');src:url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),url('/fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg')}
@font-face{font-family:'OpenSansBold';font-weight:normal;font-style:normal;src:url('/fonts/OpenSans-Bold-webfont.eot');src:url('/fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/OpenSans-Bold-webfont.woff') format('woff'),url('/fonts/OpenSans-Bold-webfont.ttf') format('truetype'),url('/fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg')}

body{background:#fff; padding: 5px 10px 5px 10px; color:#575757; font-family:OpenSans, Arial, Helvetica, sans-serif; font-size:14pt; line-height:1.45em; font-weight:normal}

h1, h2, h3, h4, h5, h6{
	font-weight:600;
	font-family:'OpenSansSemiBold', Arial, Helvetica, sans-serif; 
	line-height:1.25em;
	margin: .35em 0em .35em 0em;
	padding:0;
	text-align: center;
}
h3{	font-size:1.35em;
}
h4, h5, h6 {font-size:1.15em; font-family:'OpenSans', Arial, Helvetica, sans-serif; }

.fb{font-family:'OpenSansBold', Arial, Helvetica, sans-serif;}
.prod {font-size: 2em}
.cent {text-align:center;}
.sub {font-size: 90%; margin-top:0px !important;}
.blu{color:#37729A;}
.gry{color:#999}
.ochre{color:##fcf3de}
.lrg{font-size:2em}
.ruled {padding-bottom:4px; border-bottom:1px solid  #37729A}
.truled {padding-top:4px; border-top:1px solid  #37729A}
.wruled {padding-bottom:4px; border-bottom:1px solid  #fff}
.col {margin: .15em 0em .15em 0em;}
.col55 {margin: .15em 0em .15em 0em; min-height:50px}
.mb15 {margin-bottom:15px}
.minp {min-height:50px;}
.full {margin:0px !important; padding:0px !important;}
.lmarg{margin:0px 0px 0px 15px !important; padding:0px !important}
.sTbl{width:90%; margin-left:6%; margin-right:4%; margin-bottom:10px} 
.price {color: #666;padding: 1px 0 0 0;margin: 0 12px 0 0;text-align: center}
.productprice {color: #fff; font-size: 160%; font-family: 'OpenSansBold', Arial, sans-serif; text-decoration: none; text-align: center; margin-top:5px}
.priceMini {color: #888; line-height: 1.2em; margin-top:1px; font-size: 80%; font-family: 'OpenSans', Arial, sans-serif; text-decoration: none; text-align: center}
.priceEd {color: #14415f;  font-size: 90%; font-family: 'OpenSans', Arial, sans-serif; text-decoration: none; padding-right:8px; text-align: center}
.priceMicro {color: #14415f; font-size: 70%; font-family: 'OpenSans', Arial, sans-serif; padding-right:8px; text-decoration: none; text-align: center}
.inline {max-height:50px; display:inline-block;}

dl.quotes {font-style:italic; padding: 20px 40px 5px 30px; text-align: justify;}

.cor {font-family:courier; font-size:90%}
/* links */
a,a:visited,a:active,a:hover{padding: 1px 5px 1px 5px;color:#37729A;text-decoration:none;cursor:pointer}
a:hover{color:#202225}
a.main,a.main:visited,a.main:active,a.main:hover{padding: 0px}

a.txt{font-weight:600;}
a.txt:hover {background-color:#C3C8CD;}

.bttnMini {display:block; font-family:'OpenSans', Arial, Helvetica, sans-serif; font-weight:600px !important; margin:0px auto; text-align:center}
.bttnMini a:hover{background-color:#C3C8CD;}

ul {margin-left:25px; padding-left:15px;}

/* Box sizing. Read about it here: http://www.w3schools.com/cssref/css3_pr_box-sizing.asp */
*{box-sizing:border-box;-moz-box-sizing:border-box;}
/* structure */   
.wrapper{width:98%; margin: 0 auto; padding-top:5px}
header{padding:15px 0}
#banner{text-align:center; max-width:180px; margin:0px 5px; padding:5px}	
#content,
aside,
.pad{padding:2px 0px 0px 0px;}
p{margin:0 0 1em;}
p a {font-weight:600;}
p a:hover {background-color:#C3C8CD;}

.mnuList  ul{list-style-image: url('img/goto.png')}
.mnuList li {margin:5px 1px}
.mnuList li a  {font-family:'OpenSansSemiBold', Arial, Helvetica, sans-serif;}
.mnuList  li a:hover {background-color:#C3C8CD}

p.pagetag {font-size: 70%; line-height:1.2em;  margin:2px 0px 5px 2px; padding:0px; color: #cdcdcd}
p.toptag {font-weight:600;font-family:'OpenSansSemiBold', Arial, Helvetica, sans-serif; font-size:110%; margin-bottom:0px; padding:0px 0px 0px 2px}

table a:hover {background-color:#C3C8CD}
table, tr, td {vertical-align:top; padding-right:5px}

.bluHi{color:#2E6E9A}
.grnHi{color:#4B7D6F}
.sml{font-size:85%; line-height:1.25em}
.smli{font-size:85%; font-style:italic; line-height:1.25em}
.jst {text-align:justify}

.bluBak{background:#f1f3f3}
.ochreBak{background:#fcf3de}
.orangeBak{background:#ed9b3b; color:#fff}
.redBak{background:#c63240; color:#fff}
.turqBak{background:#d3e2ed}
.grnBak{background:#B2EEBA}
.prpBak{background:#D9C5F3}
.gryBak{background:#dfe2e5}
.blkBak{background:#202225; color:#fff}
.whtBak{background:#fff;}

/* RESPONSIVE IMAGES  */
img{width:100%; height:auto; padding:10px; margin:auto;}
img.ttl {margin:0px; padding:0px 0px 5px 10px; display:block; min-width:200px;}
img.hdr {display:block; margin:auto; padding:0px; width:100%;}
img.colSVG {padding:2px !important; display:block; margin-left:auto; margin-right:auto; width:100%; height:100%; max-width:130px; max-height:130px}
img.miniSVGr {padding:2px !important; display:block; margin-left:auto; margin-right:auto; width:100%; height:100%; max-width:130px; max-height:130px}
img.miniSVGl {padding:2px !important; display:none; margin-left:auto; margin-right:auto; width:100%; height:100%; max-width:130px; max-height:130px}
img.colPNG {padding:2px !important; display:block; margin-left:auto; margin-right:auto; width:100%; height:100%; max-width:350px}
img.thb {padding:0px; display:block; max-width:250px; margin:0px auto;}
img.min {padding:0px; display:block; max-width:32px; margin:5px}
img.pp{padding:0px !important; margin:0px !important; width:1px !important; height:1px !important}

#cookie-law {max-width:100%; background:#DEEBEE}
#cookie-law p {padding:5px 20px 10px 20px;	max-width:900px; display:block;	margin:auto; line-height:1.2em; font-size:80%; text-align:center}
#cookie-law a.conf {padding:3px;text-align:center;background:#ed9b3b;width:10%;min-width:90px;text-align:center;border-radius:1px;color:#fff;display:block;margin-left: 45%}
#cookie-law a.conf:hover{background:#68747D}

/*MAIN MENU*/
.menu-toggle{
	display:block;
	padding:10px;
	background:#ed9b3b;
	color:#fff;
	cursor:pointer;
	text-transform:uppercase;
	font-size:20px;
}
.menu-toggle:hover{background:#68747D}
.menu-toggle.toggled-on{background:#68747D}
.srt-menu{display:none}	
.srt-menu.toggled-on{display:block;	margin-top:10px; position:relative;	z-index:10}
.srt-menu{clear:both;margin-top:10px;margin-bottom:40px;}
.srt-menu li a {
	color:#000;	background:#C3C8CD;	display:block;
	margin:1px 0; padding:10px;	text-decoration:none; font-size:.9em}
.srt-menu li a:hover{background:#ed9b3b; color:#fff;}
.srt-menu li.current a:hover{background:#68747D; color:#fff;}
.srt-menu li li a {background:#DEE1E4; color:#41464B; padding-left:30px}
/*secondary menu*/
#sec-nav{margin-bottom:10px; margin-top:10px}
#sec-nav.rv{color:#fff}
#sec-nav ul{margin:0; padding:0}
#sec-nav ul li a{background-color:#fff; color:#37729A; display:block;
	margin:8px 0; padding:5px;	text-decoration:none}
#sec-nav ul li a:hover {background:#68747D;color:#fff}
#sec-nav ul li.banner a {background:#f1f3f3;}
#sec-nav ul li.banner a:hover {background:#fff;}

/*space grid elements vertically - used for small screens*/
.blk_1,.blk_2,.blk_3,.blk_4,.blk_5,.blk_6,.blk_7,.blk_8,.blk_9,.blk_10,.blk_11,
.blk_12 {margin:5px 0px 5px 0px; position: relative; min-height: 1px; padding:8px 18px 8px 18px;}

.nopad {padding:0px}
.nom{margin:0px}
.nol{padding:0px 25px 0px 0px}
.novert{padding:0px 15px 0px 15px}
.nohorz{padding:15px 0px 15px 0px}
.tmarg {margin-top: 10px}
.inner,.innerR,.innerL{margin:0px; padding:0px 0px 10px 0px;}


/*FOOTER*/
footer{background:#C3C8CD;color:#41464B;font-size:80%;padding:20px 0;}
footer ul{
	margin:0 0 0 8%;
	padding:0;
}
.buttonlink{ 
	background:#EB8241;
	width:98%;
	text-align:center;
	border-radius:0px; 
	color:#fff;
	display:block;
	margin:10px 5px 5px 0px; 
	padding:10px;
	text-decoration:none;
	border:0px !important;
}
.buttonlink.blu{background:#37729A; color:#fff}
.buttonlink:hover{
	background:#68747D;
}

a.bttn {width:98%; text-align:center; font-weight:500; border-radius:2px; display:block; margin:10px 5px 15px 0px; padding:8px; text-decoration:none; position:relative; z-index:6}
a.bttn:hover{background:#68747D; color:#fff;}
a.lnk{background:#dfe2e5; color:#37729A;}
a.lnko{background:#e9cd89; color:#37729A;}/*not used*/
a.lnkm{background:#99aabb; color:#fff;}
a.Try{background:#129028; color:#fff}
a.Buy{background:#37729A; color:#fff}
a.reverso{background:#fff; color:#37729A;}
a.divLink {position: absolute; width:100%;height:100%;top: 0; left: 0; text-decoration: none; z-index: 2;
    /*workaround to make clickable in IE */ 
	background-color: #000 opacity: 0;  filter: alpha(opacity=0);
}

.dover:hover {background:#cad5de;}
.dovero:hover {background:#fff}
.doverb:hover {background:#cad5de; color:#37729A;}
.dover p.ovr {z-index:5}

/* Contain floats*/ 
.clrfix:before, .clrfix:after, .row:before, .row:after {content: " "; display: table;}
.clrfix:after, .container:after, .row:after{clear: both;}

#minifoot{
	width: 100%;
	height: 25px;
	font-size: 8pt;
	float: left;
	margin: 4px 0px 25px 0px;
	padding: 0px;
	}
#minifoot li {
	float: left;
	margin: 5px 0px 0px 0px;
	padding: 0px 2px 0px 2px;
	border-right: 1px solid #a1a1a1;
	list-style: none;
	}
#minifoot a:link, #minifoot a:visited {
	float: left;
	margin: 0 5px;
	text-decoration: none;
	color: #8a8a8a;
	padding-top: 2px;
	}
#minifoot a.active:link {
	border-bottom: 4px solid #606060;
	padding-bottom: 1px;
	color: #606060;
	}
#minifoot a.active:visited, #minifoot a:hover {
	border-bottom: 2px solid #606060;
	padding-bottom: 1px;
	color: #606060;
	}
#minifoot p {
	margin: 0 5px;
	text-decoration: none;
	padding-top: 2px;
	padding-left: 6px;
	color: #8a8a8a;
	}

/****************************************
MEDIAQUERIES
/*LARGER MOBILE DEVICES*/
@media only screen and (min-width: 481px) 
{
	#banner{float:left;	text-align:left;}
	.menu-toggle{/*menu float right, instead of sitting under the logo*/
		margin-top:10px; /*this depends on the height of the logo*/
		float:right;}
		header{padding:0}
} 

/*TABLET & SMALLER LAPTOPS*/
@media only screen and (min-width: 850px) 
{
img.miniSVGr {padding:2px !important; display:block; float:right; width:100%; height:100%; max-width:80px; max-height:80px}
img.miniSVGl {padding:2px !important; display:block; float:left; width:100%; height:100%; max-width:80px; max-height:80px}
img.ttl {margin:0px; padding:0px 0px 5px 10px; display:block; min-width:160px;}
.minp {min-height:110px;}
a.bttn {width:98%; margin:10px 5px 5px 0px;}
.tmarg {margin-top: 25px}
	.wrapper{max-width: 1024px; margin-top:0px; padding-top:5px;
	}
	header{padding:0}
	#banner{float:left; text-align:left; margin:0px;}
	#content {float:left; width:65%}
	#content.wide-content{float:none; width:100%}
	aside {float:right; width:30%}
	body {font-size:1em;}

	/*** MAIN MENU - ESSENTIAL STYLES ***/
	.menu-toggle{display:none;}
	#menu-main-navigation{display:block;}

	.srt-menu, .srt-menu * {
		margin:			0;
		padding:		0;
		list-style:		none;
	}
	.srt-menu ul {
		position:absolute; display:none;
		width:14em; /* left offset of submenus need to match (see below) */
	}
	.srt-menu ul li {
		width:			100%;
	}
	.srt-menu li:hover {
		visibility:		inherit; /* fixes IE7 'sticky bug' */
	}
	.srt-menu li {
		float:			left;
		position:		relative;
		margin-left:1px;
		height:25px;
	}
	.srt-menu li li {
		margin-left:0px;
		height:auto;
	}
	.srt-menu a {
		display:		block;
		position:		relative;
	}
	.srt-menu li:hover ul,
	.srt-menu li.sfHover ul {
		display:block;
		left:			0;
		top:			42px; /* match top ul list item height */
		z-index:		99;
		-webkit-box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
		box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
	}
	ul.srt-menu li:hover li ul,
	ul.srt-menu li.sfHover li ul {
		top:			-999em;
	}
	ul.srt-menu li li:hover ul,
	ul.srt-menu li li.sfHover ul {
		left:			15em; /* match ul width */
		top:			0;
	}
	ul.srt-menu li li:hover li ul,
	ul.srt-menu li li.sfHover li ul {
		top:			-999em;
	}
	ul.srt-menu li li li:hover ul,
	ul.srt-menu li li li.sfHover ul {
		left:			10em; /* match ul width */
		top:			0;
	}

	/*** SKIN ***/
	#topnav, .srt-menu {
		float:right;
		margin: .35em 0 .15em 0;
	}
	.srt-menu a {text-decoration:none;}
	.srt-menu li a{background:#fff;
		margin:0; 
		padding:10px 20px;}
	.srt-menu a, .srt-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
		color:#666;}
	.srt-menu li li a {
			border-top:	1px solid #fff;
			background:	#333; /*fallback for old IE*/
			background:rgba(222,225,228,.95);
			color:#41464B;
			padding-left:20px;
	}
	.srt-menu li li a:visited{color:#666;}
	.srt-menu li li li a,
	.srt-menu li.current * li a{
		padding-left:20px;
		background:rgba(0,0,0,.6);
	}
	.srt-menu li.current a{ 
		color:#fff;
		background:#ed9b3b;
	}
	.srt-menu li:hover > a,
	.srt-menu li li:hover > a{
		color:#fff;
		background:#ed9b3b;
	}
	/*Grid of 12 Blocks */
	.row{margin-left: -15px; margin-right: -15px}
	 
	.blk_1 { width: 8.33333333%; }
	.blk_2 { width: 16.66666667%; }
	.blk_3 { width: 25%; }
	.blk_4 { width: 33.33333%; }
	.blk_5 { width: 41.66666667%; }
	.blk_6 { width: 50%; }
	.blk_7 { width: 58.33333333%; }
	.blk_8 { width: 66.66666667%; }
	.blk_9 { width: 75%; }
	.blk_10 { width: 83.33333333%; }
	.blk_11 { width: 91.66666667%; }
	.blk_12 { width: 100%; }

	.blk_1,.blk_2,.blk_3,.blk_4,.blk_5,.blk_6,.blk_7,.blk_8,.blk_9,.blk_10,.blk_11,.blk_12 
	{float: left;display: block;}

	.rf{float:right}
	.ra{text-align:right}
	.indent{margin:0px 20px 0px 20px}
	.inner{margin:0px; padding:0px 15px 10px 15px;}
.innerL {margin:0px; padding:0px 15px 10px 0px;}
.innerR {margin:0px; padding:0px 0px 10px 15px;}
h1, h2, h3, h4, h5, h6{
	text-align: left;
}
}


/*DESKTOP*/
@media only screen and (min-width: 920px) {
/*#hero h1{ font-size:1.4em;}*/
h1, h2, h3, h4, h5, h6{
	text-align: left;
}
.tmarg {margin-top: 25px}
} 

/*LARGE VIEWING SIZE*/
@media only screen and (min-width: 1240px) {
#hero h1{ font-size:1.4em;}
} 


/*
PRINT STYLESHEET
*/
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}