/* CSS Let's start */

/*  CSS RESET  */
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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, img, span, figure {
border: 0px;
font-size: 100%;
/* font-style: inherit;*/
/*font-weight: inherit;*/
margin: 0px;
outline: 0px;
padding: 0px;
vertical-align: middle;
list-style: none;
list-style-type: none;
font-family: 'roboto', Sans-Serif;
-webkit-font-smoothing: antialiased;
}
   
.cornerPlayIco {
position: absolute;
background: url(../img/icoUrlLarge.png) no-repeat bottom right;
bottom: .5em;
right: .5em;
width: 100%;
height: 100%;
z-index: 1;
}
figure.ink-image {
position: relative;
border: 0;
}
figure.ink-image img {
width:100%;
height:auto;
border: 0;
}
.overImageCx {
position: relative;
width: 100%;
height: auto;
}

.menu_nac_personalidade {
padding: .5% 1%;
display: inline-block;
background-color: #E84855;
cursor: pointer;
}

.menu_nac_acontecimento {
padding: .5% 1%;
display: inline-block;
background-color: #E84855;
opacity: 0.7;
cursor: pointer;
}

.menu_int_personalidade {
padding: .5% 1%;
display: inline-block;
background-color: #A1CF6B;
cursor: pointer;
}

.menu_int_acontecimento {
padding: .5% 1%;
display: inline-block;
background-color: #A1CF6B;
opacity: 0.7;
cursor: pointer;
}

.nav-menu-share-left {
float: left;
width: 80%;
}

.nav-menu-share-right {
display: inline-block;
float: left;
width: 20%;
}

.sep-nav {
display: inline-block;
position: relative;
font-size: 1.8em;
margin-top: .2em;
margin-bottom: .2em;
font-weight: 100;
font-family: Roboto,serif;
}

.containerADVNot {
    display: inline-block;
    position: relative;
    width: 20%;
}

.highADV {
    margin-top: 100%;
}

.contentADV {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-style: solid;
    border-width: 1px;
    border-color: white;
}


/*Global styles start */
body {
    background-color: white;
}

.uppercase {
    text-transform: uppercase;
}

.align-center {
    text-align: center;
}

.txtGrey {
    color: #0c0c0c;
}

.align-right {
    text-align: right;
}

.italic {
    font-style: italic;
}

.align-center-vert {
    vertical-align: middle;
}

/* Global styles end */

.Ctextdiv {
    display: block;
    background: #433669;
    padding: 0 auto 2em;
    height: 10em;
    color: white;
    text-align: center;
}

.small {
    font-size: .75em;
}

.fw-400, .fw-regular {
    font-weight: 400;
}

}

.liRRR15 {
    float: left;
    position: relative;
}

.tit-secundario {
    margin-left: 1em;
    font-size: 1em;
    font-weight: 300;
    font-family: Roboto Slab,sans-serif;
}

.tit-secundario-num {
    margin: 2% 0 0 10%;
    font-size: 1.2em;
    font-weight: 700;
    font-family: Roboto Slab,sans-serif;
}

.h1Detail {
    color: #000;
    font-family: 'Roboto',serif;
    font-size: 160%;
    font-weight: 800;
}

.text-shadowR {
    text-shadow: 0 0 50px black;
}


a.voteCircle {
    border-style: solid;
    border-width: 2px;
    color: white;
}


a.facebookIco {
    background-color: #4778ad;
    color: #fff;
    margin-left: .2em;
}

a.twitterIco {
    background-color: #1fbbf0;
    color: #fff;
    margin-left: .2em;
}

a.circularIcoButXl {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background-clip: content-box;
    padding: 0;
    font-size: .8em;
}

a:visited {
    color: black;
    text-decoration: none;
    font-size: 1em;
    font-weight: 300;
    font-family: Roboto Slab,sans-serif;
}

a:link {
    color: black;
    text-decoration: none;
    font-size: 1em;
    font-weight: 300;
    font-family: Roboto Slab,sans-serif;
}

a {
    background: 0 0;
    text-decoration: none;
    cursor: pointer;
    font-size: 1em;
    font-weight: 300;
    font-family: Roboto Slab,sans-serif;
}



div.img {
    margin:;
    float: left;
    width: 100%;
}

    div.img:hover {
    }

div.img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
    color: black;
}


.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,0);
}

.align-Vert-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}


/*sticky css start*/
.fixed {
    position: fixed;
    top: 0;
    margin: 0 0 0 70%;
}

