/*
# mod_openhours - CSS3 based Module by it-conserv.de
# ------------------------------------------------------------------------
# Author    it-conserv.de
# Copyright (C) 2016 it-conserv.de All Rights Reserved.
# License - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# CSS Style is a free resource from http://littlesnippets.net/ 
# Websites: it-conserv.de
*/
.openhours {
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
		line-height: 1.8;
	}

.openhours .header, .openhours table{
		margin: 0px;
	}



.openhours tr:hover td{
		background: transparent none repeat scroll 0 0;
	}

.openhours table, .openhours td, .openhours h2{
		border: 0px;
	}
	
.openhours .dopen td, .openhours tr.dopen:hover td{
		background-color: rgba(230, 245, 180, 0.75);
		color: #333333;
	}
	
.openhours .dclose td, .openhours tr.dclose:hover td {
		background-color: rgba(255, 200, 200, 0.75);
		color: #333333;
	}
.openhours p.dopen{color: rgba(100, 190, 100, 1);}
.openhours p.dclose{color: rgba(230, 120, 120, 1);}
	
	figure.snip1081 {
		font-family: 'Raleway', Arial, sans-serif;
		color: #fff;
		position: relative;
		float: left;
		overflow: hidden;
		margin: 10px 1%;
		min-width: 220px;
		max-width: 310px;
		width: 100%;
		text-align: center;
	}
	
	figure.snip1081 * {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all 0.45s ease-in-out;
		transition: all 0.45s ease-in-out;
	}
	
	figure.snip1081 i {
		background-color: #1a1a1a;
		border-radius: 50%;
		color: #ffffff;
		display: inline-block;
		font-size: 40px;
		height: 70px;
		line-height: 70px;
		width: 70px;
		z-index: 1;
		border: 2px solid #ffffff;
	}
	
	figure.snip1081 figcaption {
		margin-top: -35px;
	}
	
	figure.snip1081 figcaption:after {
		border-radius: 0 0 8px 8px;
		width: 100%;
		background: #333333;
		height: 14px;
		display: block;
		content: '';
	}
	
	figure.snip1081 figcaption > p {
		font-weight: 500;
		background: #efefef;
		color: #333333;
		padding: 10px 40px;
	}
	
	figure.snip1081 .header {
		border-radius: 8px 8px 0 0;
		padding: 50px 15px 15px 25px;
		background: #333333;
	}
	
	figure.snip1081 h2,
	figure.snip1081 p {
		margin: 0;
	}
	
	figure.snip1081 p {
		font-size: 0.9em;
	}
	
	figure.snip1081 h2 {
		width: 100%;
		display: block;
		margin-bottom: 30px;
		letter-spacing: -1px;
		font-size: 30px;
		color: #cccccc;
		text-transform: uppercase;
		position: relative;
		text-align: center;
	}
	
	figure.snip1081 h2:after {
		background: #ededed none repeat scroll 0 0;
		content: "";
		height: 1px;
		left: 50%;
		margin-left: -30px;
		bottom: -12px;
		position: absolute;
		width: 60px;
	}
	
	figure.snip1081 a {
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		position: absolute;
	}
	
	figure.snip1081.blue i {
		background: #2980b9;
	}
	
	figure.snip1081.red i {
		background: #c0392b;
	}
	
	figure.snip1081.yellow i {
		background: #e67e22;
	}
	
	figure.snip1081.navy i {
		background: #34495e;
	}
	
	figure.snip1081:hover figcaption:after,
	figure.snip1081.hover figcaption:after,
	figure.snip1081:hover .header,
	figure.snip1081.hover .header {
		background: #d65548;
	}
	
	figure.snip1081:hover i,
	figure.snip1081.hover i {
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
	
	figure.snip1081:hover.blue figcaption:after,
	figure.snip1081.hover.blue figcaption:after,
	figure.snip1081:hover.blue .header,
	figure.snip1081.hover.blue .header {
		background: #164666;
	}
	
	figure.snip1081:hover.red figcaption:after,
	figure.snip1081.hover.red figcaption:after,
	figure.snip1081:hover.red .header,
	figure.snip1081.hover.red .header {
		background: #6d2018;
	}
	
	figure.snip1081:hover.yellow figcaption:after,
	figure.snip1081.hover.yellow figcaption:after,
	figure.snip1081:hover.yellow .header,
	figure.snip1081.hover.yellow .header {
		background: #924d10;
	}
	
	figure.snip1081:hover.navy figcaption:after,
	figure.snip1081.hover.navy figcaption:after,
	figure.snip1081:hover.navy .header,
	figure.snip1081.hover.navy .header {
		background: #10161c;
	}
	