/*
Theme Name: Chemicontrol
Theme URI: http://www.tcpsistemi.it
Description: Chemicontrol new site
Version: 1.0
Author: Andrea Tortoni
Author URI: http://www.tcpsistemi.it
Tags: chemicontrol
*/

/* struttura */
* { margin: 0px; padding: 0px; border: 0px; }
body { font-size: 62.5%; font-family: /*Verdana, 'Lucida Grande', Arial,*/ Sans-Serif; background: url('./images/backtop02.png') repeat-x top left #d5f9fa; }
ul, ol { list-style: none; }
a { text-decoration: none; }
h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.2em; }

#page { width: 100%; position: relative; }
#header { width: 900px; height: 78px; position: relative; margin: 0px auto; }
#logo { width: /*271px*/350px; height: 78px; background: url('./images/logotop.png') no-repeat top left; float: left; display: inline; }
#wrapper { width: 100%; min-height: 400px; height: auto !important; height: 400px; background: #fff; }
#footer { width: 100%; height: 160px; background: url('./images/backbottom.png') repeat-x top left #fff; }

/* header - navigator */
#private { position: absolute; bottom: 4px; right: 18px; }
#private a { font-size: 1.2em; color: #099; }
#private a:link,
#private a:visited { text-decoration: underline; }
#private a:hover { text-decoration: none; }
#navbox { width: auto; position: absolute; right: 0px; bottom: 33px; }
#nav { position: relative; float: right; display: inline; }
#nav li { float: left; display: inline; text-align: center; }
#nav li a { display: block; padding: 4px 18px; font-size: 1.3em; font-weight: bold; }
#nav li a:link, #nav li a:visited { color: #444; border-right: 4px solid #099; }
#nav li a:hover { color: 444; border-right: 4px solid #099; background: #edf0f0; }
#nav li.current_page_item a { color: #099; background: #edf0f0; }
/*
#nav li.PageHome { background: url('./images/back_nav_1.png') no-repeat top center; }
#nav li.PageAzienda { background: url('./images/back_nav_2.png') no-repeat top center; } 
#nav li.PageContatti { background: url('./images/back_nav_3.png') no-repeat top center; }
#nav li.PagePavimenti { background: url('./images/back_nav_4.png') no-repeat top center; }
#nav li.PageRivestimenti { background: url('./images/back_nav_5.png') no-repeat top center; }
#nav li.PageAccessori { background: url('./images/back_nav_6.png') no-repeat top center; }
#nav li.PageNews { background: url('./images/back_nav_7.png') no-repeat top center; }

#nav li.current_PageHome { background: url('./images/back_nav_1sel.png') no-repeat top center; }
#nav li.current_PageAzienda { background: url('./images/back_nav_2sel.png') no-repeat top center; } 
#nav li.current_PageContatti { background: url('./images/back_nav_3sel.png') no-repeat top center; }
#nav li.current_PagePavimenti { background: url('./images/back_nav_4sel.png') no-repeat top center; }
#nav li.current_PageRivestimenti { background: url('./images/back_nav_5sel.png') no-repeat top center; }
#nav li.current_PageAccessori { background: url('./images/back_nav_6sel.png') no-repeat top center; }
#nav li.current_PageNews { background: url('./images/back_nav_7sel.png') no-repeat top center; }
*/

/* post & page */
#tophead { width: 864px; background: #ddd; height: 170px; padding: 0px 0px; margin: 0px auto; border-left: 18px solid #003842; border-right: 18px solid #003842; position: relative; }
#subatt { font-size: 1.3em; font-weight: bold; width: 200px; position: absolute; top: 20px; left: 0px; }
#subatt li { margin: 10px 0px; }
#subatt a { padding: 2px 12px 2px 20px; color: #333; }
#subatt a:link,
#subatt a:visited {  }
#subatt a:hover { background: #fff; }
#subatt .current_page_item a { background: #fff; }

#azi { width: 750px; height: 170px; float: right; display: inline; position: relative; }
#azi .dx1 { width: 225px; height: 150px; position: absolute; top: 10px; right: 290px; background: url('./images/home01.jpg') no-repeat top left; }
#azi .dx2 { width: 280px; height: 186px; position: absolute; top: 0px; right: 0px; background: url('./images/home02.jpg') no-repeat top left; }
#azi .dx3 { width: 225px; height: 150px; position: absolute; top: 10px; right: 525px; background: url('./images/home03.jpg') no-repeat top left; }

