/*
    CSS Style for:  cestraceramiche.it
    Author: D'Amico Simone - www.simonedamico.it
*/


/* basic elements */
html {
    background: #fff url(../images/body.gif) repeat-x;
    text-align: center;
}

body {
    font-family: sans-serif,Verdana,Arial,Helvetica;
    font-size: 12px;
}

em { 
    font-size: 0.8em; 
    font-style: italic;
}

/* layout della pagina */
#container {
    margin: 7px auto 0 auto;
    max-width: 1260px;
    text-align: left;
}

    #header {
        background: url(../images/logo.png) no-repeat 50px;
        height: 150px;   
    }
    
    #menu{
        background : url('../images/navbgl.gif') no-repeat left 2px;
        padding-left : 7px;
        margin-top: 5px;
        margin-bottom: 15px;
    }
    
    #left-sidebar {
        float: left;
        margin: 0;
        width: 200px;  
        width: 210px;  
        width: 200px;  
    }
    
    #right-sidebar {
        float: right;
        width: 200px;
        width: 200px;
    }
    
    #content {
        margin: 0px 210px 0px 210px;
        min-width: 340px;
        border: 1px solid #CBD968;
    }
    
    #left-sidebar, #right-sidebar, #content {  
        min-height: 400px;  
        height: auto !important;  
        height: 400px;  
    }
    
    #footer {
        background: #504D46 repeat;
        border-top: 3px solid #AAA9A3;
        margin-top: 15px;
        clear: both;
    }
/*--layout della pagina--*/



/* #header */
    #header a { border: none; text-decoration: none; }

    #header #rss {
        width: 100%;
        height: 100%;
        text-align: right;
        position: relative;   
    }
    
        #header #rss img {
            margin-top: 110px;
            width: 50px;
            height: 50px;
        }
/*--#header--*/


/* #menu */
    #menu div{
      background : url('../images/navbgr.gif') no-repeat right 3px;
      padding-right : 10px;
    }
    
    #menu ul{
      background : url('../images/navbg.gif') repeat-x left 2px;
      height : 30px;
      margin-left: 0px;
    } 
       
    #menu li{
      float :left;
    }    
        #menu li.dx{
          background : url('../images/navbott.gif');
          float :right;
          margin-right : -3px;
        }
        #menu li.back {
            background: url('../images/navbott.gif') no-repeat right -30px;
            width: 10px; 
            height: 35px;
            z-index: 8;
            position: absolute;
        }       
            #menu li.back .left {
                background: url('../images/navbott.gif') no-repeat top left;
                height: 35px;
            }        
        
    #menu a {
      display : block;
      width : 105px;
      text-align : center;
      height : 24px;
      padding : 5px 0px;
      float : left;
      cursor : pointer;
      text-decoration : none;
      color : #fff;
      font-size : 12px;
      font-weight : bold;
      outline: none;
      letter-spacing: 0;
      z-index: 10;
      height: 35px;
      position: relative;
      overflow: hidden;
    }
/*--#menu--*/


