/*  
Theme Name: Eumaco
Description: Eumaco
*/

/* Resetter */

* {
    margin: 0;
    padding: 0;
}
ul, ol, li {
    list-style: none;
    position : relative;
}

/* Inizio Tipografia e colori */

body, a, input, textarea {
    font-family:  Tahoma, Helvetica, lucida-sans, sans;
    font-size: 62.5%;
    /* Resets 1em to 10px */
    font-size: 13px;
    color : rgb(0,69,142); 
    line-height: 130%;
}
img, fieldset, input, textarea {
    border : 0px;
}
body{
    background: url(images/body-bg.jpg) repeat-x left top;
}
a *{
    cursor : pointer !important;
}
h1,h2,h3,h4,h5{
    display : block;
    font-weight : normal;
}

/* Titoli */

.title{
    color : rgb(0,69,142);
    font-size : 20px;
}
.title-sec{
    font-size : 16px;
    color : rgb(0,69,142);
}
.post-title, .post-title a{
    color : rgb(214,100,155);
    font-size : 20px;
}

/* Inizio struttura */

#container{
    margin : 0 auto;
    width : 960px;
}
#header{
    height : 378px;
    width : 960px;
    position : relative;
    background: url(images/top-bg.jpg) no-repeat left top;
}
.top-link{
    height : 107px;
    width : 950px;
    margin-left : 5px;
}
#header .text{
    float : left;
    width : 300px;
    padding-top : 50px;
    padding-left : 80px;
}
#header .text .title{
    margin-bottom : 10px;
}

/* Logo */

.logo a{
    float : left;
    height : 60px;
    margin-top : 35px;
    width : 265px;
}

/* Mini Menu Top */

#top-nav{
    float : right;
    height : 64px;
    width : 300px;
    margin-top : 43px;
    width : 235px;
    margin-right : 20px;
}
#top-nav ul{
    height : 64px;
}
#top-nav ul li{
    float : left;
    height : 64px;
    margin-right : 5px;
}
#top-nav ul li.last{
    margin : 0px;
}
#top-nav ul li a{
    float : left;
    width : 75px;
    text-decoration: none;
    color : #fff;
    text-align : center;
    height : 64px;
}
#top-nav ul li a:hover{
    color : rgb(0,69,142);
}

/* Navigation */

#navigation{
    float : left;
    position : absolute;
    bottom : 2px;
    left : 10px;
    width : 532px;
    height : 112px;
    background : url(images/nav.jpg) no-repeat left top;
}
#navigation ul{
    float : left;
    height : 112px;
    width : 532px;
}
#navigation ul li{
    float : left;
    height : 112px;
}
#navigation ul li a{
    float : left;
    height : 27px;
    background : url(images/nav.jpg) no-repeat;
    background-position: left top;
    width : 100px;
    text-align : center;
    color : #fff;
    text-decoration : none;
    padding-top : 85px;
}
#navigation ul li a:hover{
    color : rgb(242,234,238);
}
#navigation ul li a.home{
    background-position: left top;
}
#navigation ul li a.home:hover{
    background-position: left -144px;
}
#navigation ul li a.whoweare{
    width : 110px;
    background-position: -100px top;
}
#navigation ul li a.whoweare:hover{
    background-position: -100px -144px;
}
#navigation ul li a.telecard{
    width : 110px;
    background-position: -210px top;
}
#navigation ul li a.telecard:hover{
    background-position: -210px -144px;
}
#navigation ul li a.monitoring{
    background-position: -320px top;
    width : 110px;
}
#navigation ul li a.monitoring:hover{
    background-position: -320px -144px;
}
#navigation ul li a.ext-def{
    width : 102px;
    padding-top : 78px;
    height : 34px;
    background-position: -430px top;
}
#navigation ul li a.ext-def:hover{
    background-position: -430px -144px;
}

/* Search Panel */

.search{
    width : 305px;
    float : right;
    height : 28px;
    margin-top : 8px;
    margin-right : 28px;
}
.search input{
    float : left;
    background: url(images/search-input.jpg) no-repeat left top;
    padding : 6px 10px 4px 10px;
    width : 201px;
    height : 22px;
    color : rgb(0,69,142);
}
.search input.submit{
    width : 78px;
    padding : 0px;
    text-align : center;
    color : #fff;
    background: url(images/search-submit.jpg) no-repeat left top;
    height : 28px;
    float : right;
    padding-bottom : 4px;
    cursor : pointer;
}
.search input.submit:hover{
    color : rgb(0,69,142);
}

/* Slider */

.slider{
    float : right;
    width : 380px;
    height : 200px;
    margin-top  :27px;
    margin-right : 30px;
}

