/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
 /* mourlouk added for backward compatibility */
.important, .important-blue, .important-red, .important-green, .important-purple, .important-orange, .important-brown, .important-grey {padding: 15px;margin: 25px 0 10px 0;position: relative;}
span.important-title, span.important-title-blue, span.important-title-red, span.important-title-green, span.important-title-purple, span.important-title-orange, span.important-title-brown, span.important-title-grey {
	position: absolute;display: block;top: -22px;left: 10px;padding: 3px 8px;font-size: 120%;
}
span.important-title2, span.important-title-blue2, span.important-title-red2, span.important-title-green2, span.important-title-purple2, span.important-title-orange2, span.important-title-brown2, span.important-title-grey2 {
	background: #fff;color: #376976;position: absolute;display: block;top: -0.9em;left: 10px;padding: 3px 8px;font-size: 120%;
}
.important {border: 1px solid #444;}
.important-blue {border: 1px solid #0D507A;}
.important-red {border: 1px solid #D12E2E;}
.important-green {border: 1px solid #74A824;}
.important-purple {border: 1px solid #9E0E87;}
.important-orange {border: 1px solid #CC8300;}
.important-brown {border: 1px solid #8B6846;}
.important-grey {border: 1px solid #666;}

span.important-title {background: #444;color: #fff;}
span.important-title-blue {background: #0D507A;color: #fff;}
span.important-title-red {background: #D12E2E;color: #fff;}
span.important-title-green {background: #74A824;color: #fff;}
span.important-title-purple {background: #9E0E87;color: #fff;}
span.important-title-orange {background: #CC8300;color: #fff;}
span.important-title-brown {background: #8B6846;color: #fff;}
span.important-title-grey {background: #666;color: #fff;}

span.important-title2 {color: #444;}
span.important-title-blue2 {color: #0D507A;}
span.important-title-red2 {color: #D12E2E;}
span.important-title-green2 {color: #74A824;}
span.important-title-purple2 {color: #9E0E87;}
span.important-title-orange2 {color: #CC8300;}
span.important-title-brown2 {color: #8B6846;}
span.important-title-grey2 {color: #666;}

span.highlight {background: #FFFBD5;padding: 1px 2px;}
span.highlight-blue {color: #0D507A;}
span.highlight-red {color: #D12E2E;}
span.highlight-green {color: #74A824;}
span.highlight-purple {color: #9E0E87;}
span.highlight-orange {color: #CC8300;}
span.highlight-brown {color: #8B6846;}
span.highlight-grey {color: #666;}
span.highlight-bold {font-weight: bold;font-size: 120%;}

div.highlight1 {background: #f8f8f8 url(../images/typography/highlight1.jpg) 0 0 no-repeat;border-bottom: 1px solid #E5E5E5;border-right: 1px solid #E5E5E5; padding: 15px 15px 0 35px; margin: 15px 0;}
div.highlight2 {padding: 15px 15px 0 35px; margin: 15px 0;}
.style1 div.highlight2 {background: #EEF4F4 url(../images/typography/highlight2-1.jpg) 0 0 no-repeat;border-bottom: 1px solid #D6DFE4;border-right: 1px solid #D6DFE4;}
.style2 div.highlight2 {background: #FFFAF1 url(../images/typography/highlight2-2.jpg) 0 0 no-repeat;border-bottom: 1px solid #F4EDDB;border-right: 1px solid #F4EDDB;}
.style3 div.highlight2 {background: #EFEFEF url(../images/typography/highlight2-3.jpg) 0 0 no-repeat;border-bottom: 1px solid #E6E6E6;border-right: 1px solid #E6E6E6;}
.style4 div.highlight2 {background: #EEF4F4 url(../images/typography/highlight2-4.jpg) 0 0 no-repeat;border-bottom: 1px solid #D6DFE4;border-right: 1px solid #D6DFE4;}
.style5 div.highlight2 {background: #F3F3F3 url(../images/typography/highlight2-5.jpg) 0 0 no-repeat;border-bottom: 1px solid #E7E7E7;border-right: 1px solid #E7E7E7;}
.style6 div.highlight2 {background: #F7F6F1 url(../images/typography/highlight2-6.jpg) 0 0 no-repeat;border-bottom: 1px solid #ECE4D7;border-right: 1px solid #ECE4D7;}

span.number-square, span.number-circle {color: #666;display: block;font-size: 170%;float: left;text-align: center;margin-right: 10px;padding-top: 2px;height:32px; width: 32px;padding-bottom:10px;line-height:25px;}
span.number-square {background: url(../images/typography/number-square.png) no-repeat;}
span.number-circle {background: url(../images/typography/number-circle.png) no-repeat;}

.quotes {background: url(../images/typography/blockquote2.png) 0 100% repeat-x;border-bottom: 1px solid #E5E5E5;border-right: 1px solid #E5E5E5;}
blockquote.v2 {display: block;background: url(../images/typography/blockquote-start2.png) 10px 5px no-repeat;padding: 0px 20px 0 48px;margin: 20px 0;width: auto;color: #666;border: 0;font-style: italic;}
blockquote.v2 p {padding: 0 32px 0 0;margin-top: 0;background: url(../images/typography/blockquote-last2.png) 100% 100% no-repeat;}

div.ffs_text { float: left; width: 50%; }
div.ffs_image { float: right; width: auto; }

/* media queries */
@media (max-width: 767px) {
	div.tm-grid-block:not(:empty) { margin-bottom: 40px; }
	div.ffs_text { float: none; width: 100%; }
	div.ffs_image { float: none; width: 100%; }
	div.ffs_image img { width: 100%;}
}

