@charset "utf-8";
/****************************************/
/*	CSS Document 						*/
/*	CMS Agilis 3.0						*/
/*										*/
/*	Abrupta Servis s.r.o.				*/
/*	stylesheet.global.css				*/
/*										*/
/*	ROOT SITE:							*/
/*	http://www.gyncentrum.com/			*/
/*	edit: 2015-02-09					*/
/****************************************/

/* + RESET */
html,body,div,span,applet,object,iframe,input,h1,h2,h3,h4,h5,h6,hr,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,select,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,tmenu,tr,th,td{ margin:0; padding:0; border:0; outline:0; font-weight:100; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
* { -webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
img { display: block; }
/* - RESET */

.back-image { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; display: block; width: 100%; background: url(../img/img-1600-background-002.jpg) no-repeat center bottom; opacity: 0.05; background-size:cover; background-clip:border-box; z-index: 1; }

/* + PAGE design */
#board {}
/** + HEADER **/
#header h1 {}
/** - HEADER **/
/** + ADVERT **/
#advert {}
#advert a { display: block; }
/** - ADVERT **/
/* - PAGE design */

/** + BUTTONs **/
[class^="btn-"], [class*=" btn-"] { display: inline-block; text-align: center; text-decoration: none; font-weight: 400; overflow: visible; cursor: pointer; white-space: nowrap; margin-bottom: 0px; background-color: rgb(255,255,255); color: rgb(0,0,0); border: 1px solid rgb(200,200,200); }
[class^="btn-"]:hover, [class*=" btn-"]:hover { background-color: rgb(210,210,210); }
[class^="btn-"]:focus, [class*=" btn-"]:focus { outline: none !important; }
.btn-large { padding: 10px 16px; font-size: 1.2em; line-height: 1.5em; -webkit-border-radius: 7px; border-radius: 7px; }
.btn-standard { padding: 6px 12px; font-size: 1em; line-height: 1.4em; -webkit-border-radius: 4px; border-radius: 4px; }
.btn-small { padding: 5px 10px; font-size: 0.9em; line-height: 1.2em; -webkit-border-radius: 3px; border-radius: 3px; }
.btn-smaller { padding: 1px 5px; font-size: 0.9em; line-height: 1.2em; -webkit-border-radius: 3px; border-radius: 3px; }
[class^="btn-"].primary, [class*=" btn-"].primary { color: rgb(255,255,255); background: rgb(54,136,198); background: -moz-linear-gradient(top, rgb(54,136,198) 0%, rgb(27,128,196) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(54,136,198)), color-stop(100%,rgb(27,128,196))); background: -webkit-linear-gradient(top, rgb(54,136,198) 0%,rgb(27,128,196) 100%); background: -o-linear-gradient(top, rgb(54,136,198) 0%,rgb(27,128,196) 100%); background: -ms-linear-gradient(top, rgb(54,136,198) 0%,rgb(27,128,196) 100%); background: linear-gradient(to bottom, rgb(54,136,198) 0%,rgb(27,128,196) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3688c6', endColorstr='#1b80c4',GradientType=0 ); border-color: rgb(27,128,196); }
[class^="btn-"].secondary, [class*=" btn-"].secondary { color: rgb(255,255,255); background: rgb(240,121,172); background: -moz-linear-gradient(top, rgb(240,121,172) 0%, rgb(240,104,167) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(240,121,172)), color-stop(100%,rgb(240,104,167))); background: -webkit-linear-gradient(top, rgb(240,121,172) 0%,rgb(240,104,167) 100%); background: -o-linear-gradient(top, rgb(240,121,172) 0%,rgb(240,104,167) 100%); background: -ms-linear-gradient(top, rgb(240,121,172) 0%,rgb(240,104,167) 100%); background: linear-gradient(to bottom, rgb(240,121,172) 0%,rgb(240,104,167) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f079ac', endColorstr='#f068a7',GradientType=0 ); border-color: rgb(218,79,145); }
[class^="btn-"].block, [class*=" btn-"].block { display: block; width: 100%; overflow: hidden; white-space: normal; }
[class^="btn-"].primary:hover, [class*=" btn-"].primary:hover, [
class^="btn-"].secondary:hover, [class*=" btn-"].secondary:hover { -webkit-box-shadow:inset 0 0 5px 0 rgba(20,20,20,0.4); box-shadow:inset 0 0 5px 0 rgba(20,20,20,0.4); }
/** + logout-button **/
#logout-button { position:fixed; right:10px; top:50px; width:50px; height:50px; z-index:9999; }
#logout-button a { display:block; font-size:40px; line-height:50px; text-align:center; text-decoration:none; color: rgb(85,172,238); }
/** - logout-button **/
/** - BUTTONs **/

/* + OTHER elements */
#gyn-google-map { height:400px; width:100%; }
.gm-style-iw * { display: block; width: 100%; }
.gm-style-iw h4, .gm-style-iw p { margin: 0; padding: 0; }
.gm-style-iw h4 { font-size:18px; line-height:22px; }
.gm-style-iw p {}
.gm-style-iw a { color: #4272db; }

.animation { opacity: 0; }
.animation.animated { opacity: 1; }

.border-bottom { border-bottom:dotted 2px rgb(224,224,224); }
.border-b-light-grey { border-bottom: 1px solid #dcdee4; }
.border-t-light-grey { border-top: 1px solid #dcdee4; }

.freefill { height:50px; }
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
.blured { -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); }

.youtube-wrap { padding: 20px 0; }
.youtube-video { background-color: white; padding: 10px; border: solid 1px #ddd; }
.youtube-video > iframe { display: block; margin: 0 auto; }
.youtube-video > p { display: block; padding: 10px 5px 0px 5px; text-align: center; font-style: italic; }

.image-single { display: inline-block; background-color: white; position: relative; padding: 10px; border: solid 1px #ddd; }
.image-single.left { float: left; margin-right: 10px; }
.image-single.right { float: right; margin-left: 10px; }
.image-single > p { display: block; padding: 10px 5px 0px 5px; text-align: center; font-style: italic; }
/* - OTHER elements */

/* + MEDIA QUERIES */
/** XD - Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 960px) {
}
/** LD - Tablet Portrait size to standard 960 (devices and browsers) **/
@media only screen and (min-width: 720px) and (max-width: 959px) {
}
/** MD - Mobile Landscape Size to Tablet Portrait (devices and browsers) **/
@media only screen and (min-width: 480px) and (max-width: 719px) {
}
/** SD / Mobile Portrait Size to Mobile Landscape Size (devices and browsers) **/
@media only screen and (max-width: 479px) {
}
/* - MEDIA QUERIES */