/* =============================================================================
   Reset
   ========================================================================== */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #000; }
html,body,td,th,fieldset,button{margin:0;padding:0}
body{margin: 0; font-size: 1em; line-height: 1.4em; background:url('../img/bg_home.jpg') repeat-x top #96C225;font-family:Arial,Helvetica,Sans-Serif;color:#000}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display: block;} /* Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */
p,h1,h2,h3,h4,h5,h6,ul,ol,dl,table,legend{margin:0 0 15px}
p{font-size:1em}
abbr{border-bottom:1px dashed #ccc;cursor:help}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary{ display: block; } /* Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; height: 0;} /* Prevents modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
[hidden] { display: none; } /* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, and Safari 4. Known issue: no IE 6 support.  */
/* Lists */
ul,ol{padding:0}
ul{list-style:disc}
ol{list-style:decimal}
li{margin:0}
dt{float:left;margin:0 4px 0 0}
dd{margin:0}
/* Links */
a{color:#000;text-decoration:none;cursor:pointer}
a:hover{text-decoration:none}
a:focus,a:active,a:visited{color:#000}
a img{border:0} /* 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3. */
/* Tables */
table{border-collapse:collapse;border-spacing:0}
td,th{vertical-align:middle}

/* Forms */
form {margin: 0;} /* Corrects margin displayed oddly in IE 6/7. */
fieldset{border:0}
legend {
    border: 0; /* 1. Corrects color not being inherited in IE 6/7/8/9. */
    padding: 0;
    white-space: normal; /* 2. Corrects text not wrapping in Firefox 3. */
    *margin-left: -7px; /* 3. Corrects alignment displayed oddly in IE 6/7. */
}
label,input[type="submit"],input[type="reset"]{cursor:pointer}
button,input,select,textarea {
    font-size: 100%; /* 1. Corrects font size not being inherited in all browsers. */
    margin: 0; /* 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome. */
    vertical-align: baseline; /* 3. Improves appearance and consistency in all browsers. */
    *vertical-align: middle; /* 3 */
}
input,textarea{font:1.3em Arial,Helvetica,Sans-Serif}
textarea {overflow: auto;vertical-align: top;}/*1. Removes default vertical scrollbar in IE 6/7/8/9. 2. Improves readability and alignment in all browsers.*/
input[type="submit"] {-webkit-appearance: none}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"] {
    -webkit-appearance: textfield; /* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, /*  Removes inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
input[type="radio"],input.radio{width:auto!important;border:0!important;padding:0!important}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1. Addresses box sizing set to content-box in IE 8/9. */
    padding: 0; /* 2. Removes excess padding in IE 8/9. */
    *height: 13px; /* 3. Removes excess padding in IE 7. Known issue: excess padding remains in IE 6.*/
    *width: 13px; /* 3 */
}
input::-moz-focus-inner, /* Removes inner padding and border in Firefox 3+. */
button::-moz-focus-inner{
    border: 0;
    padding: 0;
}
button,
html input[type="button"], /* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2. Corrects inability to style clickable `input` types in iOS. */
    cursor: pointer; /* 3. Improves usability and consistency of cursor style between image-type `input` and others. */
    *overflow: visible;  /* 4. Removes inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
}
button,input {line-height: normal;} /* Addresses Firefox 3+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button[disabled],input[disabled] {cursor: default;} /* Re-set default cursor for disabled elements. */
button{background:none;border:0;cursor:pointer}

/* Figures */
figure { margin: 0;}/* Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
/* Images */
img {-ms-interpolation-mode: bicubic;} /* 2. Improves image quality when scaled in IE 7. */
svg:not(:root) {overflow: hidden;} /* Corrects overflow displayed oddly in IE 9. */
/* Titles */
h1{font-size:2.4em}
h2{font-size:2.2em}
h3{font-size:2em}
h4{font-size:1.8em}
h5{font-size:1.6em}
h6{font-size:1.4em}
h1,h2,h3,h4,h5,h6,strong{font-weight: normal;line-height: 1em;}
/* Text */
sub,sup { /* Prevents `sub` and `sup` affecting `line-height` in all browsers. */
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* =============================================================================
   Spacing Helpers
   ========================================================================== 
p,m = padding,margin
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
xs,s,m,l,n = extrasmall(2px), small(5px),medium(10px),large(20px),none(0)
*/
.ptn,.pvn,.pan{padding-top:0!important}
.ptxs,.pvxs,.paxs{padding-top:2px!important}
.pts,.pvs,.pas{padding-top:5px!important}
.ptm,.pvm,.pam{padding-top:10px!important}
.ptl,.pvl,.pal{padding-top:20px!important}
.prn,.phn,.pan{padding-right:0!important}
.prxs,.phxs,.paxs{padding-right:2px!important}
.prs,.phs,.pas{padding-right:5px!important}
.prm,.phm,.pam{padding-right:10px!important}
.prl,.phl,.pal{padding-right:20px!important}
.pbn,.pvn,.pan{padding-bottom:0!important}  
.pbxs,.pvxs,.paxs{padding-bottom:2px!important}
.pbs,.pvs,.pas{padding-bottom:5px!important}
.pbm,.pvm,.pam{padding-bottom:10px!important}
.pbl,.pvl,.pal{padding-bottom:20px!important}
.pln,.phn,.pan{padding-left:0!important}
.plxs,.phxs,.paxs{padding-left:2px!important}
.pls,.phs,.pas{padding-left:5px!important}
.plm,.phm,.pam{padding-left:10px!important}
.pll,.phl,.pal{padding-left:20px!important}
.mtn,.mvn,.man{margin-top:0!important}
.mtxs,.mvxs,.maxs{margin-top:2px!important}
.mts,.mvs,.mas{margin-top:5px!important}
.mtm,.mvm,.mam{margin-top:10px!important}
.mtl,.mvl,.mal{margin-top:20px!important}
.mrn,.mhn,.man{margin-right:0!important}
.mrxs,.mhxs,.maxs{margin-right:2px!important}
.mrs,.mhs,.mas{margin-right:5px!important}
.mrm,.mhm,.mam{margin-right:10px!important}
.mrl,.mhl,.mal{margin-right:20px!important}
.mbn,.mvn,.man{margin-bottom:0!important}  
.mbxs,.mvxs,.maxs{margin-bottom:2px!important}
.mbs,.mvs,.mas{margin-bottom:5px!important}
.mbm,.mvm,.mam{margin-bottom:10px!important}
.mbl,.mvl,.mal{margin-bottom:20px!important}
.mln,.mhn,.man{margin-left:0!important}
.mlxs,.mhxs,.maxs{margin-left:2px!important}
.mls,.mhs,.mas{margin-left:5px!important}
.mlm,.mhm,.mam{margin-left:10px!important}
.mll,.mhl,.mal{margin-left:20px!important}
.mra,.mha{margin-right:auto!important}
.mla,.mha{margin-left:auto!important}

/* =============================================================================
   Border Helpers
   ========================================================================== 
b = border
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
s,d = solid,dotted
bw,bk,bg = white, black, grey
*/
.bw{border-color: #fff;}
.bk{border-color: #000;}
.bg{border-color: #ccc;}

.bas,.bts,.brs,.bbs,.bls,.bhs,.bvs{border-style: solid;}
.bad,.btd,.brd,.bbd,.bld,.bhd,.bvd{border-style: dotted;}
.badd,.btdd,.brdd,.bbdd,.bldd,.bhdd,.bvdd{border-style: dashed;}

.bas,.bad,.badd{border-width:1px;}
.bts,.btd,.btdd{border-width:1px 0 0;}
.brs,.brd,.brdd{border-width:0 1px 0 0;}
.bbs,.bbd,.bbdd{border-width:0 0 1px;}
.bls,.bld,.bldd{border-width:0 0 0 1px;}
.bhs,.bhd,.bhdd{border-width:0 1px;}
.bvs,.bvd,.bvdd{border-width:1px 0;}

.ban{border:none!important}
.btn{border-top:none!important}
.brn{border-right:none!important}
.bbn{border-bottom:none!important}
.bln{border-left:none!important}

/* =============================================================================
   Useful classes
   ========================================================================== */
.floatLeft{float:left}
.floatRight{float:right}
.noMargin{margin:0!important;}
.noPadding{padding:0!important;}
.noBackground{background:none!important;}
.noBorder{border:0!important;}
.displayNone{display:none;}
.invisible {visibility:hidden}
.displayBlock{display:block}
.alignCenter{text-align:center}
.alignRight{text-align:right}
.alignLeft{text-align:left}
.alignJustify{text-align: justify}
.bold{font-weight:700!important}
.italic{font-style:italic}
.underline{text-decoration:underline}
.upperCase{text-transform:uppercase}
.lowerCase{text-transform:lowercase}
.clear{clear:both}
.center{display:block;margin:auto}
.indentedText{text-indent:-9999px}
ul.unstyled{list-style:none}
ul.unstyled li{margin:0}
ul.horizontal{list-style:none}
ul.horizontal li{float:left}

.white{color:#fff;}
.red{color:#ff0000;}
.black{color:#000;}

.trebuchet{font-family: 'Trebuchet MS';}
.arial{font-family: Arial;}
.verdana{font-family: Verdana;}
.tahoma{font-family: Tahoma;}

.bgGrey{background: #ccc;}

.sprites{
    background-image: url('../img/sprites.png');
    background-repeat: no-repeat;
    background-color: transparent!important;
}

/* =============================================================================
   CSS3
   ========================================================================== */
.rounded{-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px}
.roundedM{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
.roundedTop{-moz-border-radius:12px 12px 0 0;-webkit-border-radius:12px 12px 0 0;border-radius:12px 12px 0 0}
.roundedBottom{-moz-border-radius: 0 0 12px 12px;-webkit-border-radius: 0 0 12px 12px;border-radius: 0 0 12px 12px}
.roundedLeftTop{-moz-border-radius:12px 0 0 0;-webkit-border-radius:12px 0 0 0;border-radius:12px 0 0 0}
.roundedLeftBottom{-moz-border-radius:0 0 0 12px;-webkit-border-radius:0 0 0 12px;border-radius:0 0 0 12px}
.roundedRightTop{-moz-border-radius:0 12px 0 0;-webkit-border-radius:0 12px 0 0;border-radius:0 12px 0 0}
.roundedRightBottom{-moz-border-radius:0 0 12px 0;-webkit-border-radius:0 0 12px 0;border-radius:0 0 12px 0}
.gradient{background-image: -moz-linear-gradient(top, #52555b, #86888b);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #86888b),color-stop(1, #52555b)); filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#52555b', endColorstr='#86888b'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#52555b', endColorstr='#86888b')"}
.gradientRadial{background: -moz-radial-gradient(center 45deg, circle closest-corner, #FFFFFF 65%, #C1C1C1 90%);background: -webkit-gradient(radial, center center, 65, center center, 90, from(#FFFFFF), to(#C1C1C1))}
.rotate{-webkit-transform: rotate(180deg);-moz-transform: rotate(-180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2)/* 1 = 90°, 2 = 180° or 3 = 270° */}
.textShadow{text-shadow:1px 1px 1px #666}
.boxShadow{-moz-box-shadow:1px 1px 3px #ccc;-webkit-box-shadow:1px 1px 3px #ccc;box-shadow:1px 1px 3px #ccc}
.boxShadowInner{-moz-box-shadow:inset 1px 1px 3px #ccc;-webkit-box-shadow:inset 1px 1px 3px #ccc;box-shadow:inset 1px 1px 3px #ccc}

/* =============================================================================
   Main Layout
   ========================================================================== */
.wrap{width:900px;margin:0 auto;}

/* =============================================================================
   Header
   ========================================================================== */
#header{}

/* =============================================================================
   Nav
   ========================================================================== */
#nav{}

/* =============================================================================
   Footer
   ========================================================================== */
#footer{}

/* =============================================================================
   Common
   ========================================================================== */
/* Button */
.button{}
.button:hover{}
.button:focus{}
.button:active{}
.button:visited{}
/* Accessibility */
#go-main-content{width:1px;height:1px;overflow:hidden;position:absolute;left:-10000px;top:auto}
/* Messages */
.error{}
.success{}
.notice{}
/* Pagination */
/* Widgets */
/* Search form */
/* Articles */

/* =============================================================================
   Fonts
   ========================================================================== */
@font-face{
font-family:'FONTNAME';
src: url('../fonts/FONTFILE.eot');
src: url('../fonts/FONTFILE.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/FONTFILE.woff') format('woff'),
	 url('../fonts/FONTFILE.ttf') format('truetype'),
	 url('../fonts/.svg#FONTNAME') format('svg');
font-weight:normal;
font-style:normal
}
/*@font-face {
  font-family: 'FONTNAME';
  src: url('../fonts/FONTFILE.eot?') format('eot'), url('../fonts/FONTFILE.woff') format('woff'), url('../fonts/FONTFILE.ttf') format('truetype');
}*/

/* =============================================================================
   Primary styles
   ========================================================================== */
#main{
    background: url('../img/index.jpg') no-repeat;
    height:450px;
}
/* =============================================================================
   Other devices
   ========================================================================== */
/* Smartphones (portrait and landscape) */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
.mClearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.mClearfix {display: inline-block;}

* html .mClearfix {height: 1%;}
.mClearfix {display: block;}

.hideMobile{display:none !important}
.showMobile{display:block !important}

.mDisplayBlock{display:block;}
.mNoMargin{margin:0!important}
.mNoPadding{padding:0!important}
.mNoBackground{background:none!important}
.mNoBorder{border:0!important}
.mFloatLeft{float:left!important}
.mFloatNone{float:none!important}
.mClear{clear:both;}

.mFull{width: 100%!important;}
.mInterno{width:320px!important;padding:0!important;}
}

/* Smartphones (landscape) */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops */
@media only screen
and (min-width : 1224px) {
/* Styles */
}

/* Large screens */
@media only screen
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

/* Print */
@media print{
a[href]:after {content: " (" attr(href) ")";}
abbr[title]:after {content: " (" attr(title) ")"}
a[href^="javascript:"]:after, a[href^="#"]:after {content: "";}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
}