@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('https://fonts.googleapis.com/css?family=Roboto');
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
a {
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
}
a.negre {color: #000000;}
a.select { color:red !important; font-weight:800 !important;}

a.roig {
	text-decoration: none;
	color: #CC0000;
}
a.roig:link {
	text-decoration: none;
	color: #CC0000;
}
a.roig:hover {
	text-decoration: none;
	color: #CC0000;
}
a.roig:active {
	text-decoration: none;
	color: #CC0000;
}
a.gris {
	color: #cecece;
	text-decoration: none;
}
a.gris:link {
	color: #cecece;
	text-decoration: none;
}
a.gris:active {
	text-decoration: none;
	color: #CC0000;
}
.conveni {
    color: #292929 !important;
	line-height:130% !important;
}
.fotofons {
	width: 100%;
}
.ancora {
    padding-top: 5em;
}
li.sepdalt {
    margin-top: 0.5em !important;
}
.tab0 {
    text-indent: 0em;
}
.tab1 {
    text-indent: 0.8em;
	color: rgb(40 40 40) !important;
}
.tab2 {
    text-indent: 1.6em;
	color: rgb(60 60 60) !important;
}
.tab3 {
    text-indent: 2.4em;
	 color: rgb(80 80 80) !important;
}
.tab4 {
    text-indent: 3em;
	color: rgb(100 100 100) !important;
}
.estret {
	width: 5em !important;
}
.w600 {
	font-weight:600 !important;
}
.apartat {
    margin: 1em;
}
.titol_apartat {
    margin: 0;
    padding: 0;
	line-height: 120%;
}
.subtitol_apartat {
    margin: 0;
    padding: 0;
}
#PDades {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-content: start;
	padding: 1em;
}
#PDades .PDadesF {
    padding: 0.5em;
    border: solid 1px #dddddd;
    margin: 0.5em;
	background: whitesmoke;
}
.PDadesFdes {
    font-size: 1.2em;
    font-weight: 800;
    width: 11em;
	text-align: center;
	overflow-x: hidden;
    white-space: nowrap;
}
.PDadesFuni {
    font-size: 0.8em;
	text-align: center;
    margin-bottom: 1em;
}
.PDadesFval {
    font-size: 2em;
    font-weight: 800;
    text-align: center;
}
.PDadesFvarTxt {
    font-size: 0.8em;
    text-align: center;
}
.PDadesFvar {
    font-size: 1.5em;
    text-align: center;
    font-weight: 800;
}
.PDadesFfle {
    text-align: center;
}
.PDadesFfle img {
    max-width: 40%;
}


html {
	background-color: #FFFFFF;
	font-family: 'Roboto Condensed', sans-serif;
	height: 100%;
}
body {
	margin: 0px;
} 
#container {
	width: 100%;
	margin: 0 auto 0 auto;
}
#header {
	width: 100%;
	margin: 0;
	padding: 0;
	height: auto;
	overflow: hidden;
	background-color: #bf002d;
    z-index: 9999;
	position: fixed;
}
#header a.titolg {
	color: #FFFFFF;
    font-size: 2.5em;
    font-weight: 100;
    line-height: 1.8em;
    padding-left: 0.3em;
    font-family: 'Oswald', sans-serif;
}
#header a.titolg span {
    font-size: 0.6em;
    font-weight: 400;
}

#header p {
    font-family: 'Roboto Condensed', sans-serif;
    color: #FFFFFF;
    padding: 2em 0 0 11em;
    margin: 0;
    font-size: 1em;
    font-weight: 800;
}
#header p  span{
    font-family: 'Roboto Condensed', sans-serif;
    color: #FFFFFF;
    font-size: 0.7em;
	font-weight: 100;
}
#idioma {
    font-weight: 100;
    text-align: right;
    float: right;
    background-color: #efefef;
    width: 99.5%;
    padding: 0 0.5% 0 0;
    font-size: 90%;
}
#content {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

span.titol {
    color: #bf002d;
    font-weight: 800;
}
span.apTriat {
    color: #b5b5b5;
    font-weight: 800;
}
#qpatrocina {
    text-align: center;
    border: solid 4px #dddddd;
    width: 50%;
    padding: 1em;
    margin: 2em 2em 5em 0;
    float: left;
}
#qpatrocina p {
    font-size: 0.8em !important;
    padding: 0 0 1em 0 !important;
    margin: 0;
    text-align: center;
}
#qpatrocina img {
    border: none;
    width: 100%;
    max-width: 20em;
}
.lineadalt {
	border-top: 3px dotted #dddddd;
	padding-top: 1.5em !important;
}
#ruta {
    font-size: 1em;
    font-weight: 100;
    color: #bf002d;
    background-color: #f9f9f9;
    padding: 1em 1em 1em 3em;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 2em;
}
#article_home {
	width: 94%;
    margin: 0;
    padding: 0 3% 0 3%;
    float: left;
    max-width: 60em;
} 
#sidebar {
	width: 156px;
	margin: 330px 0px 0px;
	padding: 0px;
	float: right;
}
#sidebar  p{

	font-size: 13px;
	font-weight: normal;
	color: #ABABAB;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
