H1{font-family: 'Oswald', sans-serif;  font-weight:500; color:#000; font-size:28px }
#article{ background-color:#FFF; padding:30px; box-sizing:border-box; box-shadow: 2px 2px 10px lightgray; margin-bottom:60px }
#article .image{ display:block; width:100%; position:relative; margin-bottom:15px}
#article .image IMG{ display:block; width:100%}
.authors{ position:absolute; top:10px; left:10px; font-size:12px; color:#FFF; font-weight:bold}
.authors a{ color:#FFF}
.authors SPAN{ line-height:22px; margin-right:7px}

#article .categ_name{ position:absolute; bottom:10px; left:10px; padding:3px 10px; display:inline-block;  background-color:#d02e2d; color:#FFF; text-transform:uppercase; font-size:12px}

#article div.text{ font-size:16px; line-height:22px}
#article div.text IMG{ max-width:100%}
#article div.text a{ color:#d02e2d}
#article div.text .embed{ font-size:12px}
#article div.text .embed input{ width:545px}
#article span.foto_name{background-color:#cecece; padding-left:5px; padding-right:5px; color:#1c1919; font-weight:bold; position: absolute;right: 0px;bottom: 0px;}
#article .image .gall {
    position: absolute;
    bottom: 25px;
    right: 25px;
    display: block;
    color: #FFF;
    padding: 10px 20px;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    font-weight: 300;
    font-size: 30px;
    z-index: 10;
}

div.text UL, div.text LI{ margin:auto; padding:auto; list-style-type:inherit}
div.text UL { padding:15px}
#article div.text P{ margin-bottom:15px}
#article div.text .rel{ font-weight:bold; color:#d02e2d}
#article div.text .rel a{ position:relative; padding-left:17px; color:#000; display:block; font-style:italic; font-weight:normal }
#article div.text .rel a:before {
    content:"• "; color:#d02e2d; position:absolute; left:0px
}

div.text .videoplayer{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	display:block;
	overflow:hidden;
}
div.text .videoplayer IFRAME, div.text .videoplayer VIDEO {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

div.text .banner-rel{ }
div.text .banner{ float:left; width:336px}
div.text .rel{ float:right; width:calc(100% - 370px)}

div.text .rel a:hover{ text-decoration:underline}

#content #left{ width:170px;}
	.multiple_article LI{ padding-bottom:30px}
	.multiple_article H2{ padding:4px 0px 0px 0px; font-weight:normal}
	.multiple_article H2 A{ font-weight:normal}

#content #right .image{ margin-top:15px; }	
	#content .title_video{ font-weight:bold}


.social{ text-align:center; margin-bottom:-50px; margin-top:30px }
	.social li{ display:inline-block; background-color:#FFF; box-shadow: 2px 2px 10px lightgray;  -moz-border-radius: 100% ; -webkit-border-radius: 100% ;	border-radius:100%;
width: 40px; height: 40px; margin: 0 3px; padding: 7px; box-sizing: border-box}
    .social li svg{ height: 22px}
	

#gallery{ width: calc(100% - 336px); text-align: center; height: calc(100vh - 145px); background-color: #202020; position: relative; float:left}
#gallery IMG{ max-height: 100%; max-width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
#gallery span.foto_name{background-color:#cecece; padding-left:5px; padding-right:5px; color:#1c1919; font-weight:bold; position: absolute;left: 50%;bottom: 0px;}
#gallery .social{ position:absolute; left: 10px; top: 10px; margin-top: 0px}
#gallery .close{ position:absolute; width: 40px; height: 40px; line-height: 40px; font-size: 30px; text-align: center; right: 10px; top: 10px; background-color: #8d103c; border-radius: 300px; display: block; font-family: Arial; color: #FFF; font-weight: bold }
#gallery .close:hover{ text-decoration:none; background-color:#AD1349 }
#banner_gallery{ width:336px; height: calc(100vh - 145px); background-color: #404040; float: right}

.photo-prev{ left:10px;}
.photo-next{ right:10px; }
.photo-prev, .photo-next{width: 45px; height: 45px; position: absolute; top: 50%; text-align: center; background-color: #FFF !important; border-radius: 300px; display:block; font-size: 30px; line-height: 38px; margin-top: -20px}
.photo-prev:hover, .photo-next:hover{ text-decoration:none}
.section2{ border:0px}

#taboola-sponsored-below-article, .bannerBox{ margin: 0px auto; margin-bottom: 20px}

/*
.bannerBox #SC_TBlock_538909 >div >table >tbody>tr>td a img{ width: 100px !important; min-width: 100px !important}
.bannerBox #SC_TBlock_538909 >div >table >tbody>tr>td a.l1 span, #SC_TBlock_538909 >div >table >tbody>tr>td a.l3 span{ min-width: 100px !important}
*/

@media screen and (max-width: 768px) {
	#article{ padding:10px}
	.social { margin-bottom:-30px}

	div.text .banner-rel { overflow:visible}	
	div.text .banner { float:none; text-align:center; margin:0px auto; margin-bottom:20px; width: auto}
	#article div.text .rel { float:none; width:100%}
}
@media screen and (max-width: 700px) {
	H1{ font-size:20px} 
	#gallery{height: calc(100vh - 200px); width: 100%; float:none }
	#banner_gallery{ float:none; margin: 0px auto; height: auto}
	#article .image .gall {
		padding: 5px 15px;		font-size: 15px;

	}
	#taboola-sponsored-below-article, .bannerBox{ }
}