﻿
#menu {
min-height:50px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e0e4e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e4e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e0e4e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e0e4e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e0e4e7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e0e4e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e4e7',GradientType=0 );border:1px #e6e6e6 solid /* IE6-9 */

}
ul#nav {margin:0; padding:0; list-style:none; overflow:hidden;}
ul#nav li {list-style:none; float:left; font-size:14px; text-align:center; margin:0; padding:0;}
ul#nav li.split {width:0px; height:40px; border-left:1px #fff solid}

ul#nav li.menu a {height:50px; line-height:50px; display:block; padding:0 20px;border-left:1px transparent solid;border-right:1px transparent solid;  color:#666;text-shadow: 1px 1px 1px #ccc;filter: dropshadow(color=#ccc, offx=1, offy=1); text-decoration:none; outline-style:none;overflow:hidden;}

ul#nav li.menu a:hover,
ul#nav li.menu a.selected {color:#06a1e1; z-index:1001;background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #d0d7db 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#d0d7db)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefefe 0%,#d0d7db 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefefe 0%,#d0d7db 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefefe 0%,#d0d7db 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefefe 0%,#d0d7db 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d0d7db',GradientType=0 ); /* IE6-9 */
border-left:1px #e6e6e6 solid;border-right:1px #e6e6e6 solid
}


/* -------------------------------------------SOUS MENU--------------------------------------------- */

ul#nav ul  {margin:0; padding:0; min-width:120px; list-style:none;position:absolute; border:1px #b9cae8 solid; border-top:none; display:none; z-index:1001; overflow:hidden}
ul#nav ul li:first-child {border-top:1px #b9cae8 dotted;}
ul#nav ul li {font-size:12px; float:none; text-align:left; background-color:#fff; border-bottom:1px #b9cae8 dotted}

ul#nav ul li.smenu a {height:40px; line-height:40px; background:transparent url('../images/arrow_list.png') no-repeat scroll 5px center; display:block; padding:0 20px; color:#333;text-shadow: 1px 1px 1px #ccc;filter: dropshadow(color=#ccc, offx=1, offy=1); text-decoration:none; outline-style:none;overflow: hidden}
ul#nav ul li.smenu a:hover,
ul#nav ul li.smenu a.selected { color:#fff;text-shadow: 1px 1px 1px #666;filter: dropshadow(color=#666, offx=1, offy=1); background:#06a1e1 url('../images/arrow_list_white.png') no-repeat scroll 5px center;;-webkit-box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.7); box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.7);}


.arrow {height:70px; background:transparent url('../images/arrow_menu.png') no-repeat scroll right center}
.arrow_hover {height:70px; background:transparent url('../images/arrow_menu_hover.png') no-repeat scroll right center}



/*----------------------------------------------------PAGINATION--------------------------------------------------*/


.pagination  {width:100%;overflow:hidden; margin:10px auto; background-color:#eee; border:1px #ddd solid;}

.menu_paging {padding:0;overflow:hidden; float:right; height:32px}

.menu_paging ul {list-style:none;margin:0; overflow:hidden; padding:4px}

.menu_paging ul li {float:left}

.menu_paging ul li.paging_selected {width:20px;height:20px;line-height:20px;float:left;text-align:center;background-color:#C1D2EE;border:1px #ddd solid;color:#fff;margin:2px}

.menu_paging ul li.paging a {width:20px;height:20px;line-height:20px;text-decoration:none;float:left;text-align:center;background-color:#e0e0e0;border:1px #ccc solid;color:#336699;margin:2px}

.menu_paging ul li.paging a:hover {background-color:#C1D2EE;}