.sticky {
    float: right;
    width: 20%;
    padding: 0 10% 0 0;
}

/*sticky css end*/


.Dinline-block {
    display: inline-block;
}



a.circularIcoButXl {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background-clip: content-box;
    padding: 0;
    font-size: .8em;
    color: white;
}

.Ctext {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 100%;
    margin: -25% 0 0 0;
    color: white;
}

/* menu+share end*/
.menu {
    display: inline-block;
    border-bottom-style: solid;
    border-width: 5px;
}

.menu-nacional {
    border-color: #E84855;
}

.menu-internacional {
    border-color: #A1CF6B;
}

.menu-videos {
    border-color: #005182;
}

.menu-graficos {
    border-color: #ff9933;
}

.menu-resultados {
    border-color: #02C39A;
}

.text-nav {
    font-size: 1.2em;
    margin-top: .2em;
    margin-bottom: .2em;
    font-weight: 400;
    font-family: Roboto,serif;
}

ul.items {
    padding: 0;
    margin: 0;
}

ul.items li {
    padding: .3em .6em 0 .6em;
}

ul.items li.sep-nav {
    padding: 0 .1em 0 .1em;
}  



/* Media Queries*/
/* for xlarge screens */
@media screen and (min-width: 1261px) {
.logoRRR15 {
margin: 2% 20% 3% 20%;
max-width: 60%;
height: auto;
}
/* menu+share */
.nav-menu-share {
width: 80%;
margin-left: 10%;
display: inline-block;
position: relative;
}

.nav-menu-share-half {
display: inline-block;
float: left;
width: 50%;
}

.nav-share-ul {
display: inline-block;
float: right;
}

.nav-share {
display: inline-block;
float: left;
width: 50%;
}

h1 {
font-size: 2.2em;
margin-top: 0;
margin-bottom: .59318em;
font-weight: 100;
font-family: Roboto Slab, serif;
}

h2 {
font-size: 1.2em;
margin-top: 0;
margin-bottom: .2em;
font-weight: 100;
font-family: Roboto, serif;
}

h3 {
font-size: 1.2em;
margin-top: .2em;
margin-bottom: .2em;
font-weight: 100;
font-family: Roboto,serif;
}

h4 {
font-size: 1.2em;
margin-top: .2em;
margin-bottom: .2em;
font-weight: 700;
font-family: Roboto,serif;
}

.sectionCont {
margin-top: 0px;
width: 60%;
float: left;
margin: 0 0 0 10%;
}

.sectioVid {
max-width: 100%;
position: relative;
}

.sectioVid-li {
float: left;
position: relative;
display: inline-block;
min-width: 80%;
background-color: #E8E9E4;
padding: 0 10% 0 10%;
color: white;
}

/* li section start*/

.li-bloc1 {
float: left;
position: relative;
max-width: 100%;
margin: 0 0 2% 0;
}

.li-bloc1-text1 {
display: inline-block;
max-width: 100%;
background-color: #E84855;
padding: 2% 1% 0 1%;
color: white;
}

.li-bloc1-text1b {
display: inline-block;
max-width: 100%;
background-color: #A1CF6B;
padding: 2% 1% 0 1%;
color: white;
}

.li-bloc1-text1-p {
padding: 0.5% 0 2% 0;
}

.li-bloc1-vote {
float: left;
position: relative;
display: inline-block;
width: 100%;
background-color: #E84855;
padding: 1% 0 0 0;
}

.li-bloc1-vote2 {
float: left;
position: relative;
display: inline-block;
width: 30%;
background-color: #E84855;
margin: 0 0 0 70%;
}

.li-bloc1-voteb {
float: left;
position: relative;
display: inline-block;
width: 100%;
background-color: #A1CF6B;
padding: 1% 0 0 0;
/*display:none;*/
}

.li-bloc1-vote2b {
float: left;
position: relative;
display: inline-block;
width: 30%;
background-color: #A1CF6B;
margin: 0 0 0 70%;
}

.li-bloc1-vote3 {
float: right;
display: inline-block;
margin: 0 2% 0 2%;
}

.li-bloc1-vote3-span {
/*margin: -75% 0 0 0;*/
color: white;
}

.li-bloc1-vote3-p {
float: right;
position: relative;
display: inline-block;
max-width: 100%;
color: white;
padding: 2% 0 0 0;
margin: 0 0 0 0;
}
/* li section end*/

.tit-video {
font-size: 2.2em;
font-weight: 700;
font-family: Roboto Slab,sans-serif;
}

.num-video {
font-size: 1.4em;
font-weight: 700;
font-family: Roboto,sans-serif;
color: white;
}

.text-vid-bottom {
max-width: 100%;
margin: 0 0 2% 0;
font-size: 1.2em;
font-weight: 300;
font-family: Roboto Slab,sans-serif;
padding-top: 2%;
}
/* Resultados */

.tit-secundario-numR {
color: #E84855;
margin: 2% 0 3% 0;
font-size: 1.4em;
font-weight: 700;
font-family: Roboto Slab,sans-serif;
}

.tit-secundario-numR2 {
color: #A1CF6B;
margin: 2% 0 3% 0;
font-size: 1.4em;
font-weight: 700;
font-family: Roboto Slab,sans-serif;
}

.section-resulta {
width: 80%;
margin-left: 10%;
position: relative;
}

.div-resulta1 { /* block  2 results*/
float: left;
position: relative;
max-width: 50%;
}

.h2-resulta-nac {
margin: 1% 0 1% 0;
border-bottom-style: solid;
border-width: 5px;
border-color: #E84855;
font-size: 200%;
}

.h2-resulta-int {
margin: 1% 0 1% 0;
border-bottom-style: solid;
border-width: 5px;
border-color: #A1CF6B;
font-size: 200%;
;
}

.div-resulta2 { /* block result*/
float: left;
position: relative;
max-width: 50%;
}

.ul-resulta {
padding: 0 2% 0 2%;
}

.li-resulta1 {
float: left;
position: relative;
padding: 2% 0 1% 0;
margin: 0 0 3% 0;
border-bottom-style: solid;
border-width: 1px;
border-color: #b6b6b6;
width: 96%;
}

.li-div1 { /* number position*/
width: 10%;
float: left;
}

.li-div2 { /* img */
width: 20%;
float: left;
display: inline-block;
margin: 2.5% 0 0 0;
}

.li-div2100 { /* percent */
width: 100%;
float: left;
display: inline-block;
margin: 1% 0 0 10%; /*color:#E84855;*/
font-size: 1em;
font-weight: 300;
font-family: Roboto Slab,sans-serif;
}

.li-div3 { /* text */
width: 60%;
float: left;
padding: 0 1% 0 1%;
}

footer {
float: left;
background-color: #E8E9E4;
width: 80%;
display: inline-block;
position: relative;
padding: 1% 10% 3% 10%;
}

#topsMB {
display: none;
}
}
/* Ico Url over images */
.cornerPlayIco {
background: url(../img/icoUrlXlarge.png) no-repeat bottom right;
bottom: .5em;
right: .5em;
}
	
