/*## PAGE: page, accueil, standard ##*/
/*## PART_CONTAINER_ID: , container, header, section, section2, footer, account, box-info, box-title, box-flash-info, box-flash-info-small, container-mid ##*/
/*## PART_CONTAINER_CLASS: , clear, carousel, bloc clair, bloc gris, title-menu, column, row-header, row-footer-container, row-footer, box-menu-day, box-menu, box-withgroup, box-blog, box-inforesa, box-menu-white, box-menu-black ##*/
/*## TILE_CONTAINER_WIDTH: _25, _33, _50, _66, _75, _100 ##*/
/*## TILE_CONTAINER_CLASS: , clair, gris, sombre, white, orange, transparent-white, black, transparent-black, transparent-orange, bleu-nuit, menuPaper ##*/
/*## PART_SECTION_ID: , container-title, container-sub-title, container-mid ##*/
/*## PART_SECTION_CLASS: , section-home,section-restaurant,section-peniche,section-contact,section-dpost,section-salledereunion ##*/


/*=================================================================*/
/*======================= GLOBAL ========================*/
/*=================================================================*/

body {
	font:12px/18px Arial, Helvetica, sans-serif;
	/*color:#616161;*/
	color:#fff;
	position:relative;
	background-color:#2A2A2A;
}
html, body {height:100%;}
body {padding-top:100px;}

