a { 
text-decoration: none; 
}	

.banda-sus{
	       background-color:#cb0313;
	       border-bottom:2px solid #9a020f;
	       margin-bottom:10px;
	       height:50px;
		   }
		   
.banda-jos{
	      background-color:#cb0313;
	      border-top:2px solid #9a020f;
	      height:30px;
	      }
		  
.banda-jos p{
	         text-align:center;
             color:#fff;
             font-size:12px;
             margin-top:10px;
			 }
			 	
ul.nav {
        list-style-type: none;
        text-align: center;
        margin: 10px 0;
        padding: 13px;
        }
		
.nav li { 
           display:inline;
           margin:10px;
		   }	

.nav a{   color:#fff;
          font-size:1.2em;
		  font-weight:900;
		  cursor:pointer;
		  text-decoration:none;
		  }	
		  	  
.nav a:hover {
	          color:#000;
			 }
			  		  
/*ul.parteneri{
	         list-style-type:none;
	         text-align:left;
             }
			 
.parteneri li { display:block;
                font-size:1.1em;
		       }	
		  
.parteneri li:hover {
	                 display:block;
                     font-size:1.1em;
		             color:#fff;
		             cursor:pointer;
					 }		*/	  
		  
h6{
	margin: 10px 0 0 0   ;
	}
	
.spatiu{ 
         padding-top:10px;
         color:#999;
		 }			  

.margin{
	    margin-top:-40px;
		}		  
		  
.align h3{
	       text-align:center;
           margin-bottom:15px;
		   font-size:1.2em;
		   font-weight:800;
		   color:#666;
		   }	
	  	  
.align p{
	     padding:10px;
		 }

.flag {
          /* border: 1px solid #000; */
             margin-top: 100px;
          /* margin-left: 40px; */
             padding: 0 2px 0 0 ;
             float: right;
            }

.bg-buton{  width:150px;
            background-color:#cb0313;
            padding:10px;
			margin-top:20px;
			border-radius:7px;
			moz-border-radius:7px;
			}
				
			
.bg-buton:hover{ background-color:#b10311;
                 cursor:pointer;
				 }
				 
				 
.bg-buton a { color:#ccc;
              text-decoration:none;
              font-weight:bold;
			  }	
			  
.bg-buton a:hover { color:#fff; }
		  			 
.produl{ list-style:none;
         text-align:left;
	    
		 }
		 
.harta{ margin:20px 0 40px 0;
        border:1px solid #999;
		}
		
		
.google-maps {
        position: relative;
        padding-bottom: 35%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
        }
		
.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        }	
		
a h4{     color:#cb0313;
          font-size:1em;
		  font-weight:600;
		  cursor:pointer;
		  }	
		  	  
a h4:hover {
	          color:#9a020f;
		   }					   				 				
  
.bold{ font-weight:900;}

.titluproduse{ font-size:1.2em;
               font-weight:900;
			   margin-bottom:0.5em;}
			   
.distantier	{margin:25px 0;}   	


/* Contact Form */
#contact_form,
#contact_form fieldset {
    width:100%;
    
}

#contact_form p.separator {
    text-indent:0;
    margin-bottom:10px;
}

#contact_form label {display:none}

div.txtareacontainer { width:97%;
                      margin:0.4em 0.6em;
}

input.field {
    height:20px;
    line-height:20px;
    outline:none;
}

input.field,
textarea {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size:14px;
    font-style:italic;
    color:#c9c9c9;
    border:1px solid #e1e1e1;
    padding:5px;
    width:98%;
}

input.field:focus,
textarea:focus {
    color:#cf0005;
    border:1px solid #cf0005;
}

textarea {
  overflow:auto;
}


input.sendmsg {
    border:0;
    background:#cf0005;
    color:#fff;
    font-style:italic;
    padding:8px 20px;
	border-radius:5px;
	moz-border-radius:5px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    margin-top:20px;
    cursor:pointer;
    cursor:hand;
}

ul.contactdata {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight:700;
    width:100%;
    list-style-type:none;   
}

ul.contactdata li {
    padding-left:55px;
    background-position:left center;
    background-repeat:no-repeat;
    line-height:45px;
    border-bottom:1px dashed #787878;
}

ul.contactdata li,
ul.contactdata li a {color:#593741}

li#adresa {
    background-image:url(../images/home.png)
} 

li#mob1 {
    background-image:url(../images/mob1.png)
}

li#mail {
    background-image:url(../images/mail.png)
}

li#mob2 {
    background-image:url(../images/mob2.png)
}

li#mob3 {
    background-image:url(../images/difuzor.png)
}

li#fax {
    background-image:url(../images/fax.png)
}

@media only screen and (min-width: 960px) and (max-width: 1160px) {
.flag {
          /* border: 1px solid #000; */
             margin-top: 10px;
          /* margin-left: 40px; */
             padding: 0 2px 0 0 ;
             float: right;
            }
			
			
	

	}	  
		  
@media only screen and (min-width: 768px) and (max-width: 959px){

.nav a { font-size:0.8em;
		 
		  }	
		  
.nav a:hover {  
          font-size:0.8em;
		  
		  }	
 
.flag {
          /* border: 1px solid #000; */
             margin-top: 10px;
          /* margin-left: 40px; */
             padding: 0 2px 0 0 ;
             float: right;
            }		  
		  
	}		  
	

@media only screen and (max-width: 767px){	
h6 {
margin: 10px 0 -55px 0;
}
	
.nav a { 
          font-size:0.8em;
		  
		  }	
		  
.nav a:hover {  
          font-size:0.8em;
		  
		  }	

.flag {
          /* border: 1px solid #000; */
             margin-top: 10px;
          /* margin-left: 40px; */
             padding: 0 2px 0 0 ;
             float: right;
            }		  	
	}
	
	
@media only screen and (min-width: 480px) and (max-width: 767px){
	
h6 {
         margin: 10px 0 -55px 0;
        }
.nav li { 
           display:inline;
           margin:5px;
		   }
		
.nav a { 
          font-size:0.8em;
		 
		  }	
		  
.nav a:hover {
          font-size:0.8em;
		  
		  }	
.flag {
          /* border: 1px solid #000; */
             margin-top: 10px;
          /* margin-left: 40px; */
             padding: 0 2px 0 0 ;
             float: right;
            }	
	}
	
@media only screen and (min-width: 380px) and (max-width: 667px){
		
h6 {
         margin: 10px 0 -55px 0;
   }
	
.nav li { 
           display:inline;
           margin:5px;
		   }		
.nav a { 
          font-size:0.8em;
		 
		  }	
		  
.nav a:hover {
          font-size:0.8em;
		 
		  }	
		  
.google-maps {
        position: relative;
        padding-bottom: 45%; /* This is the aspect ratio*/
        height: 0;
        overflow: hidden;
        }		  
.flag {
          /* border: 1px solid #000; */
             margin-top: 10px;
          /* margin-left: 40px; */
             padding: 0 2px 0 0 ;
             float: right;
            }	
	}