/* for large screens */
@media screen and (min-width: 961px) and (max-width: 1260px) {
.logoRRR15 {
margin: 2% 10% 3% 10%;
max-width:80%;
height:auto;
}
/* menu+share */
.nav-menu-share {
    
width:80%;
margin-left:10%;
display:inline-block;
position:relative;  
}
.nav-menu-share-half {
    
display: inline-block;
float:left;
width:50%;   
}  
.nav-share-ul {
    
display: inline-block;
float:right;  
} 
.nav-share {
    
display: inline-block;
float:left;
width:50%; 
}
h1 {
font-size: 2.2em;
margin-top: 0;
margin-bottom: .59318em;
font-weight: 100;
font-family: Roboto Slab, serif;
}
h2 {
font-size: 1.2em;
margin-top: 0;
margin-bottom: .2em;
font-weight: 100;
font-family: Roboto, serif;
}
h3 {
font-size: 1.2em;
margin-top: .2em;
margin-bottom: .2em;
font-weight: 100;
font-family: Roboto,serif;
}
h4 {
font-size: 1.2em;
margin-top: .2em;
margin-bottom: .2em;
font-weight: 700;
font-family: Roboto,serif;
}

.sectionCont {
margin-top:0px;
width:60%;
float:left;
margin: 0 0 0 10%;
}
.sectioVid{
max-width: 100%;
position: relative;
}
.sectioVid-li{
float:left;
position: relative;
display:inline-block;
min-width:80%;
background-color: #E8E9E4;
padding: 0 10% 0 10%;
color:white;
}

/* li section start*/

.li-bloc1{
float:left;
position:relative;
max-width:100%;
margin: 0 0 2% 0;
}
    
.li-bloc1-text1{
display: inline-block;
max-width: 100%;
background-color:#E84855;
padding: 2% 1% 0 1% ;
color:white;
}
.li-bloc1-text1b{
display: inline-block;
max-width: 100%;
background-color:#A1CF6B;
padding: 2% 1% 0 1% ;
color:white;
}
.li-bloc1-text1-p{
padding: 0.5% 0 2% 0;
}
.li-bloc1-vote{
float:left;
position:relative; 
display: inline-block; 
width:100%;
background-color:#E84855;
padding: 1% 0 0 0;
}
.li-bloc1-vote2{
float:left;
position:relative; 
display: inline-block; 
width:30%;
background-color:#E84855;
margin: 0 0 0 70%;
}
.li-bloc1-voteb{
float:left;
position:relative; 
display: inline-block; 
width:100%;
background-color:#A1CF6B;
padding: 1% 0 0 0;
/*display:none;*/ 
}
.li-bloc1-vote2b{
float:left;
position:relative; 
display: inline-block; 
width:30%;
background-color:#A1CF6B;
margin: 0 0 0 70%;
}
.li-bloc1-vote3{
float:right;
display: inline-block;
margin: 0 2% 0 2%;
}
.li-bloc1-vote3-span{
/*margin: -75% 0 0 0;*/
color: white;
}
.li-bloc1-vote3-p{
float:right;
position:relative; 
display: inline-block;
max-width:100%;
color:white;
padding: 2% 0 0 0; 
margin: 0 0 0 0; 
}
/* li section end*/


.tit-video {
font-size: 2.2em;
font-weight: 700;
font-family: Roboto Slab,sans-serif;
}
.num-video {
font-size: 1.4em;
font-weight: 700;
font-family: Roboto ,sans-serif;
}
.text-vid-bottom{
max-width:100%;
font-size: 1em;
font-weight: 300;
font-family: Roboto Slab,sans-serif;
margin: 0 0 3% 0;
padding-top: 2%;
}
/* Resultados */

.tit-secundario-numR {
color: #E84855;
margin: 2% 0 3% 0;
font-size: 1.4em;
font-weight: 700;
font-family: Roboto Slab,sans-serif;
}
.tit-secundario-numR2 {
color: #A1CF6B;
margin: 2% 0 3% 0;
font-size: 1.4em;
font-weight: 700;
font-family: Roboto Slab,sans-serif;
}
.section-resulta{
width: 80%;margin-left: 10%; position: relative;
}

.div-resulta1 {/* block  2 results*/
float: left; position: relative; max-width: 50%;
}
.h2-resulta-nac {
margin: 1% 0 1% 0;  border-bottom-style: solid; border-width: 5px; border-color: #E84855; font-size:200%;
}
.h2-resulta-int {
margin: 1% 0 1% 0; border-bottom-style: solid; border-width: 5px; border-color: #A1CF6B; font-size: 200%;;
}
    
.div-resulta2 {/* block result*/
float: left; position: relative; max-width: 50%;
}
    
.ul-resulta {
padding: 0 2% 0 2%;
}
.li-resulta1 {
float: left; position: relative; padding: 2% 0 1% 0; margin: 0 0 3% 0; border-bottom-style: solid; border-width: 1px; border-color: #b6b6b6;  width:96%;
}
    
.li-div1 {/* number position*/
width:10%;float: left;
}
.li-div2 {/* img */
width:20%; float: left; display:inline-block; margin: 2.5% 0 0 0;
}
.li-div2100 {/* percent */
width:100%; float: left; display:inline-block;
margin: 1% 0 0 10%; /*color:#E84855;*/
font-size: 1em;
font-weight: 300;
font-family: Roboto Slab,sans-serif;
}
.li-div3 {/* text */
width:60%;float: left; padding: 0 1% 0 1%;
}
footer {
    
float:left;
background-color: #E8E9E4;
width: 80%; 
display: inline-block; 
position: relative; 
padding: 1% 10% 3% 10%;  
} 
#topsMB{display:none;}
}
	
