/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10-ene-2015, 23:42:56
    Author     : rmalon
*/
/* fonts */
@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic|Noto+Serif:400,700,400italic,700italic);

/* reset + grid + mediaqueries */
article, aside, details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;outline:none;border-radius:0;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:none;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:none;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0;margin-bottom: 40px;}td,th{padding:1em;border:1px solid #ccc}th{background:#ddd}tr:nth-child(2n+1) td{background:#f7f7f7;}
.row:before,.row:after,.clear:before,.clear:after{content:'';display:table}.row:after,.clear:after{clear:both}.row,.clear{zoom:1}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}body{font-size:100%;line-height:1.6875}.grid{margin:0 auto;max-width:1200px;width:100%}img{max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto}.wfull{width:100%;max-width:100%}.w320{max-width:320px}.w640{max-width:640px}.w960{max-width:960px}.row{width:100%;margin-bottom:20px}.row .row{width:auto;margin:0 -20px}.c1{width:8.33%}.c2{width:16.66%}.c3{width:25%}.c4{width:33.33%}.c5{width:41.66%}.c6{width:50%}.c7{width:58.33%}.c8{width:66.66%}.c9{width:75%}.c10{width:83.33%}.c11{width:91.66%}.c12{width:100%}.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{min-height:1px;float:left;padding-left:20px;padding-right:20px;position:relative}.s1{margin-left:8.33%}.s2{margin-left:16.66%}.s3{margin-left:25%}.s4{margin-left:33.33%}.s5{margin-left:41.66%}.s6{margin-left:50%}.s7{margin-left:58.33%}.s8{margin-left:66.66%}.s9{margin-left:75%}.s10{margin-left:83.33%}.s11{margin-left:91.66%}.end{float:right!important}
@media handheld, only screen and (max-width: 700px), only screen and (max-device-width: 700px) and (orientation:portrait){body{font-size:90%}.row{margin-bottom:0!important}.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{width:100%;margin-right:0;margin-left:0;margin-bottom:20px}}
@media screen and (min-width: 1500px) {.grid {max-width:1400px;}.wfull{width:100%;max-width:100%}}

/* header */
#header .mobile-nav-wrapper, #header .tablet-nav {display: none;}
#header .top-bar {background: #eee; font-size: 12px; color: #555; padding: 10px 0; margin: 0;}
#header .top-bar .row {margin: 0;}
#header .top-bar .c12 {margin: 0; padding: 0;}
#header a {color: #555;}
#header ul.top-nav {float: right; list-style: none; margin: 0; padding: 0 20px 0 0; display: block;}
#header ul.top-nav li {margin-left: 15px;}
#header ul.top-nav a:hover {text-decoration: underline;}
#header ul.breadcrumbs {float: left; list-style: none; margin: 0; padding: 0 0 0 20px;}
#header ul.breadcrumbs li {margin-right: 5px; color: #bbb;}
#header ul.breadcrumbs li + li:before {content: '›';}
#header ul.breadcrumbs li + li a {margin-left: 5px;}
#header .top-bar li {float: left;}
#header .brand {padding: 30px 20px;}
#header .brand a {display: inline-block;}
#header .brand a img {margin: 0;}
#header .since {float: right; margin-top: 7px;}

.main-nav .row.nav {margin: 0 auto 30px auto;}
.main-nav .row.nav ul {margin: 0; padding: 0; list-style: none;}
.main-nav .row.nav li {float: left;}
.main-nav ul.nav {float: left;}
.main-nav ul.nav a {padding: 0 0 2px 0; margin-right: 30px; position: relative; display: inline-block; outline: none; color: #0077ad!important; text-decoration: none;}
.main-nav ul.nav a:hover, .main-nav ul.nav a:focus {outline: none;}
.main-nav ul.nav a::after {position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background: #0077ad; content: ''; opacity: 0; -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s; -o-transition: height 0.3s, opacity 0.3s, -o-transform 0.3s; -ms-transition: height 0.3s, opacity 0.3s, -ms-transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);}
.main-nav ul.nav li.current a::after, .main-nav ul.nav a:hover::after, .main-nav ul.nav a:focus::after {height: 2px; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);}



/* footer */
#footer {background: #eee;}
#footer .row {margin-bottom: 0;}
#footer .nav {margin: 10px auto 5px auto;}
#footer .nav ul {margin: 0; padding: 0; list-style: none;}
#footer .nav li {float: left;}
#footer .nav a {color: #666!important; font-size: 14px;}
#footer .nav a::after {background: #666;}
#footer p {color: #aaa; font-size: 12px;}
#footer p a {color: #aaa; font-size: 12px;}
#footer p a:hover {color: #0077ad;}
#top {display: none; position: fixed; bottom: 20px; right: 20px; padding: 8px 10px 12px 10px; line-height: 1; color: #fff; text-decoration: none; background: #ccc; background: rgba(0,0,0,.2);}
#top:hover {opacity: 1; background: #0077ad;}