@import url('https://fonts.googleapis.com/css?family=Raleway|Roboto');

#header {
    background-color:black;
    color:white;
    text-align:center;
    padding:5px;
}
#nav {
    line-height:30px;
    background-color:#eeeeee;
    height:300px;
    width:100px;
    float:left;
    padding:5px; 
}
#section {
    width:350px;
    float:left;
    padding:10px; 
}
#footer {
    background-color:black;
    color:white;
    clear:both;
    text-align:center;
    padding:5px; 
}

div.patrat
 {
 width:200px;
 padding:10px;
 border:1px #9EC8D6;
 margin:5px;
 background-color:#F6EEE3;
 }

h1 {
font-family: 'Raleway',Arial, Helvetica, sans-serif;
font-size: 16px;
color: #6C6C6C;
font-weight: bold;
margin-top: 0px;
margin-bottom: 10px;
padding-bottom: 10px;
} 

a:link img {filter:none;} 
a:visited img {filter:none;} 
a:hover img {filter:alpha(opacity=60);}

.style1 {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	color: #6C6C6C;
}

.oferta {
	font-size: 16px;
    font-family: 'Raleway', Georgia, Helvetica, sans-serif;
	font-style: italic;
    font-weight: bold;
	color: #B40404;
	position: static;
	padding: 10px 0px;
	margin-top: 10px;
	margin-right: 3px;
	margin-bottom: 10px;
	margin-left: 20px;
    border:1px #6C4734;
}

/* Meniu */
.comanda {
        font-family: 'Raleway', Arial, Helvetica, sans-serif;
        font-size: 16px;
	font-weight: bold;

}

/* Meniu */
.style6 {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 16px;
	font-weight: bold;
	
	color: #000000;
	position: static;
	padding: 0px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 20px;
}
/*NOU!!!*/
.nou  {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #B40404;
	position: static;
	padding: 0px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 20px;
}
/*Text descriere categorie*/
.style3 {
	font-size: 16px;
    font-family: 'Roboto',Arial, Helvetica, sans-serif;
	
	color: #000000;
	position: static;
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
        border:1px #6C4734;
}

.titlu_categorie {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*font-style: italic;*/
	
}

/* submeniu - texte invitatii */
.style9 {
	font-size: 13px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	
	color: #000000;
	font-weight: bold;
    position: static;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 25px;
}

/*Afisare detalii produse*/
.afis_prod {
	font-size: 12px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
    margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 10px;
}

table.continut {
  margin-left:auto;
  margin-right:auto;
  width:1000px;
  border:0px;
  vertical-align:center;
  padding:0px;
}

tr.border{
    outline: thin solid;
    outline-color: #9EC8D6;
}

tr.banner{

}

tr.header{
}

td.center{
  vertical-align:middle;
}

td.titlucategorie{
  font-family: 'Raleway', Arial, Helvetica, sans-serif;
  font-weight: bold;
  /*font-style: italic;*/
  width:207px;
  height:25px; 
  background-color:#9EC8D6;
  vertical-align:middle;
  text-align:center;
  color:#FFFFFF;
}

body,td,th {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	background-position: top;
	vertical-align: top;
}
a:link {
	color: #6C6C6C;
	text-decoration: none;
}
a:visited {
	color: #6C6C6C;
	text-decoration: none;
}
a:hover {
	color: #9EC8D6;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.detalii {
	font-family: 'Roboto',Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	color: #6C6C6C;
	text-decoration: none;
	background-color: #F6EEE3;
	padding: 5px;
}

.oferta_produse {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	color: #B40404;
	text-decoration: none;
	background-color: #F6EEE3;
	padding: 5px;
}
.headprod {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-size: 16px;
        font-weight: bold;
	font-style: italic;
	line-height: normal;
	color: #6C6C6C;
	text-decoration: none;
	background-color: #F6EEE3;
	padding:5px;
}
.list {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-size: 16px;
        //font-weight: bold;
	//font-style: italic;
	line-height: normal;
	color: #6C6C6C;
	text-decoration: none;
	//background-color: #F6EEE3;
	padding:5px;
}


#images {
   width:512px; 
   height:394px; 
   overflow:hidden;
   float:left;
				
  }
#wrapper {
   width:700px;
   height:600px;
   border:8px solid black;
   margin:0px auto;
}
p {
  margin-top:10px;
  font-size:10pt;
}


div.pagination {
	padding: 3px;
	margin: 3px;
	text-align:center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	zoom: 100%;
	text-decoration: none; /* no underline */
	color: #6C6C6C;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #9EC8D6;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #9EC8D6;
	
	* zoom: 100%; 
	
	font-weight: bold;
	background-color: #F6EEE3 ;
	color: #9EC8D6;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	
	* zoom: 100%;
	
	color: #DDD;
}

* span.elipsis {zoom:100%}
		
			
		/* Setup Tabs */
			
			ul{
				width:156px; /* Width of Tab Image */
				float: left;
				list-style: none;
				
				//border-right:8px solid black;
			}
			
			ul li{
			display:block;
			margin: 0;
                        padding: 0;
                        border: 5px black;
                        

				/*height:120px; /* Height of Tab Image */
				
			}
			
		/* Setup Tab so normal opacity is 40 and rollover is 100 */
			ul li a img{
				/* for IE */
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
				filter:alpha(opacity=40);
			  
				/* CSS3 standard */
				opacity:0.5;
				
			  
			}
			ul li a:hover img{
				  
				/* for IE */
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter:alpha(opacity=100);
				
				/* CSS3 standard */
				opacity:1.0;
				
			}