#att { width: 500px; height: 170px; float: right; display: inline; position: relative; }
#att .dx1 { width: 225px; height: 150px; position: absolute; top: 10px; right: 290px; background: url('./images/att01.jpg') no-repeat top left; }
#att .dx2 { width: 280px; height: 186px; position: absolute; top: 0px; right: 0px; background: url('./images/att02.jpg') no-repeat top left; }

#sic { width: 500px; height: 170px; float: right; display: inline; position: relative; }
#sic .dx1 { width: 225px; height: 150px; position: absolute; top: 10px; right: 290px; background: url('./images/sicur02.jpg') no-repeat top left; }
#sic .dx2 { width: 280px; height: 186px; position: absolute; top: 0px; right: 0px; background: url('./images/sicur04.jpg') no-repeat top left; }

#for { width: 750px; height: 170px; float: right; display: inline; position: relative; }
#for .dx1 { width: 225px; height: 150px; position: absolute; top: 10px; right: 290px; background: url('./images/formaz02.jpg') no-repeat top left; }
#for .dx2 { width: 280px; height: 186px; position: absolute; top: 0px; right: 0px; background: url('./images/formaz03.jpg') no-repeat top left; }
#for .dx3 { width: 195px; height: 130px; position: absolute; top: 20px; right: 525px; background: url('./images/formaz01.jpg') no-repeat top left; }

#cons { width: 750px; height: 170px; float: right; display: inline; position: relative; }
#cons .dx1 { width: 225px; height: 150px; position: absolute; top: 10px; right: 290px; background: url('./images/cons01.jpg') no-repeat top left; }
#cons .dx2 { width: 280px; height: 186px; position: absolute; top: 0px; right: 0px; background: url('./images/cons02.jpg') no-repeat top left; }
#cons .dx3 { width: 195px; height: 130px; position: absolute; top: 20px; right: 525px; background: url('./images/cons01.jpg') no-repeat top left; }

#inf { width: 400px; height: 170px; float: right; display: inline; position: relative; }
#inf .dx1 { width: 379px; height: 186px; position: absolute; top: 0px; right: 0px; background: url('./images/info.jpg') no-repeat top left; }

#cont { width: 450px; height: 170px; float: right; display: inline; position: relative; }
#cont .dx1 { width: 450px; height: 186px; position: absolute; top: 0px; right: 0px; background: url('./images/contatti.jpg') no-repeat top left; }

#new { width: 450px; height: 170px; float: right; display: inline; position: relative; }
#new .dx1 { width: 450px; height: 186px; position: absolute; top: 0px; right: 0px; background: url('./images/news.jpg') no-repeat top left; }

/*
#cont { width: 450px; height: 170px; float: right; display: inline; position: relative; }
#cont .dx1 { width: 278px; height: 186px; position: absolute; top: 0px; right: 0px; background: url('./images/news.jpg') no-repeat top left; }
*/

#content { width: 844px; color: #333; margin: 0px auto; padding: 30px 0px 0px 20px; border-left: 18px solid #003842; border-right: 18px solid #003842; position: relative; }
#lastnews { width: 280px; min-height: 280px; height: auto !important; height: 280px; background: #099; color: #fff; float: right; display: inline;  }
#riservata { width: 500px; height: 300px; background: #efe; float: left; display: inline; }
#riservata p { padding: 4px 0px; line-height: 1.8em; }
#userlogin { width: 200px; padding: 10px; background: #099; color: #fff; float: right; display: inline; }

#lastnews .posthome { font-size: 1.1em; padding: 10px 0px 0px; }
#lastnews .posthome h4 { padding: 0px 10px 5px; }
#lastnews .posthome a:link,
#lastnews .posthome a:visited { color: #fff; text-decoration: none; }
#lastnews .posthome a:hover { color: #fff; text-decoration: underline; }
#lastnews .posthome .entry { border-bottom: 1px solid #fff; }
#lastnews .posthome .entry p { padding: 5px 10px 10px; line-height: 1.2em; }

