/*
Theme Name: T.C.P. Sistemi
Theme URI: http://www.tcpsistemi.it
Description: First Theme for T.C.P. Sistemi web site.
Version: 1.0
Author: Andrea Tortoni
Author URI: http://www.tcpsistemi.it
*/

/*-----------Block Level Elements--------------*/

* { margin: 0px; border: 0px; padding: 0px; }
body { background: #fff; font: 75%/150% arial; color: #444; }

a { text-decoration: none; }
ul { list-style: none; }
img { margin: 5px; }
h1, h2, h3 {  }
h1 { }
h2 { font-weight: normal; }
h3 { }

#page { width: 100%; background: #fff; background: url('./images/left_bkg.jpg') repeat-y top left; }

#header { position: relative; width: 100%; height: 135px; background: url('./images/header01_rpt.jpg') repeat-x; }
#head01 { position: absolute; float: left; width: 676px; height: 135px; background: url('./images/header01.jpg') no-repeat top left; }

#wrapper { background: url('./images/right_bkg.jpg') repeat-y top right; }
#highlands { float: left; width: 100%;  }
#content { margin: 30px 220px 30px 280px; }
#sidebarleft { float: left; margin-left: -100%; width: 267px; }
#sidebarright { float: left; margin-left: -208px; width: 208px; }

#footer { clear: both; padding: 10px; background: #eee; color: #555; font-size: 10px; text-align: center; }


/*------------------Menu-----------------*/

#navigator { position: absolute; top: 115px; left: 300px; color: #fff; }
#navigator li.page_item { position: relative; float: left; margin: 0px 10px; font-size: 16px; }
#navigator li.page_item a:link,
#navigator li.page_item a:visited { display: block; color: #fff; line-height: 16px; padding: 0px 10px; border-bottom: 4px solid #7d99a5; }
#navigator li.page_item a:hover { display: block; color: #9df; line-height: 16px; padding: 0px 10px; border-bottom: 4px solid #f90; }

#navigator li.current_page_parent a { display: block !important; color: #9df !important; line-height: 16px !important; padding: 0px 10px !important; border-bottom: 4px solid #f90 !important; }
#navigator li.current_page_item a { display: block !important; color: #9df !important; line-height: 16px !important; padding: 0px 10px !important; border-bottom: 4px solid #f90 !important; }
#navigator .current_page_parent .page_item a { border-top: 1px solid #fff !important; border-bottom: 0px !important; color: #666 !important; }
#navigator .current_page_item .page_item a { border-top: 1px solid #fff !important; border-bottom: 0px !important; color: #666 !important; }
#navigator .page_item .page_item a { border-top: 1px solid #fff !important; border-bottom: 0px !important; color: #666 !important; }
 
/*inizio parte per sottomenu*/
#navigator li.page_item ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 11em; background: #def; position: absolute; left: -999em; height: auto; }
#navigator li.page_item li { width: 11em; margin: 0px; }
#navigator li.page_item ul a:link,
#navigator li.page_item ul a:visited { font-size: 0.8em !important; border-left: 4px solid #cdf; /*border-bottom: 1px solid #fff;*/ border-top: 1px solid #fff; color: #aaa; margin: 0px; }
#navigator li.page_item ul a:hover { border-left: 4px solid #f90; /*border-bottom: 1px solid #fff;*/ border-top: 1px solid #fff; color: #444; }

#navigator li:hover ul, #navigator li li:hover ul, #navigator li.sfhover ul, #navigator li li.sfhover ul { left: auto; }
#navigator li:hover, #navigator li.sfhover { /*background: #888; color: #9df;*/ }
#navigator li ul ul { margin: -2em 0 0 13em; }
#navigator li:hover ul ul, #navigator li.sfhover ul ul { left: -999em; }
#navigator li:hover ul, #navigator li li:hover ul, #navigator li.sfhover ul, #navigator li li.sfhover ul { left: auto; }
/*fine parte per sottomenu*/


/*--------------Sidebar Left------------*/

#sidebarleft ul { width: 100%; }
#sidebarleft ul li { text-align: center; }
#sidebarleft ul li a {  }
#sidebarleft ul li h2 { font-size: 1.4em; }
#sidebarleft ul ul { background: none !important; }
#sidebarleft ul ul li { font-size: 1em; }
#sidebarleft ul ul ul { }
#sidebarleft p { }
#sidebarleft a:link, #sidebarleft a:visited { }
#sidebarleft a:hover {  }


/*--------------Sidebar Right------------*/

#sidebarright ul { width: 100%; padding: 10px 0px; }
#sidebarright ul li { padding: 0px 10px; }
#sidebarright ul li h2 { color: #aae; padding: 10px 0px 10px 20px; font-size: 1.4em; }
#sidebarright ul ul {  }
#sidebarright ul ul li {  }
#sidebarright ul ul ul { }
#sidebarright p { }
#sidebarright a:link, #sidebarright a:visited { color: #44a; }
#sidebarright a:hover { color: #bb4; }


/*------------NEWS--------------*/

.partner { text-align: center; padding: 10px 0px 10px 0px; }
.partner img { border: 1px solid #c9e9f8; }

.tasti { padding: 40px 0px !important; }
#news { width: 242px; margin: 0px auto; background: url('./images/news_bottom.jpg') no-repeat bottom left; padding-bottom: 10px; }
#news h2 { background: url('./images/news_top.jpg') no-repeat top left; padding: 20px 0px 15px 20px; font-size: 2em !important; text-align: left; }
#news h2 a:link, #news h2 a:visited { color: #e71; }
#news h2 a:hover { color: #ee1; } 
#news ul li a:link, #news ul li a:visited { color: #44a; line-height: 25px; }
#news ul li a:hover { color: #bb4; line-height: 25px; }

#latest-news { width: 242px; margin: 0px auto; padding-bottom: 10px; }
#latest-news h2 { padding: 10px 0px; color: #e71; /*font-weight: bold;*/ font-size: 2em !important; text-align: center; }
#latest-news a:link, #latest-news a:visited { color: #44a; }
#latest-news a:hover { color: #bb4; }
#latest-news .lastnews { padding: 5px 0px; margin: 5px 0px; background: #dff; }

#notizie { width: 100%; }
#notizie h2 { color: #7d99a5; font-size: 1.4em; padding: 10px 0px; font-weight: bold; }

#ricerca { width: 96%; margin: 10px 2%; background: #f00; display: none; }
#ricerca h2 { width: 40%; background: #0f0; }
#ricerca #searchform { width: 40%; background: #00f; }

.archivi { width: 46%; margin: 2%; float: left; }
.archivi a { font-size: 1.2em; padding: 5px; }
.archivi a:link, .archivi a:visited { color: #44a; }
.archivi a:hover { color: #bb4; }

#ultime { width: 96%; margin: 2%; clear: both; }
#ultime a { font-size: 1.2em; padding: 5px 0px; font-weight: bold; }
#ultime li { font-size: 1em; padding: 5px; }
#ultime a:link, #ultime a:visited { color: #44a; }
#ultime a:hover { color: #bb4; }

/*------------Vetrina Prodotti nella barra destra--------------*/

#vetrina { text-align: center; margin: 20px 0px 0px 0px; }
#vetrina img { display: block; margin: 0px auto; padding: 10px; }
#vetrina ul { margin: 10px 0px; }
#vetrina #bannerdx h2 { text-align: left; padding: 0px 10px; color: #444; font-weight: bold; }
#vetrina #prodotti {}

/*-------------- Griglia Banner Home Page-------------*/

#backvetrina { width: 100%; background: url('./images/verticale.png') repeat-y top center; }
#colsx { float: left; width: 49%; border-right: 0px solid #7d99a5; background: #fff; }
#coldx { float: right; width: 49%; border-left: 0px solid #7d99a5; background: #fff; }
#colsx .banner { width: 95%; border-bottom: 1px solid #7d99a5; padding: 10px 0px; margin: 0px auto; }
#coldx .banner { width: 95%; border-bottom: 1px solid #7d99a5;  padding: 10px 0px; margin: 0px auto; }
.banner .titolo { color: #7d99a5; font-size: 1.2em; padding: 10px 10px 0px; font-weight: bold; }
.banner p { padding: 5px 10px; }
.banner img { margin: 4px; }
.banner ol { padding-left: 40px; }
#colsx a:link,
#coldx a:link,
#colsx a:visited,
#coldx a:visited { color: #7d99a5; padding: 1px; border: 1px dashed #fff; }
#colsx a:hover,
#coldx a:hover { color: #f90; padding: 1px; border: 1px dashed #7d99a5; }
.clearhome { clear: both; width: 100%; height: 20px; /*background: url('./images/sfondo.png') no-repeat bottom right #fff;*/ }
.clearservizi { clear: both; width: 100%; height: 20px; /*background: url('./images/sfondo.png') no-repeat bottom right #fff;*/ }
#homebottom { position: relative; width: 100%; background: #fff; }
#banner-linksys { width: 468px; height: 60px; margin: 20px auto; }

/*----------------The Post-------------------*/

h2 a:hover, h2 a:visited, h2 a {}
.post { margin: 10px 20px; }
.post h2 { color: #7d99a5; font-size: 1.4em; padding: 10px 0px; font-weight: bold; clear: both; }
.post p { padding: 4px 0px; }
.post a:link, .post a:visited { color: #44a; }
.post a:hover { color: #bb4; }
.post ul { list-style-type: disc; margin-left: 20px; }
.post li { margin-left: 20px; }
.post div { margin: 0px auto; }
.post ol { margin: 10px 30px; }
.post img { padding: 5px; }
.post small { color: #595; }
.entry { }
.entrytext .postmetadata { }
.postmetadata alt { }
.postmetadata a { }
.navigation { }
.alignleft { width: 48%; float: left; }
.alignright { width: 48%; float: right; text-align: right; }
.center { text-align: center; margin: 0px auto; }
.pagetitle { }
blockquote { }
cite { }
a img { padding: 4px; }
acronym, abbr { }

/*--------------Comments--------------*/

ol.commentlist { }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist a { }
small.commentmetadata { }

/*--------------Search Form-------------*/

#searchform { }
#searchform input { }
#searchform #s { }

/*-------------Calendar-----------------*/

#wp-calendar { }
#wp-calendar th { }
#wp-calendar a { }
#prev a, #next a { }
#wp-calendar caption { }

/*--------Contact Form ][ e pagina contatti--------------*/

#contatti h2 { color: #7d99a5; font-size: 1.4em; padding: 10px 0px; font-weight: bold; }
#contatti a:link, #contatti a:visited { color: #44a; font-weight: bold; }
#contatti a:hover { color: #bb4; font-weight: bold; }

#contatti #map { width: 500px; height: 300px; margin: 0px auto; }

.contactform { width: 80%; height: auto; margin: 20px auto; position: relative; }
.contactleft { float: left; clear: both; width: 35%; height: auto; text-align: right; display: inline; margin: 4px 0px; padding: 3px; }
.contactright { float: left; width: 60%; height: auto; display: inline; margin: 4px 0px; padding: 3px; }
.contactright input, .contactright textarea { border: 1px solid #446; padding: 2px; }
.contactright #contactsubmit { width: 50%; display: inline; margin: 10px auto; }
.contacterror { border: 2px solid #ff0000; }

/*-----------WebMail-------------------*/

#webmail {  }
#webmail .hide { dispay: none; border: 0px; margin: 0px; padding: 0px; }
#webmail p { margin: 3px 10px; padding: 2px; text-align: right;  }
#webmail input { background: #eef; width: 60%; }
#webmail .loginkey { margin: 3px 10px; padding: 2px; text-align: right; }

/*---------- Credits -----------------------*/

#footer a:link,
#footer a:visited { color: #33a; text-decoration: underline; }
#footer a:hover { color: #33a; text-decoration: none; }