/*

 Reset CSS file by season.es
 Author(s): Xavi Blanch - xavi.blanch@gmail.com

   * Based on eric meyer's css reset
   * CSS clearfix
   * Added HTML5 tag definitions

*/

/* = reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
        font-weight: normal;
}

body {
        
	line-height: 22px;
}

ol, ul {
	list-style: bullet;
        list-style-position: inside;
}

blockquote, q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

:hover, :focus, :active {
	outline: 0;
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif; border-radius: 0px;}

table {font-size: inherit; font: 100%;}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* = clearfix */

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 

/* = html5 tag render */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body{
    font-family: 'Muli', sans-serif;
    font-size: 13px;
    color: #2f4954;
    background: #bbc9d1;
	padding:15px;
}

a{
    color:#2f4954;
    text-decoration: none;
}
a:hover{
    opacity:0.75;
}

.wrapper{
    margin:0px auto;
    max-width: 885px;
	text-align:center;
	padding:0px 15px;
}

HEADER{
	font-size:16px;
	 letter-spacing: 1.75px;
}

#content{
	font-size:20px;
	letter-spacing: 1.75px;
}

#content .logo{
	padding:180px 0px;
	width:100%;
}

#content .logo IMG{
	width:100%;
	max-width:505px;
	display:block;
	margin:0px auto;
}
#content .text{
	background:#FFF;
	padding:40px 0px;
	width:100%;
}

@media(max-width:1000px){
	#content .logo{
		padding:120px 0px;
	}
}

@media(max-width:800px){
	#content .logo{
		padding:100px 0px;
	}
}

@media(max-width:600px){
	#content .logo{
		padding:60px 0px;
	}
}