/* Sidebar */

.sidebar{
    float : left;
    width : 260px;
    margin-left : 5px;
    margin-top : 15px;
}
.newsletter{
    background: url(images/newsletter.jpg) no-repeat left top;
    margin-bottom : 20px;
    width : 230px;
    height : 145px;
    padding : 15px;
}
.newsletter small{
    font-size : 11px;
    color : rgb(0,69,142);
    display : block;
    margin-top : 5px;
    margin-bottom : 15px;
}
.newsletter input{
    width : 200px;
    margin-bottom : 7px;
    background: none;
    height : 25px;
    margin-left : 15px;
    color : rgb(0,69,142);    
}
.newsletter .personal{
    float : left;
    width : 150px;
    padding-left : 2px;
    padding-top : 3px;
    font-size : 9px;
    font-family : Arial !important;
    line-height : 115%;
}
.newsletter input.submit{
    width : 76px;
    margin-bottom : 0px;
    background: url(images/submit.gif) no-repeat left top;
    height : 28px;
    margin-right : 0px;
    margin-left : 0px;
    text-align : center;
    padding-bottom : 4px;
    color : #fff;
    float : right;
    cursor : pointer;
}
.newsletter input.submit:hover{
    color : rgb(0,69,142);    
}

/* Elementi News */

.news-list{
    float : left;
    width : 260px;
    margin-bottom : 20px;
}
.news-list .post-title{
    background: url(images/news.jpg) no-repeat left top;
    padding : 5px 0px 5px 43px;
    margin-bottom : 10px;
    margin-left : 10px;
}
.news-list ul{
    position : relative;
    margin-top : 0px;
    width : 260px;
}
.news-list ul li{
    border-bottom : 1px solid rgb(215,234,249);
    width : 260px;
}
.news-list ul li a{
    text-decoration : none;
    display : block;
    padding : 12px 10px;
    font-size : 12px;
}
.news-list ul li a strong{
    color : rgb(214,100,155);
    display : block;
    font-size : 12px;
    font-weight : normal;
    margin-top : 0px !important;
}
.news-list ul li a small{
    display: block;
    font-size : 11px;
    margin-bottom : 2px;
}
.news-list ul li a:hover{
    background: rgb(243,249,254);
}

/* Rassegna stampa */

.press-release{
    width : 270px;
    margin-left : -5px;
    margin-bottom : 20px;
}
.press-link{
    height : 31px;
    width : 270px;
    display : block;
    color : #fff;
    padding-top : 40px;
    text-align : center;
    background: url(images/article.jpg) no-repeat left top;
}
.press-release ul{
    position : relative;
    margin-top : 0px;
    margin-left : 5px;
    width : 260px;
    background: rgb(242,196,218) url(images/article-top.jpg) repeat-x left top;
}
.press-release ul li{
    border-bottom : 1px solid rgb(236,173,203);
    width : 260px;
}
.press-release ul li.last{
    border : none;
}
.press-release ul li a{
    text-decoration : none;
    display : block;
    padding : 12px 10px;
    font-size : 12px;
}
.press-release ul li a strong{
    color : rgb(214,100,155);
    display : block;
    font-size : 12px;
    font-weight : normal;
    margin-top : 0px !important;
}
.press-release ul li a small{
    display: block;
    font-size : 11px;
    margin-bottom : 2px;
}
.press-release li a:hover{
    background: rgb(247,237,245);
}
.press-bottom{
    width : 270px;
    background: url(images/article-bottom.jpg) no-repeat left top;
    height : 6px;
}

/* Post */

.posts{
    float : right;
    width : 650px;
    margin-top : 20px;
}
.post{
    padding-bottom : 20px;
    border-bottom : 1px solid rgb(215,234,249);
    margin-bottom : 30px;
}
.entry{
    margin-top : 15px;
}
.entry img{
    border : 10px solid rgb(215,234,249);
    margin-right : 15px;
    margin-top : 3px;
    float : left;
}
.entry a:hover{
    color : rgb(214,100,155);
}

/* Footer */

#footer-container{
    height : 49px;
    background: url(images/footer-bg.jpg) repeat-x left top;
    margin-top : 15px;
}
#footer{
    margin : 0 auto;
    width : 960px;
    height : 29px;
    text-align : center;
    padding-top : 20px;
    background: url(images/footer.jpg) no-repeat left top;
}
#footer a:hover{
    color : rgb(214,100,155);
}

/* Regole Uso Generale */

.clearer {
    clear : both;
    height : 0px;
    float : none !important;
}


#header-images img{
    display: none;
}