/*** NEUTRALIZANDO ESTILOS:
elementos que queremos limpiar completamente: ***/
* {
margin: 0;
padding: 0;
border: none;
}
html {
	text-shadow: #000 0px 0px 0px;/*Elimina el efecto bold en Safari*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/*** NEUTRALIZANDO ESTILOS:
elementos con margen vertical: ***/
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, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: normal;
	font-family: inherit
}

body {
	line-height: 1;
	margin: 0px;
	padding: 0px;
}
 
:focus {
     outline: 0
}
 
ol, ul {
     list-style: none
}
 
 
blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}
 
blockquote, q {
     quotes: "" ""
}
 
input, textarea {
     margin: 0;
     padding: 0
}
 
hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}


/*** LINKS:
a, a:link, a:visited, a:hover, a:active {
outline: 0; /*Elimina la línea de puntos que aparece alrededor de los enlace al clicarlos*/

a img {
border: none;
text-decoration: none;
}
img {
border: none;
text-decoration: none;
}
/*** FORMULARIOS: ***/
label, button {
cursor:pointer;
}

input:focus, select:focus, textarea:focus {
background-color: #FFF;
}

/*** Algunas clases útiles: ***/
.clear {
clear: both;
}
.float-left {
	float: left;
	clear: left;
}
.float-right {
float: right;
}


/* El tamaño de la fuente equivale aquí a 10pt*/
body {
    font: 62.5%/1.5  "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h1 {
    font-size: 2.2em;
}
    
h2 {
    font-size: 2.0em;    
}
    
h3 {
	font-size: 1.0em;
}
    
h4 {
    font-size: 1.6em;    
}
    
h5 {
    font-size: 1.4em;    
}



/* Tables 
-----------------------------------------------------------------------------*/

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

td {
    text-align: left;
    font-weight: normal;
} 

 /*Este trozo de codigo  corrige cuando un contenedor no se estira al contener 
 elementos flotantes, se añade la clase .clearfix al contenedor y listo. 
-----------------------------------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}

.clearfix {display:inline-block;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
.bloque {
	clear: both;
	float: none;
}