@charset "UTF-8";

/* .::::::::::::::::::::::::::::::::::::. */
/***---template---*/

html   {margin:0;padding:0;border:0;font-size: 100%;}
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
 u, i, center, dl, dt, dd, fieldset, form, label, legend,  caption, 
article, aside, canvas, dialog, details, figcaption, figure, footer, header, hgroup, nav, section, summary, time, mark, audio, video
       { margin: 0; padding: 0; border: 0; outline: 0; font-weight:inherit; font-style:inherit; font-family:inherit; font-size: 100%; vertical-align: baseline; background: transparent; }
body   { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

/* remember to define focus styles! */
:focus { outline:0;}
/* remember to highlight inserts somehow! */
ins    { background-color: rgb(255,255,153); color: rgb(0,0,0); text-decoration:none; }
mark   { background-color: rgb(255,255,153); color: rgb(0,0,0); font-style: italic; font-weight: bold; }
del    { text-decoration:line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table  { border-collapse:collapse; border-spacing:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog { display: block; }


/* ====== ELEMENTS ====== */
nav   { margin: 0; list-style:none; list-style-image: none; }
em, dfn     {font-style:italic;}
strong, th, dfn {font-weight:bold;}
small       { font-size: 85%; }
sup, sub    { font-size:1em; line-height:0; position:relative;}
sup         { top: -0.5em; }
sub         { bottom: -0.25em; }
/* ====== LINK ELEMENTS ====== */

/* ====== HIGHLIGHT ELEMENTS ====== */
/* Selection declarations have to be separate. Current Color : hot pink! */

/* ====== MAIN ELEMENTS ====== */ /* Most popular fontsize for body is 13px by Smashing Mag */

pre       { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px;}
code      { color: rgb(11,140,143);}
pre, code, tt, kbd, samp { font:1em 'andale mono', 'lucida console', monospace, sans-serif; line-height:1.5;}
address   { font-style:italic;}
blockquote{ margin:1.5em; color:rgb(102,102,102); font-style:italic;}

/* ====== FORM ELEMENTS ====== */
fieldset  { padding:0 1.5em 1.5em 1.5em; margin:0 0 1.5em 0; }
legend    { font-weight:bold; font-size:1.3em;}



button { cursor: pointer; }  /* Hand cursor on clickable input elements */
button { margin: 0; } /* Webkit browsers add a 2px margin outside the chrome of form elements */
button {  width: auto; overflow: visible; }    /* Make buttons play nice in IE: */



/* Use this to create a horizontal ruler across a column. */
hr       { background: rgb(221,221,221); color: rgb(221,221,221); clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.45em; border: none; }

/* .::::::::::::::::::::::::::::::::::::. */
/***---layout---*/



/* Navigation */
/* line 71, sass/layout.sass */
#header {
	width:100%;
  position: relative;
  z-index: 100;
  height: 50px;
  margin:0 auto;
}

/* line 78, sass/layout.sass */
.main-header {
  background: white;
  position: absolute;
  width: 100%;
  padding: 0;
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  z-index: 11;
  border: 1px solid #a4a4a0;
  border-width: 0 0 1px 0;
}

/* line 117, sass/layout.sass */
.main-header nav {
  width: 100%;
  height: 50px;
  float: left;
  margin: 0;
  padding: 0;
}



/* Footer */

/* line 359, sass/layout.sass */
#footer{
  content: " ";
  width: 100%;
  height: 50px;
  margin:0 auto;
  bottom: 0;
  left: 0;
  background: #333;
  padding-bottom:2px;
}
.text_footer{
	font-size:90%;
	color:#fff
}
/* .::::::::::::::::::::::::::::::::. */
/* Mios */
.texto_comun{
	font-size:.9rem;
	line-height:normal;	
}
.al_100{
	width:100%;
	height:auto;
}
#cfg-element-4-1{
	font-weight:bold;
	font-size:36px;
	
}
a.fasebo1:link{ margin-left:0px;text-indent:-9999px; width:72px; height:44px; float:right; background: url(../images/Iconos-Redes.png) no-repeat;
 background-position:0px 0px}
a.fasebo1:hover{ margin-left:0px;text-indent:-9999px; width:72px; height:44px; float:left;background: url(../images/Iconos-Redes1.png) no-repeat
; background-position:0px 0px}
a.tuit1:link{ margin-left:0px;text-indent:-9999px; width:72px; height:44px; float:left; background: url(../images/Iconos-Redes.png) no-repeat; 
background-position:0px -47px}
a.tuit1:hover{ margin-left:0px;text-indent:-9999px; width:72px; height:44px; float:left;background: url(../images/Iconos-Redes1.png) no-repeat
; background-position:0px -47px}
a.yout1:link{ margin-left:0px;text-indent:-9999px; width:72px; height:27px; float:left; background: url(../images/Iconos-Redes.png) no-repeat; background-position:0px -74px}
a.yout1:hover{ margin-left:0px;text-indent:-9999px; width:72px; height:27px; float:left;background: url(../images/Iconos-Redes1.png) no-repeat
; background-position:0px -74px}
a.goo1:link{ margin-left:0px;text-indent:-9999px; width:72px; height:27px; float:left; background: url(../images/Iconos-Redes.png) no-repeat; background-position:0px -111px}
a.goo1:hover{ margin-left:0px;text-indent:-9999px; width:72px; height:27px; float:left;background: url(../images/Iconos-Redes1.png) no-repeat
; background-position:0px -111px}
a.imd:link{ margin-left:0px;text-indent:-9999px; width:130px; height:47px; float:right; background:url(../images/imd1.jpg) no-repeat}
a.imd:hover{ margin-left:0px;text-indent:-9999px; width:130px; height:47px; float:right; background:url(../images/imd.jpg) no-repeat}
a.jjjj:link;a.jjjj:active,a.jjjj:visited,a.jjjj:hover{
	color:#FFF;
	font-size: inherit;
}
a.idioma:link, a.idioma:visited, a.idioma:active, a.idioma:focus{
	color:#000;
	text-decoration:none
}
a.idioma:hover{
	color: #900
}
a.tdsocial:link{
	padding:-10px
}