/* #left-sidebar */
    #left-sidebar img { margin: 0px 0 20px 0; border: 1px solid #CBD968; padding: 3px; }
    p.fornitori { margin-bottom: 10px; }
    a.fornitori { color: #B6C700; text-decoration: underline; }
/*--#left-sidebar--*/


/* #right-sidebar */
    #right-sidebar img { margin: 0px 0 20px 0; border: 1px solid #CBD968; padding: 3px; }
/*--#left-sidebar--*/


/* #content */
    #content { }
	    #content .content-head {
    		font-weight: bold;
    		color: #fff;
    		margin: -1px;
    		padding: 0;
    		border:none;
    	}
    		#content .content-head .left {
    			width: 30px;
    			height: 23px;
    			background: url(../images/content-top-left.png) no-repeat left top;
    			float: left;
    		}
    		#content .content-head .right {
    			width: 30px;
    			height: 23px;
    			background: url(../images/content-top-right.png) no-repeat right top;
    			float: right;
    		}
    		#content .content-head .center {
    			height: 23px;
    			background: url(../images/content-top-center.png) repeat-x top;
    			padding: 3px 0px;
    			text-align: center;
    			margin: 0 30px 0 30px;
    		}
    	#content .contenuto {
    		font-weight: normal;
    		padding: 5px;
    		text-align: justify;
    		color: #504D46;
    	}
    		#content .contenuto h1 {
    			color: #B6C700;
    			font-weight: bold;
    			font-size: 1.2em;
    			padding-left: 25px;
    			margin-bottom: 15px;
    		}
    		#content .contenuto h2 {
    			color: #B6C700;
    			font-style: italic;
    			font-weight: bold;
    			font-size: 1.1em;
    		}
    		#content .contenuto h3 {
    			color: #FF3F3F;
    			font-weight: bold;
    			font-size: 1.2em;
    			text-align: center;
    			padding: 20px;
            }    		
    		#content .contenuto strong {
    			color: #B6C700;
    			font-weight: bold;
    		}
    		#content .contenuto hr { color: #B6C700; margin: 25px 0; }
        #content .contenuto p { color: #504D46; line-height: 18px; margin-bottom: 10px; }	
        #content .contenuto a { color: #B6C700; text-decoration: underline; }
        #content .contenuto a:hover { font-weight: bold; }
    		
    		/* form */
    		#content .contenuto form { font-size: 1.1em; margin-left: 20px; }
            #content .contenuto label {
                display: block; 
                padding: 6px 0px;
            }
            #content .contenuto input, #content .contenuto textarea {
                display: block; 
                border: 1px solid #BFD248;
                width: 260px;
                padding: 6px 6px 6px 30px;
                background: #F6FFCF;
            }
                #content .contenuto input.user { background: #F6FFCF url(../images/formuser.png) no-repeat left center; }    		
                #content .contenuto input.email { background: #F6FFCF url(../images/formemail.png) no-repeat left center; }
                #content .contenuto .border-active { border-color: #658F23; }
                #content .contenuto textarea { 
                    padding: 10px;
                    width: 276px;
                    margin-bottom: 10px;
                }
    		/*--form--*/ 
            
    		/* #map1 */
    		#content .contenuto #map1 {
            width: 270px; 
            height: 270px;
            margin: 10px auto;
    		}
    		#content .contenuto .map1 { width: 500px; }
    		#content .contenuto #map1 span { display:none; }
    		/*--#map1--*/ 
    		
    		/* #tabs */
        #content .contenuto #tabs{
        	  margin: 2em auto;
        	  width: 90%;
        }
        #content .contenuto #tabs ul.menu li{
        	  float: left;
        	  margin-right: 5px;
        	  margin-bottom: -1px;
        	  font-weight: 700;
        	  display: block;
        	  padding: 5px 20px;
        	  background: #BFD248;
        	  /*background: url(../images/tabs_menu.png) no-repeat;*/
        	  position: relative;
        	  cursor: pointer;
        	  color: white;
        	  margin-top: -23px;
        }
        #content .contenuto #tabs ul.menu li.active{
        	  top: 1px;
        	  border-bottom: 0;
        	  color: #fff;             
        } 
        
        #content .contenuto .content-tabs{
        	   margin: 0pt auto;
        	   border: 1px solid #BFD248;
        	   text-align: left;
        	   padding: 10px;
        	   padding-bottom: 20px;
        	   font-size: 11px;
        	   background: #fff;
        }
        
        #content .contenuto .content-tabs.news{display: block;}
        #content .contenuto .content-tabs.tutorials, #content .contenuto .content-tabs.links{display: none;}           		
    		/*--#tabs--*/
    		
    		/* .vetrina_prodotti */
    	  #content .contenuto .vetrina_prodotti {
            margin: 30px 0;
            border-bottom: 1px solid #B6C700;
          }
            #content .contenuto .vetrina_prodotti h1 {
                border-bottom: 1px solid #B6C700;
            }
        /*--.vetrina_prodotti--*/
        
        #content .contenuto li.fornitori {
            list-style-type: disc;
            color: #504D46;
        }
        #content .contenuto li.fornitori a {
            color: #504D46;
        }
        
        

/* prodotti */
#content div.prodotto, #content div.prodotto2 {
    width: 100px;
    height: 135px;
    float: left;
    border: 1px solid #ccc;
    margin: 5px;
    text-align: center;
}

#content div.prodotto2 {
    height: 80px;
}

#content div.prodotto img, #content div.prodotto2 img {
    width: 90px;
    height: 60px;
    border: none;
    margin: 10px 5px;
}

.prodotti { margin: 10px 0; display: block; float: left; width: 100%; }
#content div.prodotto a:hover { font-weight: normal; }


/*--prodotti--*/
        
        
        
                            	
/*--#content--*/


