@font-face {
    font-family: "lato-regular";
    font-style: normal;
    font-weight: normal;
    src: url("https://www.repstatic.it/cless/main/nazionale/2013-v1/css/common/font/repubblica-lato-regular.eot?#iefix") format("embedded-opentype"), url("https://www.repstatic.it/cless/main/nazionale/2013-v1/css/common/font/repubblica-lato-regular.woff") format("woff"), url("https://www.repstatic.it/cless/main/nazionale/2013-v1/css/common/font/repubblica-lato-regular.ttf") format("truetype");
}
@font-face {
    font-family: "lato-bold";
    font-style: normal;
    font-weight: normal;
    src: url("https://www.repstatic.it/cless/main/nazionale/2013-v1/css/common/font/repubblica-lato-bold.eot?#iefix") format("embedded-opentype"), url("https://www.repstatic.it/cless/main/nazionale/2013-v1/css/common/font/repubblica-lato-bold.woff") format("woff"), url("https://www.repstatic.it/cless/main/nazionale/2013-v1/css/common/font/repubblica-lato-bold.ttf") format("truetype");
}

/* container */


/* cont-header */


#cont-header {
/*      margin-left: -30px;*/
    height: 450px;
    width: 987px;
/*    background-image: url('../img/foto-grande.jpg');*/
/*    background-repeat: no-repeat;*/
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

#cont-header .header {
    width: 990px;
    margin: 0 auto;
}

#cont-header .header h1.titolone {
    font: 45px/45px 'lato-regular',Arial,'Helvetica Neue',Helvetica,sans-serif;
    color: #000000;
    text-transform: uppercase;
    float: right;
    margin: 30px 0px 30px 15px;
}
#cont-header .header h3 {
	color: #373737;
	float: left;
	font: 20px/24px 'lato-bold',Arial,'Helvetica Neue',Helvetica,sans-serif;
}

#cont-header .header .title-bottone {
    float: left;
/*    height: 430px;*/
    overflow: hidden;
    width: 301px;
    height: 450px;
    margin-left: 25px;
}
#cont-header .header .testo {
	 color: #fff;
	 width: 300px;
	 padding: 15px;
}

#cont-header .header .testo h1 {
	 font: 30px/32px 'lato-bold',Arial,'Helvetica Neue',Helvetica,sans-serif;
	 margin: 5px 0;
}

#cont-header .header .testo h1 a,
#cont-header .header .testo h1 a:visited {color: #fff}

#cont-header .header .testo h2 {
	font: 17px/20px 'lato-regular',Arial,'Helvetica Neue',Helvetica,sans-serif;
	margin-top: 5px;
}



/*
STRUTTURA
*/
.main-content { float: left; margin-left: 0px !important; width: 650px; }
.main-content:before, .main-content:after {
    content: "";
    display: table;
}
.main-content:after { clear: both; }

.main-content .article {
    border-bottom: none;
}

/* colonne hp */


.column {
  float: left;
  margin-right: 35px;
}

.four {
  width: 299px;
}

.last {margin-right: 0px;}


