/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
  display: block;
}
nav ul, nav li { 
  margin: 0;
} 
nav ul, ul {
  list-style: none;
}

/* Normalize */
a {
	color: rgb(0, 0, 0);
	text-decoration: none;
	
}
a:hover {
	color: rgb(121, 120, 120);
	text-decoration: none;
	}
address {
	font-style: italic;
	font-family: Georgia, 'Times New Roman', Times, serif;
	margin: 0 0 1.75em 0
}
b, strong {
	font-weight: bold;
}
big {
	font-size: 1.1em;
}
blockquote {
	font-style: italic;
	margin: 0 1.5em;
}
blockquote, q {
	quotes: none;
}
body {
color: #666;
font: 16px 'Century Gothic', Century Gothic, sans-serif;
margin: 0 auto;
max-width: 1240px;
padding: 0;
width: 100%;
margin-top: 1%;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
button, input, a.button {
	line-height: normal;
	*overflow: visible;
}
button, input, select, textarea, a.button {
	font-size: 1em;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
code {
	font-family: Monaco, monospace, Courier, "Courier New";
	font-size: 0.9em;
}
dd {
	margin: 5px 0 0 1.5em
}
dl {
	margin: 0 0 1.75em 5px
}
dt {
	font-weight: bold;
	margin: 10px 0 0 0
}
em, cite, dfn {
	font-style: italic;
}
h1, h2, h3, h4, h5, h6 {
	color: #333;
	font-style: normal;
	font-weight: normal;
	line-height: 1.3em;
	margin: 0 0 15px 0;
}
h1 {
	font-size: 2.7em;
	font-style:regular;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.4em;
}
h5 {
	font-size: 1.3em;
}
h6 {
	font-size: 1.1em;
}
hr {
	border: 0;
	border-top: 1px solid #e7e7e7;
	display: block;
	height: 1px;
	margin: 1em 0 1.75em 0;
	padding: 0;
}
img {
	-ms-interpolation-mode: bicubic;
vertical-align: middle;
padding: 0px;
}
input:invalid, textarea:invalid {
	background-color: #f0dddd;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
}
input[type="search"] {
	-moz-box-sizing: content-box;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
legend {
	border: 0;
	*margin-left: -7px;
	padding: 0;
}
object {
	margin-bottom: 1.5em;
}
ol {
	list-style-type: decimal;
	margin: 0 0 1.75em 3.1em;
	padding: 0;
}
option {
	padding: 1px 2px;
}
p { 
	margin: 0 0 1.3em 0;
}
pre {
	font-family: Monaco, monospace, Courier, "Courier New";
	font-size: 0.9em;
	line-height: 1.75em;
	margin-bottom: 1.75em;
	overflow: auto;
	padding: 10px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
small {
	font-size: 0.9em;
}
sub, sup {
	font-size: 0.85em;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 1.75em;
}
table button, table input {
	*overflow: auto;
}
td {
	vertical-align: top;
}
th, td {
	text-align: left;
}
textarea {
	overflow: auto;
	resize: vertical;
	vertical-align: top;
}
ul {
	list-style: square;
	margin: 0 0 1.75em 2.8em;
	padding: 0;
}
*{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
*img{
width:100%;
}

/* fin reset */
/* mis estilos */
#wrap {
max-width: 1024px;
margin: 0px auto;
height: auto;
}
header{
width:100%;
margin-top: 10px;
}
#letras{
width: 67%;
margin-top: 25px;
margin: auto;
}

#letras h1{
text-align:center;
margin-bottom: 4%;
}


div.clearfix{
width:1px;
height: 13px;
display:block;
clear:both;
content: ".";
}
.container {
width: 18%;
margin: auto;
}
footer{
width: 100%;
height: auto;
margin-top: 2%;
}

#mail{
width: 100%;
text-align: center;
}
#telefono{
width: 100%;
text-align: center;
}

/* mediaquerys*/
@media only screen and (max-width:54em) {
  /* Style adjustments for viewports that meet the condition */

 #letras{
 margin:0px auto;
 float:none;
 width: 100%;
 } 
 #letras h1 {
text-align: center;
font-size: 1.3em;
}
ul#buttons_slider {
width: 67%;
margin: 0px auto;
}
 #logo{
display:none;
}
#slider_buttons {
width: 100%;
float:none;
}
#buttons_slider li{
float:none;
width: 100%;
height: 35px;
}
#mail{
width:100%;
margin-left:0%;
}

#telefono {
float:none;
width: 100%;
margin-top: 0px;
clear: both;
text-align:center;
}
#mail h5 {
font-size: 1.0em;
text-align: center;
}
}
@media only screen and (max-width:500px) {
.container {
width: 47%;
margin: auto;
}
}