li.current > a {font-weight:bold;color:#fff}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;}

/* Clearing---------------------------------------- */
.clear {clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;margin:0;padding:0;display:block;}
.clearfix {float: none;clear: both;}

/* Custom---------------------------------------- */
.pane_header {background-color: #eee;color: #555;}
.currentUserName{color:#fff !important;}
a.edit-link {
    display: block;
    padding: 2px 5px;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #a22 !important;
    color: #ffffff !important;
    text-decoration: none;
    z-index: 9999;}

#systemMenu .ui-icon {background-image: url('../../OJC.Web.Mvc/Skins/Default/Images/ui-icons_ffffff_256x240.png');}
#treeDirectoryResults div.tree_node.tree_node_collapsed span.tree_node_expand_icon {background-image: url(../../OJC.Web.Mvc/Skins/Default/Images/ui-icons_ffffff_256x240.png) !important;background-position: 0px -208px;}
.blue div.tree_node.tree_node_collapsed span.tree_node_expand_icon, .blue div.tree_node.tree_node_expanded span.tree_node_expand_icon {background-image: url('../../OJC.Web.Mvc/Skins/Default/Images/ui-icons_ffffff_256x240.png');}
.toolbar > table td {background-color:White;}

.popup #main{color: #000 !important;}

body.edit #partTypes {position:fixed;width:222px}
body.edit #sidePanel {background-color:#fff; color:#000}

table.datagrid tr.item:nth-child(even) td {background-color:#fff;}
table.datagrid tr.item:nth-child(odd) td {background-color:#DCDCDC;}
table.datagrid tr.item.selected td {background-color:#77f;}
table.datagrid tr.colHeader th div {padding:5px 7px;}
table.datagrid tr.item td {padding:5px;cursor:default;}
table.datagrid td {color:#000;}
table.datagrid {font-size:12px;}

a[href^="mailto:"]{color:#f8a060  !important;font-size:14px;}

@font-face {
    font-family: "ChampagneLimousines";
    src: url('Fonts/ChampagneLimousines.ttf');
}
@font-face {
    font-family: "ChampagneLimousines";
    font-style: italic;
    src: url('Fonts/ChampagneLimousines-Italic.ttf');
}
@font-face {
    font-family: "ChampagneLimousines";
    font-weight: bold;
    src: url('Fonts/ChampagneLimousines-Bold.ttf');
}

h1, h2, h3, h4, h5, h6 {
    font-style: normal;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 12px;
    margin-top: 12px;
    text-rendering: optimizelegibility;
}
h1 {color: #f8a060;font-size: 20px;}

#container table.grille { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 1px solid #dddddd; }
#container table.grille thead, table.grille tfoot { background: #f5f5f5; }
#container table.grille thead tr th, table.grille tfoot tr th, table.grille tbody tr td, table.grille tr td, table.grille tfoot tr td { display: table-cell; font-size: 12px; line-height: 18px; text-align: left; }
#container table.grille thead tr th, table.grille tfoot tr td { padding: 8px 10px 9px; font-size: 12px; font-weight: bold; color: #222; }
#container table.grille thead tr th:first-child, table.grille tfoot tr td:first-child { border-left: none; }
#container table.grille thead tr th:last-child, table.grille tfoot tr td:last-child { border-right: none; }
#container table.grille tbody tr.even, table.grille tbody tr.alt { background: #f9f9f9; }
#container table.grille tbody tr:nth-child(even) { background: #f9f9f9; }
#container table.grille tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }
#container table.mceLayout tbody tr td {padding:0;}
#container table.datagrid tbody tr:nth-child(even) { background: #f9f9f9; }
#container table.propertySheet input[type='text'] {padding:5px;}

.edit-content {width:98%;padding:20px 1%;}
.edit-content .column-50 {display:block;width:49%;float:left;padding:20px 0 0 1%;}
.edit-content .column-50.col-1{padding:20px 1% 0 0;}
.edit-content .grille {max-width:1000px;}
.edit-content .column-50 .grille {width:100%;}
.edit-content .column-50 .grille tr td{width:70%;}
.edit-content .column-50 .grille tr td:first-child{width:30%;}

.edit-content #Tree_2 .tree,.edit-content #treePageSections .tree, .edit-content #treePageNavigation .tree {background-color: #333;color: #ddd;padding: 5px;}
.edit-content h2 {color:#fff}
div.workflow-step {color: #000 !important;}

.navigator {background-color:#fff; color:#000}

.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  font-family: Arial;
  color: #ffffff !important;
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  z-index:9999 !important;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}



/*======================= HEADER ===========================*/

body.standard div#header {background-color:#222;height:100px;width:100%;z-index:999;position:fixed;top:0px}
body.standard #logindisplay {background-color:#2A2A2A;float:right !important;padding:10px 20px 10px 20px;}

/*body.standard #container-sub-title {position: relative;background-color: #f0f0f0;margin: 0 auto;color: #2c2724;display: table;border-bottom: 1px solid #dddddd;border-right: 6px solid #f8a060;width: 100%;margin-top: 10px;margin-bottom: 10px;}
body.standard #container-sub-title > div{margin-left:20px;color:#000;}
body.standard #container-sub-title > div > h3{font-size:20px;text-transform:uppercase;}
body.standard #container-sub-title > div > p{color:#000;}*/

body.standard div.row-header {margin:0 auto;width:1000px;top:0px}
body.standard div.row-top {overflow:hidden;margin-bottom:20px;padding:0;width:1000px;z-index:999}
body.standard div.row-top h1 {position:absolute;margin-top:0px;}
body.standard div.row-top .logo {display:inline-block;width:154px;height:97px;background:url(images/logo.jpg) no-repeat 0 0;overflow:hidden;text-indent:-999em;float:left;margin-left:	0px;}
body.standard div.row-top div.row-nav{overflow:hidden;margin-top:68px;margin-left:190px;}

/* Facebook ------------------------------------- */
.fb-like{ margin-left: 10px }

/* Boxing---------------------------------------- */
body.edit #container-title { height:inherit !important;}
body.standard #container-title {width: 1000px;margin: 15px 10px;height:170px; float:none; clear:both; padding-top:80px;background-repeat: no-repeat;background-position: center left;background-size: cover;}
body.standard #container-title #box-title h2 {color:#fff;font:22px/18px Arial, Helvetica, sans-serif; font-weight:normal;}
body.standard #container-title #box-title {font-size: 22px;background: url(images/transparentBlack80.png);line-height: 1.7em;color: #fff;font-weight: 500;text-align:center;display : table;margin : 0 auto;letter-spacing: 0.2em;border-left: 6px solid #f8a060;border-right: 6px solid #f8a060;text-transform:uppercase;padding-left:25px;padding-right:25px;}

body.standard #box-info{
	margin-top: 5px;
	font-size: 14px;
	background: url(images/transparentWhite80.png);
	padding: 22px;
	font-family: "Open Sans",Arial;
	line-height: 1.7em;
	font-weight: normal;
	text-shadow: none;
	box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
	color: #333;
	font-weight: 500;
	
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	
	position: absolute;
	right: 25%;
	top: 17%;
	color: #333;
	text-align:center;
	z-index:200 !important;
}

/*body.standard #box-info h2{font-size: 26px;color: #333;text-shadow: none;font-weight: normal;margin-top: 0;border-bottom: 1px solid #000 !important;}
body.standard #box-info p{font-family: "Open Sans",Arial;color: #333;font-size: 14px;margin-bottom:0px;}
body.standard #box-info p a[href^="tel:"]{color: #FFF;background: #CD1C1D;display: inline-block;margin-top: 10px;padding: 5px 17px 3px 17px;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;text-decoration:inherit;font-size:18px;}
*/

body.standard #box-flash-info p a[href^="tel:"]{color: #FFF;}

body.standard #box-flash-info{margin-top: -220px;margin-left:10px;}
body.standard #box-flash-info-small{margin-top: 0px;margin-left:-10px;}
body.standard #box-flash-info, body.standard #box-flash-info-small{
	font-size: 14px;
	background: url(images/transparentBlack80.png);
	padding: 14px 16px 14px 16px;
	font-family: "Open Sans",Arial;
	line-height: 1.7em;
	font-weight: normal;
	color: #333;
	font-weight: 500;
	position: absolute;
	color: #333;
	text-align:left;
	z-index:200 !important;
}
body.edit #box-flash-info, body.edit #box-flash-info-small{margin-top: 0px;}

body.standard #box-flash-info h2,body.standard #box-flash-info-small h2{font-size: 26px !important;color: #fff;font-weight: normal;margin-top: 0;margin-bottom: 0;text-transform:none !important;margin-bottom:5px !important}
body.standard #box-flash-info p, body.standard #box-flash-info-small p{font-family: "Open Sans",Arial;color: #fff;font-size: 14px;margin:2px 4px 2px 4px;}

body.edit #box-info, body.edit #box-flash-info {position:inherit}

/*=================================================================*/
/*======================= WITHIN ========================*/
/*=================================================================*/

body.standard {min-width:1020px;}
body.standard .column {float:left;width:50%}

/*----- txt,links,lines,titles -----*/
body.standard a {color:#888888;outline:none;cursor:pointer;text-decoration:none}
body.standard a:focus {outline:none;}
body.standard a:hover {text-decoration:none;}
body.standard p {line-height:20px;/*color:#ddd;*/}
body.standard p > a {line-height:18px;text-decoration:underline}
body.standard p > a:hover {text-decoration:none}

/* Menu---------------------------------------- */
body.standard div.row-top div.row-nav div.menu{background-color:#222;display:block;margin:0;font:14px Arial, Helvetica, sans-serif;float: none;clear: both;}
body.standard div.row-top div.row-nav div.menu table tr td {font:12px Arial, Helvetica, sans-serif;text-transform: uppercase;}
body.standard div.row-top div.row-nav div.menu td.menutitle {height: 32px;}
body.standard div.row-top div.row-nav div.menu table tr td.menutitle.menu_open > div,
body.standard div.row-top div.row-nav div.menu table tr td.menutitle:hover a {color: #f8a060;}
body.standard div.row-top div.row-nav div.menu td.menutitle > div,
body.standard div.row-top div.row-nav div.menu a{color:#eee;}
body.standard div.row-top div.row-nav div.menu table tr td.menu_on{background-color:#222;height: 32px;}
body.standard div.row-top div.row-nav div.menu .menu_on > a.menutitlelabel, body.standard div.row-top div.row-nav div.menu .menu_on > a.menutitlelabel:visited, 
body.standard div.row-top div.row-nav div.menu .menu_on > a.menutitlelabel:hover, 
body.standard div.row-top div.row-nav div.menu td.menutitle.menu_on > div {color: #f8a060;font-weight:bold;}
body.standard div.row-top div.row-nav div.menu td.menutitle.menu_on {background-color:#2a2a2a;}
body.standard div.row-top div.row-nav div.menu table.menuscrolldown td.menutitle.menu_on {background-color:#222;}

body.standard div.row-top div.row-nav div.menu table tr td.menutitle.menu_open {z-index:9999;}

body.standard div.row-top div.row-nav tr td.tablePart_col_1{float:right}
body.standard div.row-top div.row-nav tr td.tablePart_cell{width:100%}

body.standard div.row-top div.row-nav div.menu table.menuscrolldown {background-color:#222;margin: 0px 0 0 0px;padding: 0px 0px;border:0px solid #eee;}
body.standard div.row-top div.row-nav div.menu table.menuscrolldown a {color:#eee;}
body.standard div.row-top div.row-nav div.menu .menu_open > .menuscrolldown .menutitle{height:35px;vertical-align:middle}
body.standard div.row-top div.row-nav div.menu .menu_open > .menuscrolldown .menu_on div{color: #f8a060;}
body.standard div.row-top div.row-nav div.menu table.menuscrolldown div{color:#eee;}
body.standard div.row-top div.row-nav div.menu table.menuscrolldown .menutitle:hover div{color: #f8a060;}

/* Single page menu---------------------------------------- */
.single-page-menu {font-family:ChampagneLimousines;display: block;height: 52px;text-align: center;width: 1000px;z-index: 900;margin-top: -67px;position: absolute;margin-left:10px;background: rgba(42, 42, 42, 0.65);}
.single-page-menu .menu li a{font-size: 18px !important;text-transform:uppercase;color:#fff;letter-spacing : 1px;}
.single-page-menu .menu li.selected a{color:#f8a060}
.single-page-menu .selected-background{border-bottom:none}
body.fixedMenu .single-page-menu{margin-top:100px;margin-left:0px;box-shadow:none}
body.fixedMenu {padding-top:107px;}
body.edit .single-page-menu {display:none}

/* Single page menu---------------------------------------- Slogan */
.single-page-menu span {font-family:ChampagneLimousines; font-size: 22px;}
.single-page-menu span p {margin-top: 18px;}

/*=================================================================*/
/*======================= CONTENT ===========================*/
/*=================================================================*/

nav ul li a {outline:none;cursor:pointer;font:18px Segoe Script;}
nav ul li a, nav ul li a:link, nav ul li a:visited, nav ul li a:hover {color:#fff;text-decoration:none;}
nav ul li a h2{color:#fff;font:18px Segoe Script;}

div#container h1 { font-size:18px;}
div#container h2 {font:15px "Open Sans", sans-serif;text-transform:uppercase;}
div#container { color:#ddd; }

/* Sections---------------------------------------- */
body.standard #container .carousel .gv_showOverlay{visibility:hidden}
body.standard .section-home,body.standard .section-restaurant, .section-peniche, .section-contact, .section-dpost, .section-salledereunion {margin: 0 auto;padding: 0;}

body.standard .section-peniche .tile img {margin-bottom: 20px;}
body.standard .section-peniche .tile p {color:#000;}
body.standard .section-peniche .tile h3 {font-size: 20px;text-transform: uppercase;}

body.standard .section-contact h4 {margin:0px}
body.standard .section-contact .menuPaper p {color:#000;font-size:15px}
body.standard .section-contact div.tile > div.cnt {margin:0px}
body.standard .section-contact h2 {margin-bottom: 15px !important;color: #fff;}
body.standard .section-contact h4,body.standard .section-home h4 {color: #fff;}
/*body.standard .section-contact h3,body.standard .section-home h3 {color: #fff;}*/
body.standard .section-contact div.cnt div[rel="rollover"] {padding:37px}
body.standard .section-home div.cnt div[rel="rollover"] {padding:0px}

body.standard .section-dpost h2 {color:#f8a060;margin-bottom:20px !important;font-size:18px !important}
body.standard .section-dpost .blogPostFragment {margin: 15px 10px;width: 1000px;}
body.standard .section-dpost .blogPostFragment div > div {padding:20px;background-color:rgba(256,256,256,1);background-image:url("images/paper_bg.png");background-repeat:repeat;background-position:left top;}
body.standard .section-dpost .blogPostFragment div > div > p {color:#000 !important;}
body.standard .section-dpost #container-title {background-position:center top !important;height:250px;}

body.standard .section-dpost .eventFragment {margin: 15px 10px;width: 1000px;}
body.standard .section-dpost .eventFragment div > div {padding:20px;background-color:rgba(256,256,256,1);background-image:url("images/paper_bg.png");background-repeat:repeat;background-position:left top;}
body.standard .section-dpost .eventFragment div > div > p {color:#000 !important;}

body.standard .left{float:left;margin-right:25px}
body.standard .right{float:right;margin-left:25px}
body.standard .title-menu{border-left: 6px solid #f8a060;padding-left: 6px;font-size: 25px;text-transform: uppercase;padding: 6px;margin-bottom:6px;margin-top:20px}
body.standard .title-menu-less{border-left: 6px solid #f1d17c;padding-left: 6px;font-size: 20px;text-transform: uppercase;padding: 6px;margin-bottom:6px;margin-top:20px;margin-left:20px;border-bottom:1px solid #f1d17c}

body.standard div#section {padding-top:16px}
body.standard div#section div#container {margin:0 auto;width:1020px;padding: 0px 0 20px;min-height:550px;}
body.standard div#section div#container div.bloc {margin:20px 20px;padding:10px 40px 20px;float:left;width:40%;}
body.standard div#section div#container div.bloc.clair {background-color:#F2F2F2;}
body.standard div#section div#container div.bloc.gris {background-color:#bbb;}
body.edit div#section div#container{width:inherit}

.carousel {margin:15px 10px;}
div.bloc, div.bloc p { color:Black;}
table p {margin-bottom:0px}

/*=================================================================*/
/*======================= FOOTER ===========================*/
/*=================================================================*/

body.standard div#footer {clear:both;padding:0 0 20px;overflow:hidden;font:12px/18px Arial, Helvetica, sans-serif;text-align: inherit}
div#footer > p { text-align:center; }

/*=================================================================*/
/*======================= TILES ===========================*/
/*=================================================================*/

/* Icon (Picto)---------------------------------------- */
.icon-picto {
    background: rgba(255, 255, 255, 0.85);
    color: #000;
    border-radius: 100%;
    bottom: 0;
    content: "\f0f6";
    height: 40px;
    width: 40px;
    z-index: 11;
    text-align: center;
    position:absolute;
    left:89%;
    bottom:15px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.25s;
    -moz-transition: -moz-transform 0.25s;
    transition: transform 0.25s;
    
    background-image:url("images/Picto-Restaurant.jpg");
    background-repeat:no-repeat;
    background-position:center center;
}


div.tile { padding:0px; float:left; position:relative;}
div.tile > div.cnt { margin:10px; padding:10px; }

div#container div.tile > div.cnt > h2 { padding-top:0px; margin-top:0px;}
div#container div.tile > div.cnt > div > h4 { margin:0px;}

div.tile.clair > div.cnt { background-color:#F2F2F2; color:Black; }
div.tile.gris > div.cnt { background-color:#bbb; color:Black; }
div.tile.sombre > div.cnt { background-color:#666; color:White; }
div.tile.black > div.cnt { background-color:#000; color:White; }
div.tile.white > div.cnt { background-color:#fff;background-image:url("images/paper_bg.png");background-repeat:repeat; color:#000; }
div.tile.orange > div.cnt { background-color:rgba(222,104,43,1); color: white;}

div.tile.transparent-white > div.cnt { background-color:rgba(255,255,255,0.7); color:Black; }
div.tile.transparent-orange > div.cnt { background-color:rgba(222,104,43,0.5); color: white;}
div.tile.transparent-black > div.cnt { background-color:rgba(0,0,0,0.5); color: white;}
div.tile.bleu-nuit > div.cnt { background-color:rgba(34,66,124,0.5); color: white;}

div.tile.menuPaper > div.cnt {background-color:rgba(256,256,256,1);background-image:url("images/paper_bg.png");background-repeat:repeat;background-position:left top; color:#000;}

div.tile.clair h1, div.tile.clair h2, div.tile.clair p { color:Black; }
div.tile.gris h1, div.tile.gris h2, div.tile.gris p { color:Black; }
div.tile.sombre h1, div.tile.sombre h2, div.tile.sombre p { color:White; }
div.tile.black h1, div.tile.black h2, div.tile.black p { color:White; }

div.tile._25 { width:25%; }
div.tile._33 { width:33%; }
div.tile._50 { width:50%; }
div.tile._66 { width:66%; }
div.tile._75 { width:75%; }
div.tile._100 { float:none; clear:both; }

/* Animate---------------------------------------- */
div.tile > div.wAnimate {margin:10px;overflow:hidden;}
div.tile > div.wAnimate > div{position:relative;height:100%;overflow:hidden;} 

/* jTile---------------------------------------- */
.jTile{position: relative;/*overflow: hidden;*/cursor: pointer;}
.jTile-rollover{display: none;text-align: center;padding: 0px !important;margin:0px !important;margin-left:10px !important;padding-bottom:15px !important;overflow: hidden;}
.jTile-bottom{position: absolute;bottom: 0;}
.jTile-top{position: absolute;top: 0;}
.jTile-horizon{position: absolute;top: 50%;left: 0px;width: 100%;height: 1px;overflow: visible;visibility: visible;display: block;}
.jTile-content{position: absolute;top: -20px;visibility: visible;}

/*=================================================================*/
/*======================= MENUS  ========================*/
/*=================================================================*/

/*--- of the day ---*/
div.menuPaper div.wAnimate {top:0px;bottom:0px}
div.box-menu-day h3 {text-transform: uppercase;margin-bottom: 10px;padding-bottom: 1px;border-bottom: 1px solid #222;display: inline-block;line-height: 1.2em;letter-spacing: 2px;font-size:14px;}
div.box-menu-day {width: 100%;list-style: none;margin: 0 0 2em;padding: 10px !important;font: 150%/100% Arial, Helvetica, sans-serif;position:relative}
div.box-menu-day ul {list-style:none;padding:0px;}
div.box-menu-day li {clear: both;margin: 0;padding: 0 0 1.6em 0 !important;position: relative;border-bottom: dotted 2px #999 !important;font-size:14px;}
div.box-menu-day strong {background-image:url("images/paper_bg.png");padding: 0 10px 0 0;font-weight: normal;position: absolute;bottom: -.6em;left: 0;}
div.box-menu-day em {background-image:url("images/paper_bg.png");padding: 0 0 0 5px;font: 110%/100% Georgia, "Times New Roman", Times, serif;position: absolute;bottom: -.2em;right: 0;}
div.box-menu-day sup {font-size: 60%;color: #666;margin-left: 3px;}

/*--- menu ---*/
div.box-menu,div.box-menu-white,div.box-menu-black {text-align:center;}
div.box-menu p,div.box-menu-white p,div.box-menu-black p {font-size:larger}
div.box-menu p,div.box-menu-white p {color:#000 !important;}
div.box-menu-black p {color: #fff}
div.box-menu h3,div.box-menu-white h3,div.box-menu-black h3 {text-transform: uppercase;margin:0px}
div.box-menu-white {background-color:#fff}

/* With group---------------------------------------- */

div.box-withgroup{margin:auto;width:100%;text-align:center;margin-top:50px;margin-bottom:50px}
div.box-withgroup h3 a{margin:30px;color:#fff;text-transform: uppercase;display: inline-block;line-height: 1.2em;letter-spacing: 2px;font-size:20px;}

/* Info & Resa---------------------------------------- */

div.box-inforesa{margin:auto;width:100%;text-align:left;margin:70px 50px 50px 50px;font-size:14px;font-weight:bold;color:#fff;letter-spacing: 0.5px;}
div.box-inforesa p {color:#fff !important;}
div.box-inforesa ul {float:left;padding-left: 0px;list-style:none;margin-right:50px}

/* New---------------------------------------- */

div.box-blog div.blog {padding:8px !important;}
div.box-blog div.blogPostFragment {background-color:#fff;background-image:url("images/paper_bg.png");background-repeat:repeat;margin-bottom:18px;clear:left;min-height:125px;}
div.box-blog div.blogPostFragment p {line-height: normal;color:#000}
div.box-blog div.blogPostFragment > img {float: left;}
div.box-blog div.blogPostFragment > div {padding-left: 140px;padding-top: 2px;height:123px}
div.box-blog div.blogPostFragment h3 {color: #000;margin-bottom: 3px;}

div.box-blog div.blogPostFragment a {
cursor: pointer;
display: block !important;
text-decoration: none !important;
text-align: center !important;
padding: 3px 10px !important;
margin-top: -24px !important;
width: 100px !important;
background: #de682b !important;
color: #fff !important;
float: right !important;
}

/* Event---------------------------------------- */

div.box-blog div.event {padding:8px !important;}
div.box-blog div.eventFragment {
    background-color: #fff;
    background-image: url(images/paper_bg.png);
    background-repeat: repeat;
    margin-bottom: 18px;
    clear: left;
    min-height: 125px;
}
div.box-blog div.eventFragment p {line-height: normal;color:#000}
div.box-blog div.eventFragment > img {float: left;}
div.box-blog div.eventFragment > div.text {padding-left: 140px;padding-top: 2px; min-height: 73px}
div.box-blog div.eventFragment h3 {color: #000;margin-bottom: 3px;}

div.box-blog div.eventFragment div.info ul{
padding-left: 140px;
color:#000;
list-style:none;
}
div.box-blog div.eventFragment div.info span{   
    display: block !important;
    text-decoration: none !important;
    text-align: center !important;
    padding: 12px 8px !important;
    margin-top: -80px !important;
    width: 36px !important;
    color: #fff !important;
    float: right !important;
    text-transform: uppercase;
}

.rock {background: #000000 !important;}
.blues {background: #523e57 !important;}
.jazz {background: #8c444f !important;}
.folk {background: #f8a060 !important;}
.other {background: #f1d17e !important;}

/* MENU */

div.menu td, div.menu tr, div.menu table {
    border: 0px;
}

.spacer {
    width: 5px;
}

.menutitle_left, .menutitle_right {
    display: none;
}

div.menu > table > tbody > tr:first-child > td.menutitle {
    text-align: center;
    padding: 5px 15px;
    height: 20px;
    color: #555;
    cursor: default;
}

.menutitle {
    background-color: transparent;
    padding: 2px 12px;
    white-space: nowrap;
    font-size: 12px;
    text-align: left;
}

.menuscrolldown {
    display: none;
    position: absolute;
    z-index: 201;
}

#loading {
    display: none;
    width: 24px;
    height: 24px;
    background-image: url(../../Images/loading.gif);
}

div.menu {
    width: 100%;
    background-color: #eee;
}

.menu_open > .menuscrolldown {
    position: absolute;
    display: block;
    background-color: #F9F9F9;
    z-index: 300;
    margin: 0px 0 0 -5px;
    padding: 3px 0px;
}

.galleryWebPartImage {
    background-size: contain !important;
}
    .galleryWebPartImage a {
        width: 100%;
    }