/* #footer */
    #footer { }
        #footer #footer-content {
            margin: 0 auto 0 auto;
            max-width: 1260px; 
            text-align: left;
            color: #ccc;
            font-weight: bold;
            padding: 10px;
        }
            #footer #footer-content div.onecol {
                float: left;
                width: 25%;
                height: 180px;
            }
                #footer #footer-content div.onecol h1, #footer #footer-content div.twocol h1 { 
                    background: url(../images/footer_li.gif) no-repeat left center; 
                    padding: 2px 24px;
                    width: 70%;
                    font-weight: bold;
                    font-size: 1.2em;
                    color: #fff;
                    border-bottom: 1px solid #999;                    
                }
                #footer #footer-content div.onecol ul.private { margin-top: 17px; }
                #footer #footer-content div.onecol li {
                    background: url(../images/footer_li2.gif) no-repeat left center;
                    padding: 2px 0 2px 15px;
                    border-bottom: 1px dotted #ccc;
                    width: 150px;
                    margin-left: -30px;
                }
                    #footer #footer-content div.onecol li a { color: #ccc; text-decoration: none; }
                    #footer #footer-content div.onecol li a:hover { color: #fff; text-decoration: underline; } 
                                    
            #footer #footer-content div.twocol {
                float: left;
                width: 49%;
                height: 180px; 
            }
                #footer #footer-content div.twocol h1 { 
                    background: url(../images/contact.gif) no-repeat left center; 
                    width: 80%;
                }   
                #footer #footer-content div.twocol div {
                    width: 49%;
                    float: left;
                }   
                    #footer #footer-content div.twocol div p.span {
                        margin: 23px 0px;
                    }
                    #footer #footer-content div.twocol div span { 
                        font-weight: bold; 
                        font-size: 1.1em; 
                        color: white; 
                    }
                    #footer #footer-content div.twocol div a { color: #CDDB6F; }
                    #footer #footer-content div.twocol div a:hover { color: #B2CA00; }
               #footer #footer-content div.twocol div.padding-20 { padding-top: 20px; }
                   
            #footer #footer-content #copy {
                clear: both;
                height: 50px;
                border-top: 1px solid #ccc;
            }
                #footer #footer-content #copy #powered {
                    width: 26px;
                    height: 30px;
                }
/*--#footer--*/









/* elementi comuni */
    /* box */
    div.box {
        width: 200px;
        font-size: 12px;
    } 
        
        div.box .top {   
            height : 23px;
            text-align : center;
            text-decoration : none;
            font-weight : bold;
            padding: 3px 0px;
        }
        
        div.box .content {
            margin: -22px 0px 0 0px;
            padding: 0;
            background: transparent;
            font-weight: bold;
        }        
            div.box .content p { 
                padding: 20px 5px 5px 5px; 
                font-weight: normal;
                text-align: justify;
            }
        
            div.box .content ul { padding-top: 10px; padding-bottom: 5px; }
            
            div.box .content li { 
                background:transparent url(../images/arrow.gif) no-repeat scroll left center;
                background-position: 0px 8px;
                border-bottom:1px solid #E0E1DB;
                display:block;
                padding:5px 0 5px 15px;
                margin-left: -20px;
                margin-right: 10px;
            } 
        
            div.box .content li a { 
                text-decoration : none;
                color : #504D46;
                font-weight : bold;
            }
            
            div.box .content li a:hover { text-decoration: underline; }
        
            div.box .content ul li ul li { border: none; }     
            
            div.box .content form { padding-top: 30px; padding-bottom: 15px; }   
            
                div.box .content form input.google, #content .contenuto input.submit { 
                    padding: 2px; 
                    margin: 2px; 
                    background: url(../images/submit.gif) no-repeat center center; 
                    border: none;
                    width: 49px;
                    height: 23px;
                    color: #fff;
                    font-weight: bold;
                }
        div.box .adsense {
            margin-top: 0px;
            margin-bottom: 5px;
            width:180px;
            height:150px;
            text-align: center;
        }
        
        div.box .bottom { 
            height: 8px; 
            margin-bottom: 25px;
        }
        
        div.box .top-gray     { background: url(../images/box-top-gray.gif) left top no-repeat; color: #504D46; }
        div.box .top-green    { background: url(../images/box-top-green.gif) left top no-repeat; color: #fff; }
        div.box .bottom-gray  { background: url(../images/box-bottom-gray.png) left top no-repeat; height: 47px; margin-top: -15px; }
        div.box .bottom-green { background: url(../images/box-bottom-green.gif) left top no-repeat; }
        div.box .content-gray { background: url(../images/box-content-gray.png) repeat-y; }
    /*--box--*/
/*--elementi comuni--*/