.post { margin-bottom: 20px; width: 542px; float: left; diplay: inline; font-size: 1.2em; }
.post h2 { padding: 5px 0px; }
.post h2 a:link, .post h2 a:visited { color: #099; text-decoration: none; }
.post h2 a:hover { color: #099; text-decoration: underline; }
.post h3 a:link, .post h3 a:visited { color: #099; text-decoration: none; }
.post h3 a:hover { color: #099; text-decoration: underline; }
.post .entry p { padding: 4px 0px; line-height: 1.8em; }
.post .entrytext p { padding: 4px 0px; }
.post .entrytext ul { list-style: circle; }
.post .entrytext ul li { margin: 5px 0px 5px 25px; }
.post a:link, .post a:visited { color: #b34316; }
.post a:hover { color: #b34316; text-decoration: underline; }
.post li { padding: 2px 0px; list-style: disc; margin-left: 20px; }
.post .date { font-size: 1em; color: #099; font-style: italic; font-weight: bold; margin: 10px 0px; }
.post .date span { display: inline; border-left: 1px solid #099; border-bottom: 1px solid #099; padding: 2px 20px 2px 8px; }

#content .navigationbottom { width: 542px; background: #ddd; float: left; display: inline; }
#content .navigationbottom a { font-size: 1.2em; font-weight: bold; display: block; padding: 4px 4px; }
#content .navigationtop { width: 542px; background: #ddd; float: left; display: inline; }
#content .navigationtop a { font-size: 1.2em; font-weight: bold; display: block; padding: 4px 4px; }
#content .alignleft { width: 45%; float: left;  }
#content .alignright { width: 45%; float: right; text-align: right; }

#content .navigationtop .alignleft a:link,
#content .navigationtop .alignleft a:visited { color: #333; }
#content .navigationtop .alignleft a:hover { color: #e1011b; background: #eee; }
#content .navigationtop .alignright a:link,
#content .navigationtop .alignright a:visited { color: #333; }
#content .navigationtop .alignright a:hover { color: #e1011b; background: #eee; }

#content .navigationbottom .alignleft a:link,
#content .navigationbottom .alignleft a:visited { color: #333; }
#content .navigationbottom .alignleft a:hover { color: #e1011b; background: #eee; }
#content .navigationbottom .alignright a:link,
#content .navigationbottom .alignright a:visited { color: #333; }
#content .navigationbottom .alignright a:hover { color: #e1011b; background: #eee; }


.ddfmwrap { width: 500px !important; margin: 0px 0px 0px 0px !important; font-family: sans-serif !important; }
.ddfm { padding-top: 5px !important; padding-bottom: 5px !important; font-size: 1.2em !important; font-weight: normal !important; text-align: left !important; }
.fmfullblock { color: #099 !important; font-weight: bold; padding: 5px 0px 0px 130px !important; margin: 0px !important; width: 200px !important; }
.fieldwrap label { padding: 0px 0px 0px !important; font-weight: normal !important; width: 120px !important; }
.fieldwrap img { margin-top: 0px !important; }
.fieldwrap .fmtext,
.fieldwrap .fmverify,
.fieldwrap .fmtextarea { background: #eee; border: 1px solid #bbb; margin-bottom: 4px !important; }
.fieldwrap .fmradio { /*background: #eee; border: 1px solid #099;*/ margin-bottom: 4px !important; width: auto !important; }
.fieldwrap .fmradio input { float: left !important; dispaly: inline !important; margin: 4px 0px 0px 3px !important; }
.fieldwrap .fmradio label { float: left !important; dispaly: inline !important; width: auto !important; padding: 0px 10px 5px 5px !important; font-weight: bold !important; }
.fieldwrap .fmradio br { display: none; }
.fieldwrap img { margin-top: 0px !important; }
.fieldwrap .fmtext:focus,
.fieldwrap .fmverify:focus,
.fieldwrap .fmtextarea:focus { background: #ffe !important; }
.fieldwrap .submit { width: auto; text-align: center; display: inline; }
.fieldwrap .submit input { padding: 4px 8px !important; margin: 0px 23px 0px 0px !important; background: #099; color: #fff; float: right; display: inline; }

#inforiservata { width: 500px; float: left; display: inline; font-size: 1.2em; }
#inforiservata p { padding: 4px 0px; line-height: 1.8em; }
#userlogin h2 { color: #ddd; font-weight: normal; }
#userlogin div { line-height: 2em; }
#userlogin a { line-height: 2em; font-size: 1.3em; }
#userlogin a:link,
#userlogin a:visited { color: #ddd; text-decoration: none; }
#userlogin a:hover { color: #ddd; text-decoration: underline; }

#mappa { width: 450px; height: 493px; background: url('./images/piantina.jpg') no-repeat top left; float: left; display: inline; margin-top: 20px; margin-bottom: 20px; }

#indirizzo { width: 320px; padding: 10px 0px; float: right; display: inline; font-size: 1.2em; line-height: 1.4em; margin-top: 30px; }
#indirizzo a:link,
#indirizzo a:visited { color: #099; text-decoration: none; }
#indirizzo a:hover { color: #099; text-decoration: underline; }

/* footer */

#info { width: 824px; padding: 30px 38px 10px; margin: 0px auto; color: #333; }
#credits { text-align: right;  }
#credits a { color: #099; }
#credits a:link,
#credits a:visited { text-decoration: underline; }
#credits a:hover { text-decoration: none;  }