@charset "utf-8";
/* CSS Document */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
body {
line-height: 1.4em;
color: black;
background: white;
font-family: Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:normal; line-height:auto;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
a:link, a:visited{
color: rgb(5, 41, 129);
text-decoration: none;
font-size: 1.2em;
line-height: auto;
}
a:hover, entry-title{
text-decoration: none;
color: red;
line-height: auto;
font-size: 1.2em;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "''" "''";
}
h2{ font-weight:normal;}
.wrapper{ width:1000px; height:100%; margin:0 auto; background-image:url(img/wrapper.jpg); }
.maincontent{ width:980px; height:100%; margin:auto; background:#FFFFFF;}
.head{ height:168px; width:100%;border-bottom:1px solid #CCCCCC; }
.logoUfficioEuropa{}
.menuNav{ padding-bottom:20px;}
.menuNav ul{ width:100%;}
.menuNav li{ float:right; width:90px; height:18px; line-height:18px; display:block; border-right:1px solid #949494; }
.menuNav li a:link,a:visited { display:block;font-weight:bold; height:18px; line-height:18px; text-decoration:none; font-size:1.2em; font-weight:bold; text-align:center;}
.menuNav li a:visited { display:block;font-weight:bold; height:18px; line-height:18px; text-decoration:none; font-size:1.2em; text-align:center;}
.menuNav li a:hover{background-position:bottom; background-repeat:repeat-x; text-align:center;}
.content{}
.sidebar{ width:200px; float:left;border-left-width: 1px; border-left-style: dotted;border-right-width: 1px; border-right-style: dotted;}
#menu{ /*background-color:#f2f1f2;*/ float:left;}
#extra{ float:right; /*border:1px solid #000;*/ width:185px; text-align:center;}
#marque{ line-height:30px; width:100%; display:block; color:#666; background-image:url(img/bg_section_head_3repeat.gif); background-position:top; background-repeat:repeat-x;}
.section{ /*border-bottom:1px solid #949494;border-right:1px solid #949494;margin:0px 2px 0px 2px;*/ margin-bottom:5px; clear:both; }
.section h2{ font-size:1.2em; text-align:left; border-top:1px solid #CCCCCC; line-height:20px; background-position:bottom; background-repeat:repeat-x; text-indent:5px; font-weight:bold; color:#003399; }
#biblioteca h2{ text-align:left; border-top:1px solid #d6aa84; line-height:20px; background-image:url(img/bg_section_head_3repeat_brown.gif); background-position:bottom; background-repeat:repeat-x; text-indent:5px; font-size:1em; font-weight:bold; font-size:1.2em;}
#biblioteca ul {clear:both;}
#biblioteca ul li img{ margin:1px; margin-right:5px;}
#biblioteca ul li{ display:block; clear:both;}
#biblioteca ul li a:link, a:visited{ }
#biblioteca ul li a:hover { text-decoration:underline;}.section ul{ margin:2px; clear:both;}
.section ul li{margin:5px; line-height:10px; display:block; clear:both;}
.section ul li img{ margin:1px; margin-right:5px;}
.section ul li a:link, a:visited{ text-decoration:none; text-align:left; font-size:1.2em; font-weight:normal; line-height:normal;}.section ul li a:hover {
color: red;
}
.section ul#itemList{ margin-bottom:15px;}
.section ul h3{padding-left:3px;}
.section ul a#catlink:link, a#catlink:visited{ text-decoration:none; text-align:left; font-size:1.2em; font-weight:bold; line-height:normal; background-image:url(img/cat_arrow.gif); background-position:left; background-repeat:no-repeat; padding-left:15px; line-height:1.2em;}.section ul a#catlink:hover { color:#000033}.center { width:570px; float:left; padding:0px 5px 5px 2px; margin-left:1px; border-bottom-width: 1px;}
.center fieldset{border-top:2px solid #003399; margin:0px;margin-bottom:5px; clear:both; }
.center legend{ color:#003399; margin:0px; font-weight:bold; font-size:1.2em; line-height:30px; background-image:url(img/stars.gif); background-repeat:no-repeat; background-position:right; padding-right:15px; float:left; }
.center .news_list{ color: #3f3f3f; margin-left:5px; text-align: justify;
font-size: 1.2em;
line-height: 1.2em;
}
.breaking {
color: #3f3f3f; margin-left:5px; text-align: justify;
font-size: 1.1em;
line-height: 1.1em;
}
.breaking .datetime{
margin:0px;
padding:0px;
}
.datetime{
color: #7f7f7f; text-align: justify;
font-size: 0.5em;
line-height: 0.8em;
padding: 0px;
}.center .news_list li{list-style:square; margin:15px 0px 5px 10px;}
.post-container{margin-top:5px;}#titolo-post {color:#003399; font-size:1.5em; line-height:1em; font-weight:bold; margin-bottom:5px;}
#post-content{
color: #666666;
padding: 2px;
line-height: 1.2em;
margin-top: 15px;
text-align: justify;
}
#post-content ul{ margin-left:10px;}
#post-content ol{ margin-left:10px;}
#post-content li{ list-style-type:square; margin-left:5px;}
#post-content em{ font-style: italic;}
#post-content a:link a:hover{font-weight:bold;}
#post-content p{font-size:1.2em; line-height:1.2em;}
.archive-container{ margin-top:5px;}
#titolo-archivio {color:#003399; font-size:1.5em; line-height:1em; font-weight:bold; }
#post-list { margin-top:5px; padding:5px;font-size: 1.2em;}
#post-list #post { padding-bottom:5px; border-bottom:1px solid #ccc; color:#666; margin-bottom:2px; margin-top:2px;}
/* #post-list #post a:link, a:visited{ color:#003399; text-decoration:none;} */
#post-list #post a:hover {
text-decoration: none;
color: red;
}
#post-list #post p{ font-style:italic;}
.footer{ clear:both; padding:5px; margin-top:20px; text-align:center; color:#000; text-align:center; margin:auto; PADDING-top:60px; }
.footer a{}
.credits{ width:800px; margin:auto; text-align:center; margin-top:10px; margin-bottom:10px; }
.credits a:link, a:visited, a:hover{ display:inline;}
/*SLIDER*/
.featured h2{ text-align:left; border-top:1px solid #CCCCCC; line-height:20px; background-image:url(img/bg_section_head_3repeat.gif); background-position:bottom; background-repeat:repeat-x; text-indent:5px; font-size:1em; font-weight:bold; color:#003399; font-size:1.2em;}
.stripViewer .panelContainer .panel ul {
text-align: left;
margin: 0 15px 0 30px;
}
.featured { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
position: relative;
width: 570px;
padding-top:15px;
}
/* These 2 lines specify style applied while slider is loading */
.csw {width: 570px; /*height: 460px;*/ background: #fff;}
.stripViewer { /* This is the viewing window */
position: relative;
overflow: hidden;
/*border: 5px solid #000; this is the border. should have the same value for the links */
margin: auto;
width: 570px; /* Also specified in .stripViewer .panelContainer .panel below */
height: 150px;
clear: both;
border-bottom:1px dotted #666;
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */
position: relative;
left: 0; top: 0;
width: 570px;;
list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
float:left;
height:150px;
position: relative;
width: 570px; /* Also specified in .stripViewer above */
}
.panel{ color:#666666; }
.panel h1{ color:#003399; font-size:1.5em; font-weight:bold; line-height:1.1em; background:none;}
.panel img{ margin:2px; padding:1px; float:left; height:100px; }
.panel #content { text-align:justify; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:1.1em;}
.panel #content a#readMore{ position:relative; bottom:0px; right:0px;}
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
display:none;
}
.stripNavL, .stripNavR { /* The left and right arrows */
display:inline;
}
.stripNavL a, .stripNavR a {
line-height:20px;
font-size:.8em;
}
.alignleft{float:left; padding:5px 5px 5px 0px;}
.alignright{float:right; 5px 0px 5px 5px}
#wp-calendar { width:90%; margin:3px; background:#fff;}
#wp-calendar caption{background: #003399;; text-align:center; line-height:1.2em; font-size:1.1em; font-weight:bold; color:#FFF;}
#wp-calendar thead { }
#wp-calendar thead tr th{ text-align:center;}
#wp-calendar #today { border:1px solid #FF0000;}
#wp-calendar tbody tr td{ text-align:center;}
#s , .newsletterTextInput , .submit{
background:#E4E4E4 url(img/form.gif) repeat-x scroll center top;
border:1px solid #999999;
font-size:11px;
line-height:11px;
}
.trova {
background:#0708c3 url(img/search.gif) no-repeat scroll 0 70%;
width: 20px; height: 20px;
margin:0;
}
.mail {
background:#0708c3 url(img/mail.gif) no-repeat scroll 0 70%;
width: 20px; height: 20px;
margin:0;
}.searchform{ padding:5px; background-color:#CCCCCC; margin:5px; margin-bottom:10px;}
div#evidenza{
border-top:1px solid #CCCCCC;
padding: 5px;
}
div#primo-piano {margin:0 5px 5px 0px;width:100%; float: left;}
div#primo-piano p{ font-size:1.1em; padding:2px; text-align:justify;}
div#primo-piano .datetime{ margin-bottom:5px;text-align:right;}
div#primo-piano div#post-img-evidenza { border-right:1px solid #ccc; margin:2px; float:left; padding:5px;}
div#primo-piano p#post-title-evidenza {
line-height: 1.0em;
font-size: 1.0em;
color: #816681;
font-weight: bold;
margin: 5px 0 5px 0;
}
div#primo-piano span#read-more{ font-size:1.1em; float:right;}
.post-meta {color: #666666;}
.post-meta-key {color: #003399; font-weight: bold; text-transform: lowercase;}
#post-content .post-meta li{list-style-type: none;}
/* FEATURED CONTENT SLIDER STYLES */
#wrapper{
width: 50em;
/* margin-bottom: 2em; */
}
#slider {
margin: 0 auto;
position: relative;
}
.scroll {
width: 50em;
overflow: auto;
overflow-x: hidden;
position: relative;
background: #ffffff;
}
.scrollContainer div.panel {
padding: 1em;
width: 48em;
}
.format_text.featured_media{
margin-right: 1em;
float: left;
}
.format_text.featured_media a img{
width: 15em;
height: 12em;
}
.format_text.featured_text{
font-size: 1em;
float: left;
width: 35.5em;
}
.format_text.featured_text div.format_text.entry-content p{
margin-bottom: 0;
padding-bottom: 0;
}
#shade {
width: 50em;
background: White;
height: 9em;
border-top: 1px solid #333;
}
#shade.tall-shade {
background: #000;
height: 12em;
border-top: 1px solid #333;
}
ul.navigation {
list-style: none;
margin: 0;
padding: 0;
padding-bottom: 0.9em;
}
ul.navigation li {
display: inline;
margin-right: 0.8em;
}
ul.navigation a {
padding: 0.9em;
color: #000;
text-decoration: none;
float: left;
font-size: 1.0em;
}
ul.navigation a:hover {
background: url(images/arrow_down.png) no-repeat 50% 0%;
}
ul.navigation a.selected {
background: url(images/arrow_down.png) no-repeat 50% 0%;
}
ul.navigation a:focus {
outline: none;
}
.scrollButtons {
position: absolute;
top: 130px;
cursor: pointer;
}
.scrollButtons.left {
left: -13px;
z-index: 100;
display: none;
visibility: hidden;
}
.scrollButtons.right {
right: -13px;
z-index: 101;
display: none;
visibility: hidden;
}
.hide {
display: none;
}
span.thumbtitle{
display: block;
font-size: 1.2em;
text-align: center;
display:none;
}
img.scroller-thumb{
padding: 0.3em 0.4em;
border: 0.1em solid #2b2b2b;
width: 13.3em;
height: 6.0em;
}
img.scroller-thumb-big{
padding: 0.3em 0.4em;
border: 0.1em solid #2b2b2b;
}
a.selected img.scroller-thumb{
}
.breadcrumb{
border-bottom: thin dotted;
border-bottom-width: thin;
margin-bottom:5px;
font-size:1.2em;
}
.cat-item . linkcat a:link a:visited{ list-style:none;font-size:1.2em; font-weight:bold;padding-left:20px;
}
a.titolo {margin-bottom:3px; font-size:1.4em;}
a.titolo:hover {
font-size:1.4em;}
h2.titolo {background-color:rgb (8,11,186);}