@import "basic.css";
@import "menu.css";

body{background-color:#fff;}
h1 { font-size: 4em;font-size: 4vw; color:#333;font-weight:800;text-align:center;margin-bottom: 20px;margin-left: 55px; }
h2 { font-size: 1.1em;color:#333;font-weight:800;margin-bottom: 10px;}

html, body {
	height: 100%;
	margin: 0;
	}
#global {
	min-height: 100%;
	width: 100%;
	margin: 0 auto;
	position: relative;
	}
#sidebar {
	float: right;
	width: 310px;
	}
#content {
	font-size: 2vw;
	font-size: 1.2em;
	font-weight: 100;
	line-height: 1.6;
	color:#333;
	float: left;
	margin: 20px 20px 20px 55px;
    width: 69.6%; 
}
#content a{font-weight: 600;color:#333 !important;}
#content span{font-size: 15px !important;}
#content strong{font-weight: 600 !important;}

#content img {
width: 100%;
}
#img{
width: 100%;
display: inline-block;
text-align: center;
margin-bottom: 20px;
font-weight: 600;
font-size:15px;
}

#keywords{color:#ccc;font-size:16px;margin-top:20px;line-height: 1.5;}
#by{margin-top: 20px;margin-bottom:20px;width:80%;padding:10px;color:#555;}
#by img{width:50px!important;margin-right:5px;border-radius:80px;}
#publisher{color:#999;margin-bottom:20px;text-align:center;font-weight: 400;}
#moreread{margin-botom:15px;width:100%;}
#moreread span{color:#fff;background-color: rgba(0, 0, 0, 0.7);font-size: 15px;margin-top: 5%;padding: 10px;position: absolute;width: 15%;}
#moreread img{width:100%;height:auto;max-width:300px;float;left;}
#lastcom{font-size: 1.2em;font-size: 1.5vw;font-weight:100;margin-bottom: 30px;font-style: italic;color:#333;}
#lastcom a {color:#333;}
#comentsform{margin-top:20px;background-color:#333;color:#fff;padding:30px;width:99%;}
#comentsform h2 {color:#fff;}
#coments{margin-top:20px;}
#coments p{font-style: italic}
#coments span{font-size:16px;color:#999999;}
#coments span a{font-size:16px;color:#999999;}
#coments blockquote {margin-bottom:20px;}
#artiste{float:left;margin-right:5px;}
#artiste img{width:50px!important;border-radius:80px;}
#bloccom{width:100%;display:inline-block;}

/* MOBILE */
@media all and (max-width: 480px)  {
#content {
 width:80%;
 float:none;
 margin-left:10px!important;
 }
#sidebar {
display:none;
 }
 #moreread {
 float: left;
 margin-right: 10px;
 width: 300px;
}
#floatingShare {
    display: none !important;
}
h1 {margin-left: 10px!important};
	}
	
/* TABLET */	
@media screen and (max-width: 995px) {
#content {
 width:90%;
 float:none;
 }
#sidebar {
display:none;
 }
 #moreread {
 float: left;
 margin-right: 10px;
 width: 300px;
}
}