/*
ALTRI ARTICOLI
*/
.altri-articoli {
/*    background: #F5F5F5;*/
/*    border-bottom: 1px solid #dddddd;*/
    margin: 0px -14px 0 0;
    padding-bottom: 15px !important;
    padding-right: 15px;

}
.altri-articoli .article .border-top { border-top: 2px solid #28A4C3; display: block;  margin: 0 -1px; }



.altri-articoli .article .occhiello { display: block; color: #28A4C3; padding: 10px 0 5px; font: 16px/20px 'lato-bold',Arial,'Helvetica Neue',Helvetica,sans-serif; text-transform: uppercase;}
span.occhiello-data {
    color: #28A4C3;
    display: block;
    font: 16px/20px 'lato-bold',Arial,'Helvetica Neue',Helvetica,sans-serif;
    text-transform: uppercase;
}

.altri-articoli .article .occhiello a, .altri-articoli .article .occhiello a:visited {
    background: none repeat scroll 0 0 #28A4C3;
    color: #111111;
    display: inline-block;
    font: 13px/19px Arial,'Helvetica Neue',Helvetica,sans-serif;
    margin-right: 2px;
    padding: 5px 0;
    text-transform: uppercase;
}

.altri-articoli .article .occhiello a:first-child {
    background: none repeat scroll 0 0 #28A4C3;
    color: #373737;
    padding-left: 10px;
}
.altri-articoli .article .occhiello a:first-child:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #28A4C3;
}


.altri-articoli .article h1, .altri-articoli .article h1 a, .altri-articoli .article h1 a:visited {
    margin: 5px 0;
    font: 22px/24px 'lato-bold',Arial,'Helvetica Neue',Helvetica,sans-serif;
    color: #000;
}
.altri-articoli .article h1 a:hover {color: #666;}

.altri-articoli .article h2, .altri-articoli .article h2 a, .altri-articoli .article h2 a:visited {
    margin: 5px 0;
    font: 16px/20px 'lato-regular',Arial,'Helvetica Neue',Helvetica,sans-serif;
    color: #000;
}
.altri-articoli .article header {
/*    margin: 6px 10px;*/
}


.altri-articoli .article.other {background: #f5f5f5;}


.altri-articoli .article.vaschetta {border-top: none; border-bottom: 1px solid #ddd; padding-bottom: 14px;}
.altri-articoli .article.vaschetta img {float: left; margin-right: 7px;}
.altri-articoli .article.vaschetta h1 {margin-top: 0px;}
.altri-articoli .article.vaschetta h1 a {font: 18px/20px "lato-regular";}
.altri-articoli .article.has-image {position: relative;}
.altri-articoli .article.stretto {width: 230px; background-color: #000; }
.altri-articoli .article.stretto  h1 a { color: #fff;}
.altri-articoli .article.stretto  h1 a:hover { color: #ddd;}
.altri-articoli .article.vaschetta .occhiello {
    left: 0px;
    margin: 0;
    position: absolute;
    padding-right: 15px!important;
    top: 64px;
}
.altri-articoli .article.vaschetta .occhiello a {
    padding-right: 7px;
    color: #fff;
}


.altri-articoli .article     { border-top: 3px solid #28A4C3; background:#fff; margin:0 0 20px 5px; width: 301px; float: left; padding: 3px 0 0 0;}
.altri-articoli .article img { display:block; }

.altri-articoli .article.img-left     { border-left:none; height: 135px;}
.altri-articoli .article.img-left img { float: left; margin-right: 10px;  } 

.sidebar-content .altri-articoli .article, .title-bottone .altri-articoli .article { margin-left: 0px;}
.title-bottone .altri-articoli .article { background: transparent; }
.title-bottone .altri-articoli .article h1 a, .title-bottone .altri-articoli .article h2 { color: #373737;}
.title-bottone .altri-articoli .article h1 a:hover { color: #999;}
.backblack { float: left; background-color: #444; padding-top: 10px; margin-bottom: 15px;}
.content-orizzontale {float:left; margin-top: 10px;}
.backblack .main-content {padding-left: 10px; margin-right: 0;}
.backblack .article { color: #fff; background-color: #000!important;}
.backblack .sidebar-content .article .occhiello {padding-left: 10px;} 
.backblack .sidebar-content .article h1 a:hover { color: #ddd; }
.backblack .sidebar-content .article h1 a { color: #fff!important; padding-left: 10px;}
.backblack .sidebar-content .article h2 { color: #fff; padding-left: 10px;}
.backblack .sidebar-content .article em.author { padding-left: 10px; padding-bottom: 10px; color: #fff; display: block;}
.backblack .article em.author { color: #fff; }
.content-orizzontale .altri-articoli .article .occhiello a { font-size: 10px; padding: 5px;}
/*.last .altri-articoli .article  { padding: 10px 0 0!important;}*/
.article h1.blue a { color: #28A4C3!important; }