html, select, textarea {
	font-family: "Open sans", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-weight: 400; 
	color: #555; 
	font-smooth:always;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	font-size: 100%; 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%; }

body {width:100%; margin: 0; font-size: 13px; line-height: 1.6; }
article, aside, figcaption, figure, footer, header, menu, nav, section {display: block}
:hover, :focus, :active { outline: none; }
.container {width: 100%; margin: 0em auto; min-width: 300px;}
.logo {margin-bottom: 3em;}
.logo:hover {background: none;}
li { list-style: none; text-align: left; }				
.grid-wrap {margin-left: 0em;  *zoom:1;}
.grid-wrap:before, .grid-wrap:after{content:""; display:table}
.grid-wrap:after{clear:both}
.grid { float: left; padding-left: 3em; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.col-full {width: 100%; }
.col-un-medio {width: 50%; }
.col-un-mediomas {width: 55%; }
.col-un-mediomenos {width: 45%; }
.col-un-tercio {width: 33.333%; }
.col-dos-tercios {width: 66.666%; }
.col-un-cuarto {width: 25%; }
.col-tres-cuartos {width: 75%; }
.fright, .fleft{display:block; overflow:hidden}
.fright{float:right}
.fleft{float:left}
.main > section { margin-bottom: 0em;  }
.main header{ color: #555; margin-bottom: 3em; }
.main header hr{border-top-color:#999;}
.main menu{padding: 0 0 0 0em; line-height: 2em;}
.main menu ul{padding-left: 0;}
.main menu a{color: #333; padding: 1em 3em 1em 3em; border: 1px solid #ddd; line-height: 3em; display:block; text-align:center;}
.main menu .buttonactive {color: #0078CF }
.main > section article:last-child { padding-bottom: 3em; }
.main aside{margin-bottom: 3em}
.main aside menu{padding: 0 0 0 1em; line-height: 2em;}
.main aside menu a{color: #333; padding: 1em 3em 1em 3em; border: 1px solid #ddd; line-height: 3em; display:block; text-align:center;}
.main aside menu .buttonactive {color: #0078CF }
.centerleft { margin-left: -10em; opacity:0; }
.centerleft.animated { margin-left: -3em; opacity:1; }
img { border: 0; } 
::-moz-selection { background: #0078CF; color: #fff; text-shadow: none; }
::selection { background: #0078CF; color: #fff; text-shadow: none; }	
p{margin: 0 0 1em; font-size: 14px!important;}
p:last-child {margin-bottom: 0;}
h1,h2,h3,h4,h5,h6{margin:0 0 1em; font-weight: normal;}
h1 {font-size: 16px !important; line-height: 0.9 !important; color: black !important; margin: 0 0 0.5em !important;}
h2 { font-size: 12px !important; margin: 0 0 20px!important; letter-spacing: -0.05em!important; color: #555 !important; line-height: 1 !important; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.17em; text-transform: uppercase; margin: 0; color: #555; }
h6 { font-size: 1em; margin-bottom: 2px; font-weight: 700; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#333; text-decoration: none;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#0078CF;text-decoration:none ;}			
footer  { color: #fff; margin-bottom: 0em; margin-top: 0em; padding:1.5em 2em;}
footer nav ul { float: left; overflow: hidden; }
footer a {color: #fff;}
footer p {color: #fff;}
footer li { float: left; margin-right: 1em; padding-right: 1em; font-size: 0.8em; }
footer li:last-child { margin-right: 0; padding-right: 0; border-right: none; }
.up a { display: block; text-align: center; margin: 0 auto; }
img { max-width: 100%; height: auto; width: auto; }
a img {
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    transition: opacity 1s ease; }

.lt-ie9 .container {min-width: 780px;}
.lt-ie8 .container {width: 960px;}
.lt-ie8 .grid-wrap {margin-left: 0; }
.lt-ie8 .grid {padding: 0;margin-left: 5%; }
.lt-ie8 .grid:first-child {margin-left: 0; }
.lt-ie8 .col-full {width: 99.95%; }
.lt-ie8 .col-full + .grid {margin-left: 0; }
.lt-ie8 .col-un-medio {width: 47.45%; }
.lt-ie8 .col-un-tercio {width: 29.55%; }
.lt-ie8 .col-dos-tercios {width: 64.95%; }
.lt-ie8 .col-un-cuarto {width: 19.95%; }
.lt-ie8 .col-tres-cuartos {width: 74.95%; }


@media only screen and (max-width: 320px){
.main > section{
	height:100%;
	min-height:480px;
}	

}