@charset "utf-8";

/****************************************/
/*	CSS Document 						*/
/*	CMS Agilis 3.2						*/
/*										*/
/*	Abrupta Servis s.r.o.				*/
/*	stylesheet.text.css					*/
/*										*/
/*	edit: 2015-01-21					*/
/****************************************/

@import url('font.neris.css');
@import url('font.roboto.css');

/* + BODY */
html { font-size:14px; } /* musim jeste vyzkouset font-size jako procenta nebo jako 1em */
body { line-height:22px; color:rgb(0,0,0); font-family: 'robotoregular'; }
body.pl { line-height:22px; color:rgb(0,0,0); font-family: Arial, Helvetica, sans-serif; }
/* - BODY */

/* + HEADING */
h1, h2, h3, h4, h5, h6 { font-family: 'robotobold'; font-weight:normal; color:rgb(0,0,0); }
.pl h1, .pl h2, .pl h3, .pl h4, .pl h5, .pl h6 { font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:rgb(0,0,0); }
/*
h1:after { content: ""; position:absolute; bottom:10px; left:10px; display:block; height:6px; width:80px; background-color:rgb(237,74,93); }
*/
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { font-family: 'robotolight'; }
.pl h1 span, .pl h2 span, .pl h3 span, .pl h4 span, .pl h5 span, .pl h6 span { font-family: Arial, Helvetica, sans-serif; }
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a { text-decoration:none; color:rgb(0,0,0); }
h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover { text-decoration:underline; }
/* - HEADING */

/* + TEXT */
p { margin-bottom: 18px; }
p:only-of-type, p:last-child { margin-bottom: 0px; }

.image-left { float:left !important; }
p .image-left { margin:1.5em 1.5em 1.5em 0; padding:0px; }
.image-right { float:right !important; }
p .image-right { margin:1.5em 0 1.5em 1.5em; padding:0px; }

a:focus, a:hover { color:rgb(0,153,255); }
a { color:rgb(0,102,204); text-decoration:underline; }

strong, dfn { font-family: 'robotobold'; }
.pl strong, .pl dfn { font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
em, dfn { font-family: 'robotoitalic'; }
.pl em, .pl dfn { font-family: Arial, Helvetica, sans-serif; font-style: italic; }
sup,sub {line-height:0; }

abbr, acronym { border-bottom: dotted 1px rgb(102,102,102); }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:rgb(102,102,102); }

pre { margin: 24px 0; white-space: pre; }
pre,code,tt { font: 24px 'andale mono', 'lucida console', monospace; line-height: 1.5; }

blockquote { font-family: 'robotolightitalic'; background: rgba(255,255,255,0.5); padding: 20px 30px 20px 30px; border-left: 10px solid rgb(54,136,198); line-height: 24px; margin-bottom: 18px; }
.pl blockquote { font-family: Arial, Helvetica, sans-serif; font-style: italic; }
blockquote:last-item { margin-bottom: 0px; }
/* - TEXT */

/* + LISTS */
li ul, li ol { margin: 0; }
ul, ol { margin: 0 24px 24px 0; padding-left: 24px; }

ul { list-style-type: disc; }
ol { list-style-type: decimal; }

dl { margin: 0 0 24px 0; }
dl dt { font-weight: bold; }
dd { margin-left: 24px;}
/* - LISTS */

/* + OTHER */
.small { font-size: .9em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
/* - OTHER */

/* + PAGE GENERAL STYLE */
.general h2 { color:rgb(240,121,172); }
.general h3 { color:rgb(54,136,198); }
.general h4 { color:rgb(27,128,196); }
.general a { color:rgb(54,136,198); }
/* - PAGE GENERAL STYLE */
/* + MEDIA QUERIES */
/** XD - Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 960px) {
    h1 { font-size:54px; line-height:60px; margin-bottom:15px; }
    h2 { font-size:48px; line-height:56px; margin-bottom:10px; }
    h3 { font-size:30px; line-height:36px; margin-bottom:5px; }
    h4 { font-size:24px; line-height:28px; margin-bottom:5px; }
    h5 { font-size:20px; line-height:24px; font-weight:bold; }
    h6 { font-size:16px; line-height:20px; font-weight:bold; }
}
/** LD - Tablet Portrait size to standard 960 (devices and browsers) **/
@media only screen and (min-width: 720px) and (max-width: 959px) {
    h1 { font-size:54px; line-height:60px; margin-bottom:15px; }
    h2 { font-size:48px; line-height:56px; margin-bottom:10px; }
    h3 { font-size:30px; line-height:36px; margin-bottom:5px; }
    h4 { font-size:24px; line-height:28px; margin-bottom:5px; }
    h5 { font-size:20px; line-height:24px; font-weight:bold; }
    h6 { font-size:16px; line-height:20px; font-weight:bold; }
}
/** MD - Mobile Landscape Size to Tablet Portrait (devices and browsers) **/
@media only screen and (min-width: 480px) and (max-width: 719px) {
    h1 { font-size:54px; line-height:60px; margin-bottom:15px; }
    h2 { font-size:48px; line-height:56px; margin-bottom:10px; }
    h3 { font-size:30px; line-height:36px; margin-bottom:5px; }
    h4 { font-size:24px; line-height:28px; margin-bottom:5px; }
    h5 { font-size:20px; line-height:24px; font-weight:bold; }
    h6 { font-size:16px; line-height:20px; font-weight:bold; }
}
/** SD / Mobile Portrait Size to Mobile Landscape Size (devices and browsers) **/
@media only screen and (max-width: 479px) {
    h1 { font-size:48px; line-height:56px; margin-bottom:15px; }
    h2 { font-size:40px; line-height:48px; margin-bottom:10px; }
    h3 { font-size:30px; line-height:36px; margin-bottom:5px; }
    h4 { font-size:24px; line-height:28px; margin-bottom:5px; }
    h5 { font-size:20px; line-height:24px; font-weight:bold; }
    h6 { font-size:16px; line-height:20px; font-weight:bold; }
}
/* - MEDIA QUERIES */