#sidebar a{
  
  font-size: 18px;
  font-weight: normal;
  color: #FFFFFF;
  margin-top: 2px;
  padding: 0px 80px 0px 10px;
  background-color: #C3C3C3;
  line-height: 24px;
}
#sidebar  a:hover{
  background-color: rgb(217, 0, 51);
}
#footer {
	width: auto;
    margin: 0;
    padding: 0;
    background-color: #d9d9d9;
    color: #3c3c3c;
    font-family: 'Roboto', sans-serif;
    border-top: 1px solid #bdbdbd;
    padding: 1em;
}
#footer p.ge{
    font-size: 1.4em;
    font-weight: 400;
	margin: 0;
}
#footer p.cc{
    font-size: 1em;
    font-weight: 400;
	margin: 0;
}
#footer p.dd{
    font-size: 0.8em;
    font-weight: 100;
	margin: 1em 0;
}
#footerLogo {
    padding: 1em;
    float: left;
    width: 5em;
}
#footerLogo img {
    width: 100%;
}

a.linkopacity img {
    opacity:1;
	-khtml-opacity: 1.0; 
    *filter: alpha(opacity=100);
    *filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
} 
a.linkopacity:hover img {        
    opacity:0.5;
	-khtml-opacity: 0.5; 
    *filter: alpha(opacity=50);
    *filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.linkroig {
	color: #CC0000;
}
.grafic_png {
	max-width: 90%;
	border:0;
}
.mapa_gif {
	width: 40em;
    border: 0;
    max-width: 80%;
}
.ggrafic {
	min-height:30em;
	max-width: 50em;
	width:100%;
}




#article_home p {
    font-size: 1.1em;
    font-weight: normal;
    color: #666666;
    padding: 0.2em;
	line-height: 150% !important;
}
#article_home h1 {
    font-size: 3em;
    font-weight: 800;
    color: #000000;
    font-family: Oswald;
}
#article_home h2 {
    font-size: 1.8em;
    font-weight: 800;
    color: #000000;
    font-family: Oswald;
}
ul.fonts {
    list-style: circle !important;
}
ul.anteriors {
	list-style: none;
}
ul.anteriors li {
    padding: 0.2em;
    width: 8em;
    text-align: center;
    background-color: #d67c7c;
    margin: 0.2em;
}
ul.anteriors li a{
	display: block;
}
.titol_grup {
    font-size: 2.4em;
    font-weight: 100;
    color: #000000;
    font-family: Oswald, sans-serif;
}
.titol_apartat {
	font-size: 2em;
    font-weight: 100;
    color: #000000;
    font-family: Oswald, sans-serif;
	margin: 0;
}
.subtitol_apartat {
	font-size: 1.4em;
    font-weight: 100;
    color: #000000;
    font-family: Oswald, sans-serif;
	margin: 0;
}
.desglose {
	font-family: 'Roboto Condensed', sans-serif;
    font-size: 1em;
    color: #990000;
    margin: 10px 0px 10px -10px;
    font-weight: bold;
}
.espai {

	font-size: 6px;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
}
.taula {
	padding: 1em 1em 3em 3em;
}
.buit {
	background-image:  url(../imagenes/tirabuit.gif);
	background-repeat:  repeat;
	background-color: #FFFFFF;

}
.interiortitulo {

	font-size: 11px;
	font-weight: bold;
	color: #990000;
	background-color: #FFFFFF;
	border-bottom: 1px solid #990000;
}
.fonstaula {
	background-image:  url(../imagenes/mapcifr.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#continguts {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.1em;
    font-weight: 100;
    color: #990000;
    padding: 0.5em 0.5em 0em 2em;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #e9e9e9;
    margin-bottom: 1em;
    line-height: 1.5em;
    background-color: #fff7f9;
}
#continguts h1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.4em;
    font-weight: 800;
    color: #990000;
}
#continguts h2 {
    font-family: 'Roboto Condensed', sans-serif;
	font-size: 1em;
	color: #990000;
	margin: 10px 0px 10px -10px;
	font-weight: bold;

}
#continguts ul {
    list-style: decimal-leading-zero;
}
#continguts ul li {
    padding-left: 0.5em;
}
#continguts .contenido {
    font-size: 0.8em;
    color: #000000;
    /* margin: 0; */
    /* padding: 0; */
}
.selmt {
    font-size: 3.5em;
    font-weight: 100;
    color: #bf162d;
    width: 80%;
    padding-left: 48px;
    line-height: 1.3em;
    font-family: Oswald, sans-serif;
}

