@charset "UTF-8";

@font-face {
    font-family: 'danpro';
    src: url('/fonts/danpro-regular-webfont.eot');
    src: url('/fonts/danpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/danpro-regular-webfont.woff') format('woff'),
         url('/fonts/danpro-regular-webfont.ttf') format('truetype'),
         url('/fonts/danpro-regular-webfont.svg#danpro-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'danpro';
    src: url('/fonts/danpro-bold-webfont.eot');
    src: url('/fonts/danpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/danpro-bold-webfont.woff') format('woff'),
         url('/fonts/danpro-bold-webfont.ttf') format('truetype'),
         url('/fonts/danpro-bold-webfont.svg#danprobold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* -------------------------------------
=Variables */

$min_font_size: 16px;
$max_font_size: 52px;
$scale_factor: 2;

$_p: $min_font_size;
$_h6: $_p  + round(1*$scale_factor);
$_h5: $_h6 + round(2*$scale_factor);
$_h4: $_h5 + round(3*$scale_factor);
$_h3: $_h4 + round(4*$scale_factor);
$_h2: $_h3 + round(5*$scale_factor);
$_h1: $_h2 + round(6*$scale_factor);

/*$_p:  16px;
$_h1: 56px;
$z_ratio: ($_h1 - $_p) / 6;
$_h6: round($_p + $z_ratio);
$_h5: round($_p + $z_ratio*2);
$_h4: round($_p + $z_ratio*3);
$_h3: round($_p + $z_ratio*4);
$_h2: round($_p + $z_ratio*5);*/


/* MARGINS */

$m_p: 1.0em;
$m_h1:0.25em;
$m_ratio: ($m_p - $m_h1)/5;
$m_h2: $m_h1 + ($m_ratio);
$m_h3: $m_h2 + ($m_ratio);
$m_h4: $m_h3 + ($m_ratio);
$m_h5: $m_h4 + ($m_ratio);
$m_h6: $m_h5 + ($m_ratio);

/* LINE-HEIGHTS */

$lh_p: 1.45em;
$lh_h1:1.125em;
$lh_ratio: ($lh_p - $lh_h1)/5;
$lh_h2: $lh_h1 + ($lh_ratio);
$lh_h3: $lh_h2 + ($lh_ratio);
$lh_h4: $lh_h3 + ($lh_ratio);
$lh_h5: $lh_h4 + ($lh_ratio);
$lh_h6: $lh_h5 + ($lh_ratio);

/* -------------------------------------
=Tipografia */

/*Golden ratio sizes 56,46,36,30,24,20,16*/

html {
	-webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-size: 100.01%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body,
button,
input,
select,
textarea,
fieldset,
legend {
	/*font-family:'Trebuchet MS', Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
	/*font-family: Georgia, 'Times New Roman', Times, serif;*/
	/*font-family:'Courier New', Courier, monospace;*/

  font: 400 16px/1.5 'danpro', danpro, Arial, Helvetica, sans-serif;
  text-align: left;
  color: #666;
}

dfn,
em,
i {
  font-style: italic;
}

strong,
b {
  font-weight: 700;
}

._p,
p, ol, ul, blockquote, pre, code {
  margin-bottom: 16px;
  margin-top: 0;

  font-size: $_p;
  line-height: 18px;
  text-align: left;
}

._h1, ._h2, ._h3, ._h4, ._h5, ._h6,
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: 400;
  color: $col_blue;
  text-align: left;
}

._h1,
h1 {
  font-size: $_h1; /*56*/
  line-height: 59px;
  margin-bottom: $m_h1;
  letter-spacing: -3px;
}

._h2,
h2 {
  font-size: $_h2; /*46*/
  line-height: $lh_h2;
  margin-bottom: $m_h2;
}

._h3,
h3 {
  font-size: 36px; /*36*/
  line-height: 1em;
  letter-spacing: -2px;
  margin-bottom: $m_h3;
}

._h4,
h4 {
  font-size: $_h4; /*28*/
  line-height: $lh_h4;
  margin-bottom: $m_h4;
}

._h5,
h5 {
  font-size: $_h5; /*22*/
  line-height: $lh_h5;
  margin-bottom: $m_h5;
}

._h6,
h6 {
  font-size: $_h6; /*18*/
  line-height: $lh_h6;
  margin-bottom: $m_h6;
}

abbr[title] {
  border-bottom: 1px dotted;
}

blockquote {
  margin: 1em 40px;
}

mark {
  background: #ff0;
  color: #000;
}

pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  /*font-size: 1em;*/
}

pre {
	padding: 15px;
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
	background: #f00;
  margin: 1em 0;
}

q {
  quotes: none;
}

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

small {
  font-size: 14px;
  line-height: 1.5em;
  text-align: left;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

address {
	font-style:normal !important;
}

/* -------------------------------------
=Footer / Address */

footer address {
	font-size: $_p;
  line-height: 1.5em;
}

/* -------------------------------------
=Forms feneral */

fieldset,
legend,
input,
textarea,
label,
select {
  font-size: $_p;
  line-height: 1.5em;
  font-weight: 400;
	text-align:left;
}

/* align checkboxes, radios, text inputs with their label */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* -------------------------------------
=Enlaces */

a:focus { outline: thin dotted; }
a:hover,
a:active { outline: 0; }

a, a:link,
a:visited,
a:hover,
a:active {
  font-weight: 400;
  color: $col_blue;
  outline: 0;
  text-decoration:underline;
}
a:hover {
  color: $col_blue_dark;
}

a.alt, a.alt:link,
a.alt:visited,
a.alt:hover,
a.alt:active {
  color: $col_blue_dark;
}
a.alt:hover {
  color: $col_blue;
}

a.white, a.white:link,
a.white:visited,
a.white:hover,
a.white:active {
  color: #fccc2a;
  text-decoration: none;
}
a.white:hover {
  color: #fff;
  text-decoration: underline;
}

footer address a,
footer address a:link,
footer address a:visited,
footer address a:hover,
footer address a:active {
  font-weight: 400;
  color: #fff;
  text-decoration: underline;
}
footer address a:hover {
  color: #fff;
}

/* ICONO AUTOMÁTICO EN LINKS DE DOWNLOAD */
/* a[href$=".pdf"] { padding:0 20px 0 0; background:transparent url(/img/pdf.png) no-repeat center right; } */

/* -------------------------------------
=Listas */

ul, ol, li {
	list-style: none;
}

li {
	font-size: 100%;
	line-height: 160%;
}

dl, menu, ol, ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

menu, ol, ul {
  padding: 0 0 0 40px;
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
}

/* =ESTILOS POR DEFECTO */
/* ul li { list-style: disc outside; }*/
/* ol li { list-style: decimal outside; }*/