@font-face {
    font-family: 'caviar_dreamsregular';
    src: url('caviardreams-webfont.eot');
    src: url('caviardreams-webfont.eot?#iefix') format('embedded-opentype'),
         url('caviardreams-webfont.woff') format('woff'),
         url('caviardreams-webfont.ttf') format('truetype'),
         url('caviardreams-webfont.svg#caviar_dreamsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#navigation{
	/*margin:265px 0 0 0;*/
	padding:0;
	/*position:fixed;*/
	width :100%;
    margin: 0 auto;
	min-height : 5%;
	background-color: #000000;
	border-top: 2px solid red;
	border-bottom: 2px solid red;
	z-index:1;
	/*-webkit-box-shadow: 1px 3px 173px 6px rgba(255,255,255,1);
-moz-box-shadow: 1px 3px 173px 6px rgba(255,255,255,1);
box-shadow: 1px 3px 173px 6px rgba(255,255,255,1);*/


}
.contenaire{
	width: 980px;
	min-width: 48px;
	margin:auto;
	padding:0;
	overflow:hidden;



}

.navspan{
	font-size:16px;
	font-style:italic;
	margin: 0 0 0 80px;
}

#minimenu{
    /*height: 50px;*/
    margin: auto;
    padding: 0;
    width: 100%;
	

}
.nav{
    float: left;
    height: 57px;
    list-style-type: none;
    margin: 0 0 0 80px;
    padding: 0;
    width:150px;

}
.navi{
    
    float: left;
    height: 48px;
    margin: 5px 0 0  ;
    padding: 0;
    text-decoration: none;
    width: 150px;
	color:red;
	text-align:left;
	font-style:bold;
	font-size:18px;

}

.navi:hover{
	margin:0;
	padding:0;
	width :150px;
	height : 48px;
	/*background-color: white;*/
    color : white;
	margin:5px 0 0 0;

}

/*******************/
#navigationportofolio{
    background-color: #FFFFFF;
    border-bottom: 3px solid #FF0000;
    border-top: 3px solid #FF0000;
    height: 50px;
    list-style: none;
}
#navigationportofolio ul {
list-style-type: none;
    margin: 0;
    padding: 0;
}
#navigationportofolio li {
  background-color: #FFFFFF;
    float: left;
    height: 50px;
    margin: auto;
    padding: 0;
    width: 20%;
}
#navigationportofolio li a {
 background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    display: block;
    margin: 10px auto;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    width: 196,2px;
}
#navigationportofolio li a:hover{
color:red;
}
#navigationportofolio li a:active{
color:green;
}
#navigationportofolio ul li ul {
display:none;
}
#navigationportofolio ul li:hover ul {
display:block;
}
#navigationportofolio li:hover ul li {
float:none;
}
#navigationportofolio ul li ul li {
  background-color: pink;
    float: left;
   /* height: 50px;*/
    margin: auto;
    padding: 0;
    width:327px;
    height: 50%;
}

#navigationportofolio ul li ul li a{

	 background: none repeat scroll 0 0 white;
    color: #000000;
    display: block;
    margin: 0 auto;
  border:1px solid;
    text-align: center;
    text-decoration: none;
    width: 100%
}

#navigationportofolio ul li ul li a:hover{
color:black;
box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
-moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
-webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);

}