.espai2 {
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}
td.tirabuit {
	background-image:  url(../imagenes/tirabuit.gif);
	background-repeat:  repeat;
}
td.linia {
	background-image:  url(../imagenes/tirabuit.gif);
	background-repeat:   repeat-x;
}
td.interiorFITXA {
	background-color: #FFFFFF;

	font-size: 1em;
	font-weight: bold;
	color: #990000;
	border-bottom: 1px solid #CCCCCC;
}
td.fitxaTXT {
	padding: 2px 5px;

	color: #000000;
	font-size: 1em;
	border-bottom: 1px dashed #CCCCCC;
}
td.fitxaNUM {
	background-color: #F0F0F0;
	padding: 2px 10px;

	color: #000000;
	font-size: 1em;
	font-weight: bold;
	text-align: right;
}
td.fitxaTITOL {
	background-color: #FFFFFF;
	padding: 15px 0px 5px 1px;

	color: #990000;
	font-size: 1.2em;
	letter-spacing: 1px;
	font-weight: bold;
}
td.fixtaCAP {
	padding: 2px 5px;

	color: #990000;
	font-size: 1em;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
}
td.fitxaBLANC {
	padding: 2px 5px;

	color: #000000;
	font-size: 1em;
	font-weight: bold;
}
td.fitxaGRAFIC {
	padding: 2px 5px;

	color: #666666;
	font-size: 1.1em;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	letter-spacing: 1px;
}
.linkroigExtern {
	color: #3974AE;

}
.linkroigExtern:hover {
	color: #000000;

}
/* Format de les taules de novetats ------------------------------------------------------------------------- */
table.tdnou {
	font-size:0.9em;
	width:90%;
}
table.tdnou td {
	padding:0.3em;
}
table.tdnou tr {
	background-color: #cecece;
}
td.tdmes {
	font-weight:400;
	background-color: #f09db0;
}
td.tdgrup {
	font-weight:400;
}
td.tdvar {
	font-weight:800;
}
/* Format de les taules de dades ------------------------------------------------------------------------- */
.titulo_ALC           {

	font-size: 1em;
	font-weight: 800;
	color: #FFFFFF;
	background-color: #bf002d;
	text-align: center;
	vertical-align: middle;
}
.titulo_CVE           {

	font-size: 1em;
	font-weight: normal;
	color: #FFFFFF;
	background-color: rgb(204, 104, 122);
	text-align: center;
	vertical-align: middle;
}
.titulo_ESP {
    font-size: 1em;
    font-weight: normal;
    color: #FFFFFF;
    background-color: rgb(227 140 156);
    text-align: center;
    vertical-align: middle;
}
.titulo_PES {
    font-size: 0.9em;
    font-weight: normal;
    color: #FFFFFF;
    background-color: rgb(33 170 243);
    text-align: center;
    vertical-align: middle;
}
.interior_PES_CAP {
    font-size: 0.9em;
    font-weight: bold;
    color: #000000;
    background-color: #c5dbe7;
    text-align: right;
    padding-left: 0.2em;
    padding-right: 0.2em;
    width: 4em;
}
.interior_PES_DNS {
    font-size: 0.9em;
    font-weight: normal;
    color: #000000;
    background-color: #dfecf3;
    text-align: right;
    padding-left: 0.2em;
    padding-right: 0.2em;
    width: 4em;
}
.unitat               {


	font-size: 0.7em;
	font-weight: normal;
	color: #666;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: bottom;
}
.origen              {

	font-size: 0.7em;
	font-weight: normal;
	color: #666;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: bottom;
}
.subtaula_niv1        {  
	font-size: 1.2em; 
	font-weight: normal ; 
	color: #000000; 
	background-color: #FFFFFF; 
	text-align: left  ; 
	vertical-align: bottom; 
	border-bottom-width: 1px;
	border-bottom-style: solid; 
	border-bottom-color: #000000;
}
.subtaula_niv2        {

	font-size: 1em;
	font-weight: bold;
	color: #bf002d;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: bottom;
    padding-bottom: 0px !important;
    padding-top: 6px !important;
}
.filera_CAP           {

	font-size: 1em;
	font-weight: bold;
	color: #ffffff;
    background-color: #bf002d;	
	text-align: left;
	padding-left: 0.2em;
	padding-right: 0.2em;
	width: 12em;
	white-space: nowrap;
}
.filera_DNS           {

	font-size: 1em;
	font-weight: normal;
	color: #000000;
	background-color: #ffa0ad;
	text-align: left;
	padding-left: 0.2em;
	padding-right: 0.2em;
	width: 15em;
	white-space: nowrap;
}
.filera_DNS_amp       {

	font-size: 1em;
	font-weight: normal;
	color: #000000;
	background-color: #ffa0ad;
	text-align: left;
	padding-left: 0.2em;
	padding-right: 0.2em;
	width: 40em;
}
.filera_DNS_ampmed    {  font-size: 1em; font-weight: normal; color: #000000; background-color: #ffa0ad; text-align: left  ; padding-left: 0.2em; padding-right: 0.2em; width: 300px;}
.filera_DNS_est       {  font-size: 1em; font-weight: bold  ; color: #000000; background-color: #ffa0ad; text-align: left  ; padding-left: 0.2em; padding-right: 0.2em; width: 30px;}
.filera_DNS_CAP       {

	font-size: 1em;
	font-weight: bold;
	color: #000000;
	background-color: #e6b0bd;
	text-align: left;
	padding-left: 0.2em;
	padding-right: 0.2em;
	width: 200px;
}
.interior_ALC_num_CAP {

	font-size: 1em;
	font-weight: bold;
	color: #000000;
	background-color: #BCBCBC;
	text-align: right;
	padding-left: 0.2em;
	padding-right: 0.2em;
	width: 4em;
}
.interior_ESP_num_CAP {
    font-size: 1em;
    font-weight: bold;
    color: #000000;
    background-color: #e1e1e1;
    text-align: right;
    padding-left: 0.2em;
    padding-right: 0.2em;
    width: 4em;
}
.interior_CVE_num_CAP {

	font-size: 1em;
	font-weight: bold;
	color: #000000;
	background-color: #D7D7D7;
	text-align: right;
	padding-left: 0.2em;
	padding-right: 0.2em;
	width: 4em;
}
.interior_ALC_txt_CAP {

	font-size: 1em;
	font-weight: bold;
	color: #000000;
	background-color: #CCC;
	text-align: left;
	padding-left: 0.2em;
	padding-right: 0.2em;
	width: 6em;
}
.interior_CVE_txt_CAP {

	font-size: 1em;
	font-weight: bold;
	color: #000000;
	background-color: #CCC;
	text-align: left;
	padding-left: 0.2em;
	padding-right: 0.2em;
	width: 4em;
}
.interior_ALC_num     {

	font-size: 1em;
	font-weight: normal;
	color: #000000;
	background-color: #d6d6d6;
	text-align: right;
	padding-left: 0.2em;
	padding-right: 0.2em;
	width: 4em;
}
.interior_ALC_txt     {

	font-size: 1em;
	font-weight: normal;
	color: #000000;
	background-color: #cecece;
	text-align: left;
	padding-left: 0.2em;
	padding-right: 0.2em;
	width: 6em;
}
.interior_ALC_txt2    {

	font-size: 1em;
	font-weight: normal;
	color: #000000;
	background-color: #cecece;
	text-align: left;
	padding-left: 5px!important;
	padding-right: 5px!important;
	width: 12em;
}
.interior_ALC_dat     {  font-size: 1em; font-weight: normal; color: #000000; background-color: #E8E8E8; text-align: right ; padding-left: 0.2em; padding-right: 0.2em; width: 4em;}
.interior_CVE_num     {

	font-size: 1em;
	font-weight: normal;
	color: #000000;
	background-color: #EBEBEB;
	text-align: right;
	padding-left: 0.2em;
	padding-right: 0.2em;
	width: 4em;
}
.interior_CVE_txt     {

	font-size: 1em;
	font-weight: normal;
	color: #000000;
	background-color: #EBEBEB;
	text-align: right;
	padding-left: 0.2em;
	padding-right: 0.2em;
	width: 4em;
}
.interior_ESP_num {
    font-size: 1em;
    font-weight: normal;
    color: #000000;
    background-color: #f3f3f3;
    text-align: right;
    padding-left: 0.2em;
    padding-right: 0.2em;
    width: 4em;
}
/* Format de les gràfiques ------------------------------------------------------------------------------- */
.titol_grafic {
    font-size: 1.5em;
    font-weight: 100;
    color: #999999;
    padding-left: 2.1em;
    text-align: left;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    width: 95%;
	font-family: Oswald, sans-serif;
}
.dins_grafic          {  font-size: 1.1em; font-weight: bold  ; color: #000000; letter-spacing: 0px; padding-top: 5px ; padding-bottom: 0.2em; padding-right: 0.2em; padding-left: 0.2em; text-align: left;}
#enlaces {
    background-color: #DBE7F2;
    border: 1px solid #C6D9EA;
    padding: 0.5em;
    width: 70%;
    background-image: url(imagenes/aenc_blanc.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    margin: 1em;
    color: #6699CC;
}
#enlaces h1 {
	color: #6699CC;
	font-size: 1.1em;
	padding-bottom: 0.2em;
	margin: 0px;
	font-weight: normal;
}
#logoPlana {
    background-position: left top;
	border-bottom: 2px solid #e9e9e9;
}
#logoPlana #subtitol {
    font-size: 2.5em;
    font-weight: 100;
    color: #000000;
    float: left;
    padding-left: 0.5em;
    font-family: 'Roboto Condensed', sans-serif;
    color: #cecece;
}
.saltpagina {
	page-break-after: always;
}
#article {
	margin: 0px;
	padding: 0px;
	float: left;
	background-color: #FFFFFF;
	width: 82%;
	max-width:70em;
}
img {
	border: none;
}
#famunt {
	position: fixed;
	z-index: 9999;
	left: 95%;
	bottom: 10px;
}
.titol_amunt {
  text-align: right;
}
.linkblanc {
	color: #FFFFFF;
}
#validator {
	float: right;
	margin: 0px;
	padding: 2px 12px 0px 0px;

	 font-size: 0.7em;
	color: #999999;





}
.taula table {
	border-collapse: separate;
	border-spacing: 1px;
   *border-collapse: expression('separate', cellSpacing = '1px');
}
.taula table td {
	padding: 0.3em;
}





