@charset "UTF-8";
@import "inicializadores.css";
@import "grid.css";
@import "contenido.css";

::selection { background: #EEEEEE; color: #000;}
::-moz-selection { background: #EEEEEE; color: #000;}
::-webkit-selection { background: #EEEEEE; color: #000;}

* { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-text-size-adjust: none; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }
body { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; color: #000; background-color: #EEEEEE; animation: fadein 2s; -moz-animation: fadein 2s; -webkit-animation: fadein 2s; -o-animation: fadein 2s;}

h4, h5, h6, ul, p { font-size: 1em; list-style: none;}
a, a * { text-decoration: none; color: #000; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease;} 
strong { font-family: 'Open Sans', sans-serif; font-weight: 700;}
em { font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: italic; }
strong em { font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: italic; }
a img { text-decoration: none;}
small { font-size: 70%;}

.colMain { padding: 0 30px 0 50px; width: 1440px;}
.mainBar { width: 18%; height: 100%; position: fixed; z-index: 11; background-color: #E8533F; right: 0; top: 0;  box-shadow: 0px 0px 5px rgba(0,0,0,.3); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.3);}
.mainBar a { color: #FFF;}
.mainBar a.on { color: #000;}

.header { padding-top: 3.5em;}
.boxLogo { font-size: 1em; margin-bottom: 3.5em;}
#logo, #logo a, #logo a img { display: block;}
#logo img { max-width: 210px;}
.menu ul { float: left; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: .875em; text-transform: uppercase; letter-spacing: .025em; margin-bottom: 1.5em;}
.menu ul li { float: left; width: 100%; margin-bottom: 1em;}
.menu ul li.cervantesDigital { font-weight: 700; margin-top: 1.5em;}

.footer { position: absolute; left: 0; bottom: 0; padding-bottom: 1.5em;}
ul.lang { font-size: .75em; line-height: 2em; font-family: 'Montserrat', sans-serif; text-transform: uppercase; margin-bottom: .5em;}
ul.lang li { display: inline-block; margin-right: .7em;}
ul.language-chooser {float: left; font-size: .75em; line-height: 2em; font-family: 'Montserrat', sans-serif; text-transform: uppercase; margin-bottom: .5em;}
ul.language-chooser li { display: inline-block; margin-right: .7em;}
ul.language-chooser li.active a { color: #000;}
.legal { font-size: .75em; line-height: 2em; margin: 0 0 2em 0;}
.legal a { margin: 0 1.5em 0 0;}

.box-search { padding-right: 1.8em; padding-bottom: 1em;}
.box-search input[type="text"] { display: inline-block; padding: 5px 20px 5px 0; height: 40px; width: 40px; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; background: transparent url(../img/iconLupaW.png) no-repeat left center; color: transparent; box-shadow: none; -webkit-box-shadow: none;}
.box-search input[type="text"]:focus { width: 100%; border-bottom: 1px solid #FFF; background-position: right; color: #FFF;}

ul.rrss { font-size: .85em; margin: 0 .8em 0 -.5em;}
ul.rrss li { display: inline-block; width: 2em; height: 2em; text-align: center; line-height: 2em; margin-top: -.4em;} 
ul.rrss li a { display: inline-block; width: 2em; height: 2em; text-align: center; line-height: 2em; background: url(../img/btnRrss.png) no-repeat; background-size: auto 200%; text-indent: -9999px;}
ul.rrss li a.f { background-position: -6% -17%;}
ul.rrss li a.t { background-position: 21% -17%;}
ul.rrss li a.i { background-position: 47% -17%;}
.linkHashTag { font-size: .75em; font-family: 'Montserrat', sans-serif; text-transform: uppercase; margin-top: .3em;}
a.pum { font-size: .7em; line-height: 2.4em; color: #E80000; float: right; margin-right: 1.8em;}
.boxMedia { display: inline-block; margin-left: .5em; padding-left: 2em; border-left: 1px #fff solid;}


.header, .footer { padding-left: 12%;}

.contenido { position: relative; left: 0; top: 0; z-index: 2; float: left; width: 100%; padding-right: 18%;}
.contenido, .header, .footer , .colMain, .mainBar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.btnMenu /* , .menuSmart */ { display: none;}
.btnMenu { position: fixed; right: 2%; top: 2.2em; height: 2em; width: 2em; z-index: 2000; overflow: visible; cursor: pointer;  transition: all .2s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease;}
.btnMenu .line, .btnMenu .line:before, .btnMenu .line:after { width: 100%; height: 4px; background-color: #FFF; display: block; position: absolute; content: ''; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease;}
.btnMenu .line { top: 50%; text-indent: -9999px;}
.btnMenu .line:before { top: -.7em;}
.btnMenu .line:after { top: .7em;}
.btnMenu.on .line { background: transparent;}
.btnMenu.on .line:before { top: 0; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.btnMenu.on .line:after  { top: 0; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}

@keyframes fadein 			{ from { opacity: 0;} to { opacity: 1;} }
@-moz-keyframes fadein 		{ from { opacity: 0;} to { opacity: 1;} }
@-webkit-keyframes fadein 	{ from { opacity: 0;} to { opacity: 1;} }
@-o-keyframes fadein 		{ from { opacity: 0;} to { opacity: 1;} }