/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; display:inline-block; }
strong, em { display: inline; }
ul { list-style: none outside; }

html { height: 100%; }
body { min-height:100%; font-family: 'Open Sans', sans-serif; text-align: center; background: #ffffff; color: #797a7b; font-size: 1em; }
@media only screen and (min-width: 0px) and (max-width: 1024px) {
	body { background-image: url(css/background-pattern-1024.jpg); background-repeat: no-repeat; }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
	body { background-image: url(css/background-pattern-1280.jpg); background-repeat: no-repeat; }
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	body { background-image: url(css/background-pattern-1680.jpg); background-repeat: no-repeat; }
}
@media only screen and (min-width:1681px){
	body { background-image: url(css/background-pattern.jpg); background-repeat: no-repeat; }
}

#container { background: #fff; width: 966px; margin: auto; text-align: left; padding: 25px 15px 15px 15px; position: relative; z-index: 2; }
#container-background { width: 1016px; height: 100%; position: absolute; z-index: 1; top: 0; left: 50%; margin-left: -508px; background: #f5f6f6; opacity:.8; filter:alpha(opacity=80); filter:"alpha(opacity=80)"; }

#header, #footer { width: 100%; text-align: center; color: #000; position: relative; z-index: 2; }
#header-content, #footer-content { background: #fff; width: 966px; margin: auto; padding: 20px 15px; }
#header-menu, #header-menu-bottom, #footer-top, #footer-bottom { width: 100%; background: #e10000; padding: 0 0; }
#header-menu #header-content, #header-menu-bottom #header-content, #footer-top #footer-content, #footer-bottom #footer-content { background: none; padding: 0; width: 996px; }
#footer-top #footer-content { text-transform: uppercase; color: #fff; font-weight: bold; font-size: 12px; padding: 5px 0; }
#footer-bottom #footer-content { padding: 20px 0; }
#footer-bottom #footer-content ul { margin-bottom: 15px; }
#footer-bottom #footer-content ul li { color: #e10000; height: auto; float: left; margin-right: 15px; padding: 0 15px 0 0; border-right: 1px solid #d8d9d9; }
#footer-bottom #footer-content ul li a { color: #fff; font-size: 12px; padding: 0; }
#header-menu-bottom { background: #d8d9d9; }
#header-menu ul li, #header-menu-bottom ul li { float: left; margin: 0; padding: 15px 20px 15px 20px; font-size: 1em; text-transform: uppercase; }
#header-menu-bottom ul li { font-size: 0.7em; }
#header-menu ul li:hover, #header-menu ul li.selected, #header-menu ul li.current-menu-item { background: #000; }
#header-menu-bottom ul li:hover, #header-menu-bottom ul li.selected, #header-menu-bottom ul li.current-menu-item { background: #fff; }
#header-menu ul li a { color: #fff; }
#header-menu-bottom ul li a { color: #000; }
#header-menu ul li a:hover, #header-menu-bottom ul li a:hover { text-decoration: none; }
#footer-bottom { background: #000; }

.logo { background-image: url(css/logo-bergamopolis.png); background-repeat: no-repeat; background-position: center 5px; width: 100%; height: 100px; text-align: center; margin-bottom: 20px; position: relative; }
.logo a { display:block; height: 90px; margin-bottom: 10px; }
.logo a span { display: none; }
.logo .data-logo { text-transform: uppercase; font-size: 12px; }
.leaderboard { float: right; }

#main { width: 100%; margin-bottom: 20px; padding-bottom: 20px; }

.content { width: 651px; float: left; margin-right: 15px; }
.head-articles { width: 100%; position: relative; font-size: 14px; line-height: 23px; margin-bottom: 15px; }
.head-articles a.img-apertura img { width: 651px; max-width: 651px; height: 365px; float: left; margin-right: 15px; }
.head-articles h2 { float: right; width: 300px; margin-bottom: 15px; }
.head-articles u { margin-bottom: 20px; display: block; float: right; width: 300px; }
.head-articles h2, .head-articles h2 a, ul.news li h2, ul.news li h2 a, ul.news-left li h2, ul.news-left li h2 a, ul.news-right li h2, ul.news-right li h2 a { color: #000; font-weight: bold; font-size: 24px; line-height: 25px; }
.head-articles .text-open { float: right; width: 300px; height: 75px; overflow: hidden; }
.head-articles .category, ul.news li .category, ul.news-left li .category, ul.news-right li .category { background: #e10000; position: absolute; z-index: 3; top: 0; left: 0; padding: 10px; text-transform: uppercase; }
.head-articles .information, ul.news li .information, ul.news-left li .information, ul.news-right li .information, ul.list li .information, .article .information { width: 300px; border: 1px solid #d8d9d9; border-left: none; border-right: none; padding: 5px 0; font-size: 12px; position: absolute; bottom: 0; right: 0; color: #000; }
ul.news li .information, ul.news-left li .information, ul.news-right li .information, ul.list li .information, .article .information { width: 100%; position: static; border-bottom-width: 4px; margin-top: 10px; }
.article .information { margin-bottom: 15px; }
.head-articles .information a, ul.news li .information a, ul.news-left li .information a, ul.news-right li .information a { font-size: 12px; }
ul.list li .information .left { width: 225px; float: left; border-right: 1px solid #d8d9d9; padding-right: 15px; margin-right: 15px; }
.head-articles .category, .head-articles .category a, ul.news li .category a, ul.news-left li .category a, ul.news-right li .category a { color: #fff; font-weight: bold; }
ul.news { width: 100%; margin: 0; }
ul.news li, ul.news-left li, ul.news-right li { width: 49%; margin: 0 2% 20px 0; position: relative; font-size: 13px; line-height: 23px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul.news li h2, ul.news li h2 a, ul.news-left li h2, ul.news-left li h2 a, ul.news-right li h2, ul.news-right li h2 a { font-size: 18px; margin-bottom: 10px; height: 75px; overflow: hidden; }
ul.news li img, ul.news-left img, ul.news-right img { max-width: 100%; height: 225px; margin-bottom: 5px; }
ul.news-right img { width: 100%; }
ul.news-left { width: 250px; margin-right: 15px; float: left; }
ul.news-right { width: 385px; float: right; }
.sub-list { height: 92px; overflow: hidden; }
.tag { padding-top: 10px; margin-top:10px; border-top: 1px dotted #d8d9d9; display: block; }
.tag, .tag a, .categories-article, .categories-article a { font-size: 12px; }

#main h1, .article h3 { background: #000; display:block; padding: 10px; color: #fff; font-weight: bold; text-transform: uppercase; margin-bottom: 20px; font-size: 18px; }
ul.list li { font-size: 14px; line-height: 24px; margin-bottom: 20px; }
ul.list li h2, ul.list li h2 a, ul.list li h3, ul.list li h3, ul.list li h4 { display: block; font-weight: bold; color: #000; font-size: 22px; }
ul.list li h2, ul.list li h3, ul.list li h4 { margin-bottom: 15px; }
ul.list li h4 a { color: #000; }
ul.list li a.list-image img { float: left; border: 1px solid #d8d9d9; margin: 0 15px 15px 0; }

.article h1 { background: none !important; color: #000000 !important; padding: 0 !important; margin-bottom: 10px !important; font-size: 25px !important; }
.article h2 { margin-bottom: 20px; display: block; font-size: 16px; text-decoration: underline; }
.article p.attachment { text-align: center; margin-bottom: 0; line-height: 0; }
.article p.attachment img { max-width: 650px; width: 650px; }
.article .box-gallery { position: relative; margin-bottom: 15px; }
.article .box-gallery .next-image, .article .box-gallery .previous-image { position: absolute; top: 0; right: 0; width: 50px; height: 100%; background: #000000; z-index: 2; opacity:.6; filter:alpha(opacity=60); filter:"alpha(opacity=60)"; }
.article .box-gallery .previous-image { left: 0; }
.article .box-gallery a#next-image, .article .box-gallery a#previous-image { display: block; width: 50px; height: 100%; background-repeat:no-repeat; background-position:center; background-size: 90%; }
.article .box-gallery a#next-image { background-image: url(css/next-image.png); position: absolute; top: 0; right: 0; z-index: 3; }
.article .box-gallery a#previous-image { background-image: url(css/previous-image.png); position: absolute; top: 0; left: 0; z-index: 3; }
.article .box-gallery a#next-image span, .article .box-gallery a#previous-image span { display: none; }
.article-content { font-size: 16px; line-height: 29px; }

ul.social { margin-top: 3px; float: right; }
ul.social li { float: left; margin: 0 0 0 8px; }
ul.social li img { margin-bottom: 0; }

.navigation { width: 300px; float: right; }

.navigation h5 { font-weight: bold; display: block; background-color: #d8d9d9; padding: 10px 5px 10px 40px; background-repeat: no-repeat; background-position-x: 10px; background-position-y: 5px;	background-position: 10px 10px; color: #000; margin: 0 0 15px 0; }

.navigation ul.ultimi { border-bottom: 4px solid #d8d9d9; margin: 0 0 15px 0; }
.navigation ul.ultimi li { width: 100%; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #d8d9d9; line-height: 18px; }
.navigation ul.ultimi li:last-child { border: none; margin: 0; }
.navigation ul.ultimi li a { color: #797a7b; font-size: 13px; }
.navigation #box-ul { position: relative; }
.navigation #box-ul h5 { display: inline-block;  padding: 10px 9px 10px 9px; float: left; border-right: 1px solid #949494; }
.navigation #box-ul h5.selected, .navigation #box-ul h5:hover { background: #000; } 
.navigation #box-ul h5 a { color: #000; }
.navigation #box-ul h5.selected a, .navigation #box-ul h5:hover a { color: #fff; text-decoration: none; }
.navigation #box-ul ul.ultimi li { padding: 0 0 10px 20px; -moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	box-sizing: border-box; background-image: url(css/bullet.png); background-repeat: no-repeat; background-position-x: 0; background-position-y: 5px;	background-position: 0 5px; }
#rubriche img { max-width: 50px; vertical-align: middle; margin-right: 10px; }
#rubriche a { font-size: 15px; }
a.img-delgiorno img { max-width: 100%; }

.ultimi-articoli { background-image: url(css/icon-ultimi-articoli.png); }
.speciali { background-image: url(css/icon-speciali.png); }

a { text-decoration: none; color: #e10000; }
a:hover { text-decoration: underline; color: #e10000; }
a img { border: none; }
a img:hover{ opacity:.8; filter:alpha(opacity=80); filter:"alpha(opacity=80)"; }

strong { font-weight: bold; color: #797a7b; }
strong a, a strong { color: #e10000; }

.clear { display: block; clear: both; }
.hidden { display:none; }

.left {display: inline; float: left;}
.right {display: inline; float: right;}
.relative { position: relative; }

.spacer-5 { display: block; height: 5px !important; }
.spacer-10 { display: block; height: 10px !important; }
.spacer-15 { display: block; height: 15px !important; }
.spacer-20 { display: block; height: 20px !important; }
.spacer-25 { display: block; height: 25px !important; }
.spacer-30 { display: block; height: 30px !important; }
.spacer-35 { display: block; height: 35px !important; }
.spacer-40 { display: block; height: 40px !important; }
.spacer-50 { display: block; height: 50px !important; }
.spacer-60 { display: block; height: 60px !important; }
.spacer-70 { display: block; height: 70px !important; }
.spacer-80 { display: block; height: 80px !important; }
.spacer-90 { display: block; height: 90px !important; }
.spacer-100 { display: block; height: 100px !important; }

/* STILE PER ARTICOLI EDITOR */

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.article img.size-full,
.article img.size-large,
.article img.size-medium,
.article img.header-image,
.article img.wp-post-image {
	width: 100%;
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

.list img.size-medium, .list img.wp-post-image { width: auto !important; }

p.wp-caption-text { font-size: 0.7em; text-decoration: underline; }

/* Images */
.alignleft {
	float: left;
}
img.alignleft { margin: 15px 15px 15px 0; }
.alignright {
	float: right;
}
img.alignright { margin: 15px 0 15px 15px; }
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

p {margin-bottom: 12px;}