@media all and (min-width: 2000px) {	
	html {
		font-size:120%;
	}
}
@media all and (max-width: 1600px) {	
	html {
		font-size:110%;
	}
}
@media all and (max-width: 1600px) {	
	html {
		font-size:100%;
	}
}



@media all and (min-width: 1020px) {	
	#content {
		padding-top: 8em;
	}
	#nav {
		width: 18%;
		float: left;
		font-family: Oswald;
		padding-top: 0em;	
	}
	#header #logo {
		width: auto;
		float: right;
		background-color: #ffffff;
		margin: 0;
			border-radius: 0 0 0 30px;
	}
	#header #logo img.logo1 {
		float: left;
		padding: 0em 0 0em 0.5em;
		height: 4em;
	}
	#header #logo img.logo2 {
		float: left;
		padding: 0.2em 0.4em 0.2em 0.2em;
		height: 4em;
	}
	#autor {
		background-color: #000000;
		color: #ffffff;
		font-family: 'Roboto', sans-serif;
		font-weight: 800;
		font-size: 100%;
		padding: 0.5em 1em 0.5em 1em;
		font-size: 0.9em;
		border-top: 1px solid #ff6e6e;
	}
	/* MENU -------------------------------------- */

	ul.menu_principal {
		position:relative;
		background:#fff;
		width:100%;
		margin: auto auto 4em auto;
		padding:0;
		list-style: none;
		overflow:hidden;
	}
	.menu_principal li a {
		width: 100%;
		height: 1.6em;
		display: block;
		/* position: fixed; */
		text-decoration: none;
		line-height: 1.6em;
		font-size: 1.3em;
		font-weight: 400;
		color: rgb(115, 115, 115);
		margin-left: 1%;
		margin-right: 1%;
		
	}
	 
	.menu_principal li a:hover {
		background:#efefef;
		border-right: 2px solid #f09db0;
	}
	.menu_principal li.triat a:hover {
		background: #dfdfdf;
		border-right: 2px solid #bf002d;
	}
	.menu_principal li.triat {
		border-left: 10px solid #bf002d;
		background: #dfdfdf;
		margin-bottom: 0.2em;
		border-right: 2px solid #bf002d;
	}
	.menu_principal li.tria2 {
		border-left:10px solid #d47e00;
		background:#dedede;
		margin-bottom: 0.2em;
		padding-left: 0.3em;
	}
	.menu_principal li.elemt {
		border-left: 10px solid #f09db0;
		margin-bottom: 0.2em;
		background: whitesmoke;
		border-right: 2px solid #f09db0;

	}
	.menu_principal li.elem2 {
		border-left: 10px solid #ffb74d;
		margin-bottom: 0.2em;
		padding-left: 0.3em;
	}
	.menu_principal li.fonts {
		border-left:10px solid #bdbdbd;
		margin-bottom: 0.2em;
		padding-left: 2%;
		background: #fbfbfb;
		border-right: 2px solid #bdbdbd;
	}
	.menu_principal i {
		margin-right:1em;
	 
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition:all 0.2s linear;
	}
	 
	.menu_principal em {
		font-size: 0.8em;
		background: #ea4f35;
		padding: 3px 5px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		font-style: normal;
		color: #fff;
		margin-top: 17px;
		margin-right: 15px;
		line-height: 10px;
		height: 10px;
		float:right;
	}

	.menu_principal li a .menu_numero {
		font-size: 1em;
		font-weight: 800;
		color: rgb(217, 0, 51);
		margin-left:1%;
		margin-right:2%;
	}
}
@media all and (max-width: 1020px) {
	html {
		font-size:100%;
	}
	#nav {
		width: 100%;
		float: left;
		font-family: Oswald;
		margin-top: 0em;
		padding-top: 8em;	
	}
	#header #logo {
		width: auto;
		background-color: #ffffff;
		margin: 0;
		border-radius: 0 0 0 30px;
		position:absolute;
		top:0;
		right:0;
	}
	#header #logo img.logo1 {
		float: left;
		padding: 0em 0 0em 0.5em;
		height: 4em;
	}
	#header #logo img.logo2 {
		float: left;
		padding: 0.2em 0.4em 0.2em 0.2em;
		height: 4em;
	}
	#autor {
		background-color: #000000;
		color: #ffffff;
		font-family: 'Roboto', sans-serif;
		font-weight: 800;
		font-size: 100%;
		padding: 0.5em 1em 0.5em 1em;
		font-size: 0.85em;
		border-top: 1px solid #ff6e6e;
	}
	#article {
		width: 100% !important;
	}

	/* MENU -------------------------------------- */

	ul.menu_principal {
		position:relative;
		background:#fff;
		width:100%;
		margin:auto;
		padding:0;
		list-style: none;
		overflow:hidden;
	 
		-webkit-columns: 4;
		-moz-columns: 4;
	}
	.menu_principal li a {
		width:100%;
		height:2em;
		display:block;
		position:relative;
		text-decoration:none;
		line-height: 2em;
		font-size: 1.2em;
		font-weight: 400;
		color: rgb(115, 115, 115);
		margin-left:1%;
		margin-right:1%;
	}
	 
	.menu_principal li a:hover {
		background:#efefef;
	}
	.menu_principal li.triat {
		border-left:5px solid #bf002d;
		background:#dedede;
		margin-bottom: 0.5%;
		white-space: nowrap;
	}
	.menu_principal li.tria2 {
		border-left:5px solid #d47e00;
		background:#dedede;
		margin-bottom: 0.5%;
		padding-left: 0.3em;
	}
	.menu_principal li.elemt {
		border-left:5px solid #f09db0;
		margin-bottom: 1%;
		white-space: nowrap;
		background-color: whitesmoke;
	}
	.menu_principal li.elem2 {
		border-left: 5px solid #ffb74d;
		margin-bottom: 0.5%;
		padding-left: 0.3em;
		white-space: nowrap;
	}
	.menu_principal li.fonts {
		border-left:5px solid #bdbdbd;
		margin-bottom: 0.5%;
		padding-left: 2%;
		white-space: nowrap;
	}
	.menu_principal i {
		margin-right:1em;
	 
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition:all 0.2s linear;
	}
	 
	.menu_principal em {
		font-size: 10px;
		background: #ea4f35;
		padding: 3px 5px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		font-style: normal;
		color: #fff;
		margin-top: 17px;
		margin-right: 15px;
		line-height: 10px;
		height: 10px;
		float:right;
	}

	.menu_principal li a .menu_numero {
		font-size: 1.2em;
		font-weight: 800;
		color: rgb(217, 0, 51);
		margin-left:1%;
		margin-right:2%;
	}
}
@media all and (max-width: 800px) {	
	html {
		font-size:95%;
	}
	#header #logo {
		width: auto;
		background-color: #ffffff;
		margin: 0;
		border-radius: 0;
		position: relative;
	}
	#header #logo img.logo1 {
		float: left;
		padding: 0em 0 0em 0.5em;
		height: 4em;
	}
	#header #logo img.logo2 {
		float: left;
		padding: 0.2em 0.4em 0.2em 0.2em;
		height: 4em;
	}
	#autor {
		background-color: #000000;
		color: #ffffff;
		font-family: 'Roboto', sans-serif;
		font-weight: 800;
		font-size: 100%;
		padding: 0.5em 1em 0.5em 1em;
		font-size: 0.8em;
		border-top: 1px solid #ff6e6e;
	}
	#content {
		padding-top: 4em;	
	}
	#nav {
		width: 100%;
		float: left;
		font-family: Oswald;
	}
	#article {
		width: 100% !important;
	}
	/* MENU -------------------------------------- */

	ul.menu_principal {
		position:relative;
		background:#fff;
		width:100%;
		margin:auto;
		padding:0;
		list-style: none;
		overflow:hidden;
	 	
		-webkit-columns: 4;
		-moz-columns: 4;
	}
	.menu_principal li a {
		width:100%;
		height:2em;
		display:block;
		position:relative;
		text-decoration:none;
		line-height: 2em;
		font-size: 1.2em;
		font-weight: 400;
		color: rgb(115, 115, 115);
		margin-left:1%;
		margin-right:1%;
	}
	 
	.menu_principal li a:hover {
		background:#efefef;
	}
	.menu_principal li.triat {
		border-left:5px solid #bf002d;
		background:#dedede;
		margin-bottom: 0.5%;
		white-space: nowrap;
	}
	.menu_principal li.tria2 {
		border-left:5px solid #d47e00;
		background:#dedede;
		margin-bottom: 0.5%;
		padding-left: 0.3em;
		white-space: nowrap;
	}
	.menu_principal li.elemt {
		border-left:5px solid #f09db0;
		margin-bottom: 1%;
		white-space: nowrap;
		overflow: hidden;
		background-color: whitesmoke;
	}
	.menu_principal li.elem2 {
		border-left: 5px solid #ffb74d;
		margin-bottom: 0.5%;
		padding-left: 0.3em;
		white-space: nowrap;
	}
	.menu_principal li.fonts {
		border-left:5px solid #bdbdbd;
		margin-bottom: 0.5%;
		padding-left: 2%;
		white-space: nowrap;
	}
	.menu_principal i {
		margin-right:1em;
	 
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition:all 0.2s linear;
	}
	 
	.menu_principal em {
		font-size: 10px;
		background: #ea4f35;
		padding: 3px 5px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		font-style: normal;
		color: #fff;
		margin-top: 17px;
		margin-right: 15px;
		line-height: 10px;
		height: 10px;
		float:right;
	}

	.menu_principal li a .menu_numero {
		font-size: 1.2em;
		font-weight: 800;
		color: rgb(217, 0, 51);
		margin-left:1%;
		margin-right:2%;
	}
}
@media all and (max-width: 560px) {	
	html {
		font-size: 90%;
	}
	#header #logo {
		width: auto;
		background-color: #ffffff;
		margin: 0;
		border-radius: 0;
		position: relative;
	}
	#header #logo img.logo1 {
		float: left;
		padding: 0em 0 0em 0.5em;
		height: 4em;
	}
	#header #logo img.logo2 {
		float: left;
		padding: 0.2em 0.4em 0.2em 0.2em;
		height: 4em;
	}
	#autor {
		background-color: #000000;
		color: #ffffff;
		font-family: 'Roboto', sans-serif;
		font-weight: 800;
		font-size: 100%;
		padding: 0.5em 1em 0.5em 1em;
		font-size: 0.7em;
		border-top: 1px solid #ff6e6e;
	}
	#nav {
		padding-top: 8em;	
	}
	#article {
		width: 100% !important;
	}
	/* MENU -------------------------------------- */

	ul.menu_principal {
		position:relative;
		background:#fff;
		width:100%;
		margin:auto;
		padding:0;
		list-style: none;
		overflow:hidden;
	 	
		-webkit-columns: 3;
		-moz-columns: 3;
	}
	.menu_principal li a {
		width:100%;
		height:2em;
		display:block;
		position:relative;
		text-decoration:none;
		line-height: 2em;
		font-size: 1.2em;
		font-weight: 400;
		color: rgb(115, 115, 115);
		margin-left:1%;
		margin-right:1%;
	}
	 
	.menu_principal li a:hover {
		background:#efefef;
	}
	.menu_principal li.triat {
		border-left:5px solid #bf002d;
		background:#dedede;
		margin-bottom: 0.5%;
		white-space: nowrap;
	}
	.menu_principal li.tria2 {
		border-left:5px solid #d47e00;
		background:#dedede;
		margin-bottom: 0.5%;
		padding-left: 0.3em;
		white-space: nowrap;
	}
	.menu_principal li.elemt {
		border-left:5px solid #f09db0;
		margin-bottom: 1%;
		white-space: nowrap;
		overflow: hidden;
		background-color: whitesmoke;
	}
	.menu_principal li.elem2 {
		border-left: 5px solid #ffb74d;
		margin-bottom: 0.5%;
		padding-left: 0.3em;
		white-space: nowrap;
	}
	.menu_principal li.fonts {
		border-left:5px solid #bdbdbd;
		margin-bottom: 0.5%;
		padding-left: 2%;
		white-space: nowrap;
	}
	.menu_principal i {
		margin-right:1em;
	 
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition:all 0.2s linear;
	}
	 
	.menu_principal em {
		font-size: 10px;
		background: #ea4f35;
		padding: 3px 5px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		font-style: normal;
		color: #fff;
		margin-top: 17px;
		margin-right: 15px;
		line-height: 10px;
		height: 10px;
		float:right;
	}

	.menu_principal li a .menu_numero {
		font-size: 1.2em;
		font-weight: 800;
		color: rgb(217, 0, 51);
		margin-left:1%;
		margin-right:2%;
	}
}
@media all and (max-width: 400px) {	
	html {
		font-size: 90%;
	}
	#header #logo {
		width: auto;
		background-color: #ffffff;
		margin: 0;
		border-radius: 0;
		position: relative;
	}
	#header #logo img.logo1 {
		float: left;
		padding: 0em 0 0em 0.5em;
		height: 4em;
	}
	#header #logo img.logo2 {
		float: left;
		padding: 0.2em 0.4em 0.2em 0.2em;
		height: 4em;
	}
	#autor {
		background-color: #000000;
		color: #ffffff;
		font-family: 'Roboto', sans-serif;
		font-weight: 800;
		font-size: 100%;
		padding: 0.5em 1em 0.5em 1em;
		font-size: 0.70em;
		border-top: 1px solid #ff6e6e;
	}
	#nav {
		padding-top: 8em;	
	}
	#article {
		width: 100% !important;
	}
	/* MENU -------------------------------------- */

	ul.menu_principal {
		position:relative;
		background:#fff;
		width:100%;
		margin:auto;
		padding:0;
		list-style: none;
		overflow:hidden;
	 	
		-webkit-columns: 2;
		-moz-columns: 2;
	}
	.menu_principal li a {
		width:100%;
		height:2em;
		display:block;
		position:relative;
		text-decoration:none;
		line-height: 2em;
		font-size: 1.2em;
		font-weight: 400;
		color: rgb(115, 115, 115);
		margin-left:1%;
		margin-right:1%;
	}
	 
	.menu_principal li a:hover {
		background:#efefef;
	}
	.menu_principal li.triat {
		border-left:5px solid #bf002d;
		background:#dedede;
		margin-bottom: 0.5%;
		white-space: nowrap;
	}
	.menu_principal li.tria2 {
		border-left:5px solid #d47e00;
		background:#dedede;
		margin-bottom: 0.5%;
		padding-left: 0.3em;
		white-space: nowrap;
	}
	.menu_principal li.elemt {
		border-left:5px solid #f09db0;
		margin-bottom: 1%;
		white-space: nowrap;
		background-color: whitesmoke;
	}
	.menu_principal li.elem2 {
		border-left: 5px solid #ffb74d;
		margin-bottom: 0.5%;
		padding-left: 0.3em;
		white-space: nowrap;
	}
	.menu_principal li.fonts {
		border-left:5px solid #bdbdbd;
		margin-bottom: 0.5%;
		padding-left: 2%;
		white-space: nowrap;
	}
	.menu_principal i {
		margin-right:1em;
	 
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition:all 0.2s linear;
	}
	 
	.menu_principal em {
		font-size: 10px;
		background: #ea4f35;
		padding: 3px 5px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		font-style: normal;
		color: #fff;
		margin-top: 17px;
		margin-right: 15px;
		line-height: 10px;
		height: 10px;
		float:right;
	}

	.menu_principal li a .menu_numero {
		font-size: 1.2em;
		font-weight: 800;
		color: rgb(217, 0, 51);
		margin-left:1%;
		margin-right:2%;
	}
}