/*=====================================================================================

	Project:			SVATI OCHRANCI
	
		
	== iNFO ===========================================
	
	Web width:			100%
	Page width:			940px
	
	
	== Px2Em ===========================================
	
	body 	87.5%
	
	10px	0.714em
	11px	0.786em
	12px	0.857em
	13px	0.929em
	14px	1.000em
	15px	1.071em
	16px	1.143em
	17px	1.214em
	18px	1.286em
	19px	1.357em
	20px	1.429em
	
	
	== CSS DETAiL ======================================
	
	RESET
	TYPOGRAPHY
	HACKS
	
	LAYOUT
	CONTENT-HOME
	CONTENT-DEPARTMENT
	CONTENT-ARTICLE
	
	FOOTER
	FOOTER-ARTICLE
	
	
=====================================================================================*/

/******************************************************************
	RESET
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
border:0;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
display:block;
}
body {
background:#323232 url(img-kostely/body.png) repeat 0px 0px;
color:#000000;
font-family:georgia, arial, tahoma, verdana, sans-serif;
font-size:87.5%;
font-weight:normal;
line-height:1.7em;
text-align:left;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: antialiased;
}
select, input, textarea, button {
color:#000;
font-family:georgia, arial, tahoma, verdana, sans-serif;
font-size:100%;
margin:0px;
}

/******************************************************************
	TYPOGRAPHY
*/
h1, h2, h3, h4 {
color:#000000;
font-family:'acaslonproSemibold', georgia, arial, tahoma, verdana, sans-serif;
font-weight:normal;
line-height:1.03em;
margin:0px;
padding:0px;
}
h1 {font-size:5.143em;}
h2 {font-size:2.143em;}
h3 {font-size:1.875em;}

.clear			{clear:both;}
.left			{float:left !important;}
.right			{float:right !important;}
.hide			{display:none;}

p               {margin:0px;}
img				{border:0px;margin:0px;}
strong			{font-weight:bold;}
em				{font-style:italic;}
ul				{margin:0em 1.5em 0em 2.0em; padding:0em 0em 1.5em 0em;list-style-type:disc;}
ol				{margin:0em 1.5em 0em 2.0em; padding:0em 0em 1.5em 0em;list-style-type:decimal;}
.ie6 ul			{margin-left:2.0em;}
.ie6 ol			{margin-left:2.6em;}
.ie7 ul			{margin-left:2.0em;}
.ie7 ol			{margin-left:2.6em;}
.ie8 ul			{margin-left:1.5em;}
hr				{height:0px;color:#cccccc;border:0px;border-top:1px solid #cccccc;}

a,
a:link,
a:visited,
a:hover {
color:#003A9B;
text-decoration:underline;
outline:none;
}
a:focus,
a:hover{
text-decoration:none;
}

sub, sup {font-size:70%; position:relative;}
sub {bottom:-5px;}
sup {top:-5px;}

/******************************************************************
	HACKS
*/
html 			{overflow-y:scroll;} 						/* PRO NON-IE PROHLIZECE PRIDA DOPRAVA SCROLLBAR */
textarea		{overflow:auto;} 							/* V IE ODSTRANI V TEXTAREA SCROLLBAR */
button 			{width:auto; overflow:visible;}				/* WWW.VIGET.COM/INSPIRE/STYLING-THE-BUTTON-ELEMENT-IN-INTERNET-EXPLORER/ */

::-moz-selection	{background:#1860f3; color:#fff; text-shadow: none;}
::selection 		{background:#1860f3; color:#fff; text-shadow: none;}

.clearfix:before,											/* NEW CLEARFIX! - RESI PROBLEM S VYTECENIM FLOATOVANYCH PRVK� */
.clearfix:after,
.movie:before,
.movie:after {
content: ".";    
display: block;    
height: 0;    
overflow: hidden;	
}
.clearfix:after,
.movie:after {clear: both;}
.clearfix,
.movie {zoom: 1;} /* IE 5.5/6/7 */

.text-vpravo {text-align:right;}
img.big {border:1px solid #d3d3d3; margin:0px; padding:9px;}
img.big-margin {margin:0px 0px 20px;}


/* FONTY */
@font-face {
    font-family: 'acaslonproRegular';
    src: url('fonts/acaslonpro-regular-webfont.eot');
    src: url('fonts/acaslonpro-regular-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/acaslonpro-regular-webfont.woff') format('woff'),
         url('fonts/acaslonpro-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'acaslonproSemibold';
    src: url('fonts/acaslonpro-semibold-webfont.eot');
    src: url('fonts/acaslonpro-semibold-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/acaslonpro-semibold-webfont.woff') format('woff'),
         url('fonts/acaslonpro-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'haginCapsMedium';
    src: url('fonts/hagin_caps_medium-webfont.eot');
    src: url('fonts/hagin_caps_medium-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/hagin_caps_medium-webfont.woff') format('woff'),
         url('fonts/hagin_caps_medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/**********************************************/
/*				PAGE						  */
/**********************************************/
#page {
background:#fff;
margin:0px auto;
padding:0px 0px 75px;
width:940px;
}


/**********************************************/
/*				CONTENT						  */
/**********************************************/


/*	CONTENT-HOME	*/
#content-home {
padding:25px 29px;
text-align:center;
}
#content-home h2 {
line-height:1.3em;
padding:37px 100px 5px;
text-align:left;
}
#content-home h2 small {
color:#6d6d6d;
font-size:70%;
}
#content-home h3 {
font-family:georgia, arial, tahoma, verdana, sans-serif;
font-size:100%;
}
#content-home .desc {
color:#6d6d6d;
font-style:italic;
padding:11px 0px 46px;
}
#content-home ul {
list-style-type:none;
margin:0px;
padding:0px 100px 0px 130px;
text-align:left;
}
#content-home ul li {
padding:5px 0px;
}
#content-home ul li small {
color:#6D6D6D;
display:inline-block;
font-size:1.714em;
line-height:1em;
padding:0px 12px 0px 0px;
position:relative;
top:0px;
}