/* Ico Url over images */
.cornerPlayIco {
background: url(../img/icoUrlLarge.png) no-repeat bottom right;
bottom: .5em;
right: .5em;
}
	
/* for medium screens */
@media screen and (min-width: 641px) and (max-width: 960px) {
.logoRRR15 {
margin: 2% 5% 3% 5%;
max-width:90%;
height:auto;
}
/* menu+share */
.nav-menu-share {
    
width:90%;
margin-left:10%;
display:inline-block;
position:relative;  
}
.nav-menu-share-half {
    
display: inline-block;
float:left;
width:50%;   
}  
.nav-share-ul {
display: inline-block;
float:right;  
} 
.nav-share {
display: inline-block;
float:left;
width:50%; 
}
h1 {
font-size: 2.2em;
margin-top: 0;
margin-bottom: .59318em;
font-weight: 100;
font-family: Roboto Slab, serif;
}
h2 {
font-size: 1.2em;
margin-top: 0;
margin-bottom: .2em;
font-weight: 100;
font-family: Roboto, serif;
}
h3 {
font-size: 1.2em;
margin-top: .2em;
margin-bottom: .2em;
font-weight: 100;
font-family: Roboto,serif;
}
h4 {
font-size: 1.2em;
margin-top: .2em;
margin-bottom: .2em;
font-weight: 700;
font-family: Roboto,serif;
}
.sectionCont {
margin-top:0px;
width:100%;
float:left;
    
}
.sectioVid{
max-width: 100%;
position: relative;
}
.sectioVid-li{
float:left;
position: relative;
display:inline-block;
min-width:80%;
background-color: #E8E9E4;
padding: 0 10% 0 10%;
color:white;
}

/* li section start*/

.li-bloc1{
float:left;
position:relative;
max-width:100%;
margin: 0 0 2% 0;
}
    
.li-bloc1-text1{
display: inline-block;
max-width: 100%;
background-color:#E84855;
padding: 2% 1% 0 1% ;
color:white;
}
.li-bloc1-text1b{
display: inline-block;
max-width: 100%;
background-color:#A1CF6B;
padding: 2% 1% 0 1% ;
color:white;
}
.li-bloc1-text1-p{
padding: 0.5% 0 2% 0;
}
.li-bloc1-vote{
float:left;
position:relative; 
display: inline-block; 
width:100%;
background-color:#E84855;
padding: 1% 0 0 0;
}
.li-bloc1-vote2{
float:left;
position:relative; 
display: inline-block; 
width:30%;
background-color:#E84855;
margin: 0 0 0 70%;
}
.li-bloc1-voteb{
float:left;
position:relative; 
display: inline-block; 
width:100%;
background-color:#A1CF6B;
padding: 1% 0 0 0;
/*display:none;*/ 
}
.li-bloc1-vote2b{
float:left;
position:relative; 
display: inline-block; 
width:30%;
background-color:#A1CF6B;
margin: 0 0 0 70%;
}
.li-bloc1-vote3{
float:right;
display: inline-block;
margin: 0 2% 0 2%;
}
.li-bloc1-vote3-span{
/*margin: -75% 0 0 0;*/
color: white;
}
.li-bloc1-vote3-p{
float:right;
position:relative; 
display: inline-block;
max-width:100%;
color:white;
padding: 2% 0 0 0; 
margin: 0 0 0 0; 
}
/* li section end*/

.tit-video {
font-size: 1.6em;
font-weight: 700;
font-family: Roboto Slab,sans-serif;
}
.num-video {
font-size: 1.4em;
font-weight: 700;
font-family: Roboto ,sans-serif;
}
.text-vid-bottom{
max-width:100%;
font-size: 1em;
font-weight: 300;
font-family: Roboto Slab,sans-serif;
margin: 0 0 3% 0;
padding-top: 2%;
}


aside {display: none; }
#topsMB{display:inline-block;}
/* Resultados */
.tit-secundario-numR {
color: #E84855;
margin: 2% 0 3% 0;
font-size: 1em;
font-weight: 700;
font-family: Roboto Slab,sans-serif;
}
.tit-secundario-numR2 {
color: #A1CF6B;
margin: 2% 0 3% 0;
font-size: 1em;
font-weight: 700;
font-family: Roboto Slab,sans-serif;
}
.section-resulta{
width: 90%;margin-left: 5%; position: relative;
}

.div-resulta1 {/* block  2 results*/
float: left; position: relative; max-width: 50%;
}
.h2-resulta-nac {
margin: 1% 0 1% 0;  border-bottom-style: solid; border-width: 5px; border-color: #E84855; font-size:200%;
}
.h2-resulta-int {
margin: 1% 0 1% 0; border-bottom-style: solid; border-width: 5px; border-color: #A1CF6B; font-size: 200%;;
}
    
.div-resulta2 {/* block result*/
float: left; position: relative; max-width: 50%;
}
    
.ul-resulta {
padding: 0 2% 0 2%;
}
.li-resulta1 {
float: left; position: relative; padding: 2% 0 1% 0; margin: 0 0 3% 0; border-bottom-style: solid; border-width: 1px; border-color: #b6b6b6; width:96%;
}
    
.li-div1 {/* number position*/
width:10%;float: left;
}
.li-div2 {/* img */
width:20%; float: left; display:inline-block; margin: 2.5% 0 0 0;
}
.li-div2100 {/* percent */
width:100%; float: left; display:inline-block;
margin: 1% 0 0 10%; /*color:#E84855;*/
font-size: 1em;
font-weight: 300;
font-family: Roboto Slab,sans-serif;
}
.li-div3 {/* text */
width:60%;float: left; padding: 0 1% 0 1%;
}
footer {
    
float:left;
background-color: #E8E9E4; 
width: 80%; 
display: inline-block; 
position: relative; 
padding: 1% 10% 3% 10%;  
} 
  
  
/* Ico Url over images */
.cornerPlayIco {
background: url(../img/icoUrlLarge.png) no-repeat bottom right;
bottom: .5em;
right: .5em;
}
	
}
/* for small screens */
@media screen and (min-width: 321px) and (max-width: 640px) {
     
.logoRRR15 {
margin: 2% 0 3% 0;
max-width:100%;
height:auto;
}
/* menu+share */
.nav-menu-share {
    
width:98%;
margin-left:1%;
display:inline-block;
position:relative;  
}
.nav-menu-share-half {
    
display: inline-block;
float:left;
width:50%;   
}
.nav-menu-share-left, .nav-menu-share-right {
width: 100%;
}
.nav-share-ul {
    
display: inline-block;
float:right;  
} 
.nav-share {
    
display: inline-block;
float:left;
width:50%; 
}
h1 {
font-size: 1.8em;
margin-top: 0;
margin-bottom: .59318em;
font-weight: 100;
font-family: Roboto Slab, serif;
}
h2 {
font-size: 1.2em;
margin-top: 0;
margin-bottom: .2em;
font-weight: 100;
font-family: Roboto, serif;
}
h3 {
font-size: 1.2em;
margin-top: .2em;
margin-bottom: .2em;
font-weight: 100;
font-family: Roboto,serif;
}
h4 {
font-size: 1.2em;
margin-top: .2em;
margin-bottom: .2em;
font-weight: 700;
font-family: Roboto,serif;
}

.sectionCont {
margin-top:0px;
width:100%;
float:left;
    
}
.sectioVid{
max-width: 100%;
position: relative;
}
.sectioVid-li{
float:left;
position: relative;
display:inline-block;
min-width:100%;
background-color: #E8E9E4;
padding: 0 0 0 0;
color:white;
}

/* li section start*/

.li-bloc1{
float:left;
position:relative;
max-width:100%;
margin: 0 0 2% 0;
}
    
.li-bloc1-text1{
display: inline-block;
max-width: 100%;
background-color:#E84855;
padding: 2% 1% 0 1% ;
color:white;
}
.li-bloc1-text1b{
display: inline-block;
max-width: 100%;
background-color:#A1CF6B;
padding: 2% 1% 0 1% ;
color:white;
}
.li-bloc1-text1-p{
padding: 0.5% 0 2% 0;
}
.li-bloc1-vote{
float:left;
position:relative; 
display: inline-block; 
width:100%;
background-color:#E84855;
padding: 1% 0 0 0;
}
.li-bloc1-vote2{
float:left;
position:relative; 
display: inline-block; 
width:30%;
background-color:#E84855;
margin: 0 0 0 70%;
}
.li-bloc1-voteb{
float:left;
position:relative; 
display: inline-block; 
width:100%;
background-color:#A1CF6B;
padding: 1% 0 0 0;
/*display:none;*/ 
}
.li-bloc1-vote2b{
float:left;
position:relative; 
display: inline-block; 
width:30%;
background-color:#A1CF6B;
margin: 0 0 0 70%;
}
.li-bloc1-vote3{
float:right;
display: inline-block;
margin: 0 2% 0 2%;
}
.li-bloc1-vote3-span{
/*margin: -75% 0 0 0;*/
color: white;
}
.li-bloc1-vote3-p{
float:right;
position:relative; 
display: inline-block;
max-width:100%;
color:white;
padding: 2% 0 0 0; 
margin: 0 0 0 0; 
}
/* li section end*/

.tit-video {
font-size: 1.2em;
font-weight: 700;
font-family: Roboto Slab,sans-serif;
}
.num-video {
font-size: 1.4em;
font-weight: 700;
font-family: Roboto ,sans-serif;
}
.text-vid-bottom{
max-width:100%;
font-size: 1em;
font-weight: 300;
font-family: Roboto Slab,sans-serif;
margin: 0 0 3% 0;
padding-top: 2%;
}

aside {
display: none; 
}  
#topsMB{display:inline-block;}
/* Resultados */
.tit-secundario-numR {
color: #E84855;
margin: 2% 0 3% 0;
font-size: 1em;
font-weight: 700;
font-family: Roboto Slab,sans-serif;
}
.tit-secundario-numR2 {
color: #A1CF6B;
margin: 2% 0 3% 0;
font-size: 1em;
font-weight: 700;
font-family: Roboto Slab,sans-serif;
}
.section-resulta{
width: 100%;position: relative;
}

.div-resulta1 {/* block  2 results*/
float: left; position: relative; max-width: 100%;
}
.h2-resulta-nac {
margin: 1% 0 1% 0;  border-bottom-style: solid; border-width: 5px; border-color: #E84855; font-size:100%;
}
.h2-resulta-int {
margin: 1% 0 1% 0; border-bottom-style: solid; border-width: 5px; border-color: #A1CF6B; font-size: 100%;;
}
    
.div-resulta2 {/* block result*/
float: left; position: relative; max-width: 100%;
}
    
.ul-resulta {
padding: 0 2% 0 2%;
}
.li-resulta1 {
float: left; position: relative; padding: 2% 0 1% 0; margin: 0 0 3% 0; border-bottom-style: solid; border-width: 1px; border-color: #b6b6b6; width:96%;
}
    
.li-div1 {/* number position*/
width:10%;float: left;
}
.li-div2 {/* img */
width:20%; float: left; display:inline-block; margin: 2.5% 0 0 0;
}
.li-div2100 {/* percent */
width:100%; float: left; display:inline-block;
margin: 1% 0 0 10%; /*color:#E84855;*/
font-size: 1em;
font-weight: 300;
font-family: Roboto Slab,sans-serif;
}
.li-div3 {/* text */
width:60%;float: left; padding: 0 1% 0 1%;
}
footer {
    
float:left;
background-color: #E8E9E4; 
width: 98%; 
display: inline-block; 
position: relative; 
padding: 1% 1% 3% 1%;  
}      
}
/* for tiny screens */
@media screen and (max-width: 320px) {
    
.logoRRR15 {
margin: 2% 0 3% 0;
max-width:100%;
height:auto;
}
/* menu+share */
.nav-menu-share {
    
width:98%;
margin-left:1%;
display:inline-block;
position:relative;  
}
.nav-menu-share-half {
    
display: inline-block;
float:left;
width:50%;   
}

.nav-menu-share-left, .nav-menu-share-right {width: 100%;}

.nav-share-ul {
    
display: inline-block;
float:right;  
} 
.nav-share {
    
display: inline-block;
float:left;
width:50%; 
}
h1 {
font-size: 1.8em;
margin-top: 0;
margin-bottom: .59318em;
font-weight: 100;
font-family: Roboto Slab, serif;
}
h2 {
font-size: 1.2em;
margin-top: 0;
margin-bottom: .2em;
font-weight: 100;
font-family: Roboto, serif;
}
h3 {
font-size: 1.2em;
margin-top: .2em;
margin-bottom: .2em;
font-weight: 100;
font-family: Roboto,serif;
}
h4 {
font-size: 1.2em;
margin-top: .2em;
margin-bottom: .2em;
font-weight: 700;
font-family: Roboto,serif;
}

.sectionCont {
margin-top:0px;
width:100%;
float:left;
    
}
.sectioVid{
max-width: 100%;
position: relative;
}
.sectioVid-li{
float:left;
position: relative;
display:inline-block;
min-width:100%;
background-color: #E8E9E4;
padding: 0 0 0 0;
color:white;
}

/* li section start*/

.li-bloc1{
float:left;
position:relative;
max-width:100%;
margin: 0 0 2% 0;
}
    
.li-bloc1-text1{
display: inline-block;
max-width: 100%;
background-color:#E84855;
padding: 2% 1% 0 1% ;
color:white;
}
.li-bloc1-text1b{
display: inline-block;
max-width: 100%;
background-color:#A1CF6B;
padding: 2% 1% 0 1% ;
color:white;
}
.li-bloc1-text1-p{
padding: 0.5% 0 2% 0;
}
.li-bloc1-vote{
float:left;
position:relative; 
display: inline-block; 
width:100%;
background-color:#E84855;
padding: 1% 0 0 0;
}
.li-bloc1-vote2{
float:left;
position:relative; 
display: inline-block; 
width:30%;
background-color:#E84855;
margin: 0 0 0 70%;
}
.li-bloc1-voteb{
float:left;
position:relative; 
display: inline-block; 
width:100%;
background-color:#A1CF6B;
padding: 1% 0 0 0;
/*display:none;*/ 
}
.li-bloc1-vote2b{
float:left;
position:relative; 
display: inline-block; 
width:30%;
background-color:#A1CF6B;
margin: 0 0 0 70%;
}
.li-bloc1-vote3{
float:right;
display: inline-block;
margin: 0 2% 0 2%;
}
.li-bloc1-vote3-span{
/*margin: -75% 0 0 0;*/
color: white;
}
.li-bloc1-vote3-p{
float:right;
position:relative; 
display: inline-block;
max-width:100%;
color:white;
padding: 2% 0 0 0; 
margin: 0 0 0 0; 
}
/* li section end*/

.tit-video {
font-size: 1.2em;
font-weight: 700;
font-family: Roboto Slab,sans-serif;
}
.num-video {
font-size: 1.4em;
font-weight: 700;
font-family: Roboto ,sans-serif;
}
.text-vid-bottom{
max-width:100%;
font-size: 1em;
font-weight: 300;
font-family: Roboto Slab,sans-serif;
margin: 0 0 3% 0;
padding-top: 2%;
}

aside {
display: none; 
}
#topsMB{display:inline-block;}
/* Resultados */
.tit-secundario-numR {
color: #E84855;
margin: 2% 0 3% 0;
font-size: 1em;
font-weight: 700;
font-family: Roboto Slab,sans-serif;
}
.tit-secundario-numR2 {
color: #A1CF6B;
margin: 2% 0 3% 0;
font-size: 1em;
font-weight: 700;
font-family: Roboto Slab,sans-serif;
}
.section-resulta{
width: 100%; position: relative;
}

.div-resulta1 {/* block  2 results*/
float: left; position: relative; max-width: 100%;
}
.h2-resulta-nac {
margin: 1% 0 1% 0;  border-bottom-style: solid; border-width: 5px; border-color: #E84855; font-size:100%;
}
.h2-resulta-int {
margin: 1% 0 1% 0; border-bottom-style: solid; border-width: 5px; border-color: #A1CF6B; font-size: 100%;;
}
    
.div-resulta2 {/* block result*/
float: left; position: relative; max-width: 100%;
}
    
.ul-resulta {
padding: 0 2% 0 2%;
}
.li-resulta1 {
float: left; position: relative; padding: 2% 0 1% 0; margin: 0 0 3% 0; border-bottom-style: solid; border-width: 1px; border-color: #b6b6b6;  width:96%;
}
    
.li-div1 {/* number position*/
width:10%;float: left;
}
.li-div2 {/* img */
width:20%; float: left; display:inline-block; margin: 2.5% 0 0 0;
}
.li-div2100 {/* percent */
width:100%; float: left; display:inline-block;
margin: 1% 0 0 10%; /*color:#E84855;*/
font-size: 1em;
font-weight: 300;
font-family: Roboto Slab,sans-serif;
}
.li-div3 {/* text */
width:60%;float: left; padding: 0 1% 0 1%;
}
footer {
    
float:left;
background-color: #E8E9E4;
width: 98%; 
display: inline-block; 
position: relative;
padding: 1% 1% 3% 1%;  
}  
  
/* Ico Url over images */
.cornerPlayIco {
background: url(../img/icoUrlXsmall.png) no-repeat bottom right;
bottom: .2em;
right: .2em;
}
  
  
}

@media only screen and (max-width : 768px) {
    ul.items {
        padding: 0;
        margin: 0;
        font-size: 80%;
    }

    ul.subitems {
        font-size: 80%;
    }
}

    
/* Media Queries end */