/*	CONTENT-ARTICLE	*/
#content-article {
padding:75px 29px 0px;
text-align:center;
}
#content-article h1 {
font-family:'haginCapsMedium', georgia, arial, tahoma, verdana, sans-serif;
font-size:4.286em;
padding:0px 0px 50px 0px;
}
#content-article h2 {
padding:50px 0px 15px;
}
#content-article p {
padding:0px 0px 20px;
}
#content-article a.more:link,
#content-article a.more:visited,
#content-article a.more:hover,
#content-article a.less:link,
#content-article a.less:visited,
#content-article a.less:hover {
display:none;
}
#content-article a.more:link,
#content-article a.more:visited,
#content-article a.more:hover,
#content-article a.less:link,
#content-article a.less:visited,
#content-article a.less:hover {
background:#4fb43f;
border:1px solid #349f23;
color:#fff;
font-size:1em;
height:28px;
line-height:28px;
padding:0px 12px;
text-decoration:none;
border-radius:3px;
box-shadow:inset 0px 1px 0px 0px #7ecd6f;
}
#content-article a.more:hover {
background:#349f23;
}
#content-article a.less:link,
#content-article a.less:visited,
#content-article a.less:hover {
background:#3f81b4;
border:1px solid #266596;
margin:10px 0px 0px;
box-shadow:inset 0px 1px 0px 0px #6fa8cd;
}
#content-article a.less:hover {
background:#266596;
}
#content-article .question-box .big {
margin:10px 0px 0px;
}
#content-article .question-box .motto {
display:block;
font-size:1.143em;
padding:5px 0px 25px;
}
#content-article .question-box ul {
margin:0px;
padding:0px 0px 0px 20px;
}
#content-article .question-box .text {
margin:0px auto;
text-align:left;
width:680px;
}
#content-article .glossary {
background:#3F81B4;
border:1px solid #266596;
color:#fff;
font-size:2.143em;
line-height:1.4em;
margin:50px 0px 0px;
padding:20px;
text-decoration:none;
text-transform:uppercase;
box-shadow:inset 0px 1px 0px 0px #6FA8CD ;
}   


/**********************************************/
/*				FOOTER						  */
/**********************************************/


/*	FOOTER-HOME	*/
#footer {
border-bottom:1px solid #d3d3d3;
border-top:1px solid #d3d3d3;
padding:11px 0px;
position:relative;
text-align:center;
}
#footer a.button:link,
#footer a.button:visited,
#footer a.button:hover {
background:#4fb43f;
border:1px solid #349f23;
color:#fff;
display:inline-block;
height:28px;
line-height:28px;
padding:0px 12px;
text-decoration:none;
border-radius:3px;
box-shadow:inset 0px 1px 0px 0px #7ecd6f;
}
#footer a.button:hover {
background:#349f23;
}
#footer a.info:link,
#footer a.info:visited,
#footer a.info:hover {
color:#003a9b;
float:right;
font-style:italic;
position:absolute;
right:10px;
top:13px;
}
.partners {
margin:100px 39px 0px;
}

a.crossroad {float: left; margin-left: 10px; font-style: italic;}

/*	FOOTER-ARTICLE	*/
#footer-article {
border-bottom:1px solid #d3d3d3;
border-top:1px solid #d3d3d3;
margin:50px 29px 0px;
padding:14px 0px 13px;
position:relative;
text-align:center;
}

body#index #footer-article {display: none;}