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

	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, audio, video {
display:block;
}
body {
background:#171717 url(img-ochranci/body.jpg) no-repeat center 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;
}
audio {margin: 5px auto;}

/******************************************************************
	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:#000000;
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:2px dotted #d3d3d3; margin:0px; padding:8px;}
img.big-margin {margin:0px 0px 64px;}


/* 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;
width:940px;
}


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


/*	CONTENT-HOME	*/
.content-home {
padding:25px 29px 50px;
text-align:center;
}
.content-home h2 {
padding:0px 0px 26px;
}
.content-home h3 {
font-family:georgia, arial, tahoma, verdana, sans-serif;
font-size:1em;
line-height:1.5em;
}
.content-home .desc {
color:#6d6d6d;
font-style:italic;
padding:11px 0px 46px;
}
.content-home ul.menu-border {
border-bottom:2px dotted #fff;
border-left:2px dotted #fff;
border-top:2px dotted #fff;
list-style-type:none;
margin:0px 0px 80px;
padding:0px;
}
.content-home ul.menu-border li {
border-right:2px dotted #fff;
float:left;
height:420px;
overflow:hidden;
}
.content-home ul.menu-border li.item1 {
background: url(img-ochranci/menu-vaclav.png) no-repeat 35px 10px;
width:278px;
}
.content-home ul.menu-border li.item2 {
background:url(img-ochranci/menu-anezka.png) no-repeat 54px 18px;
width:238px;
}
.content-home ul.menu-border li.item3 {
background:url(img-ochranci/menu-cyril-metodej.png) no-repeat 23px 28px;
width:358px;
}
.content-home ul.menu-border li a:link,
.content-home ul.menu-border li a:visited,
.content-home ul.menu-border li a:hover {
display:block;
font-family:'haginCapsMedium', georgia, arial, tahoma, verdana, sans-serif;
font-size:1.714em;
line-height:1.125em;
padding:349px 0px 50px 0px;
text-decoration:none;
text-transform:capitalize;
}
.content-home ul.menu-border li a:hover {
text-decoration:underline;
}
.content-home ul.menu-border li.item1 a:link,
.content-home ul.menu-border li.item1 a:visited,
.content-home ul.menu-border li.item1 a:hover {
padding:366px 0px 50px 0px;
}
.content-home ul.menu-noborder {
list-style-type:none;
margin:14px 0px 0px;
padding:0px 21px;
}
.content-home ul.menu-noborder li {
float:left;
width:280px;
}
.content-home ul.menu-noborder li.item1 {background:url(img-ochranci/menu-vaclav-2.png) no-repeat center 0px;}
.content-home ul.menu-noborder li.item2 {background:url(img-ochranci/menu-anezka-2.png) no-repeat center 0px;}
.content-home ul.menu-noborder li.item3 {background:url(img-ochranci/menu-cyril-metodej-2.png) no-repeat center 0px;}

.content-home ul.menu-noborder li a:link,
.content-home ul.menu-noborder li a:visited,
.content-home ul.menu-noborder li a:hover {
display:block;
font-family:'haginCapsMedium', georgia, arial, tahoma, verdana, sans-serif;
font-size:1.714em;
padding:260px 0px 0px 0px;
text-decoration:none;
text-transform:capitalize;
}
.content-home ul.menu-noborder li a:hover {
text-decoration:underline;
}


/*	CONTENT-DEPARTMENT	*/
.content-department {
padding:25px 29px 50px;
text-align:center;
}
.content-department h1 {
font-family:'haginCapsMedium', georgia, arial, tahoma, verdana, sans-serif;
font-size:4.286em;
}
.content-department h2 {
font-family:'acaslonproSemibold', georgia, arial, tahoma, verdana, sans-serif;
font-size:2.143em;
}
.content-department h3 {
font-family:georgia, arial, tahoma, verdana, sans-serif;
font-size:1em;
}
.content-department .dep-desc {
padding:30px 0px 0px;
}
.content-department .department {
padding:106px 0px 150px 450px;
text-align:left;
}
.content-department .department-vaclav {background:url(img-ochranci/department-vaclav.png) no-repeat 92px 42px;}
.content-department .department-anezka {background:url(img-ochranci/department-anezka.png) no-repeat 150px 42px;}
.content-department .department-cyril-metodej {background:url(img-ochranci/department-cyril-metodej.png) no-repeat 20px 50px;}
.content-department .department-small {padding:50px 0px 50px 0px;}

.content-department .department .leftCol {
float:left;
text-align:center;
width:420px;
}
.content-department .department .leftCol img {
border:2px dotted #d3d3d3;
margin:0px;
padding:8px;
}
.content-department .department .rightCol {
float:right;
width:432px;
}
.content-department .department ul {
list-style-type:none;
margin:0px;
padding:18px 0px 13px;
}
.content-department .department ul li {
margin:0px;
padding:12px 0px;
}
.content-department .department ul li small {
color:#6d6d6d;
display:inline-block;
font-size:1.714em;
line-height:1em;
padding:0px 12px 0px 0px;
position:relative;
top:2px;
}
.content-department .department ul li a:link,
.content-department .department ul li a:visited,
.content-department .department ul li a:hover {
color:#003a9b;
font-style:italic;
}
.content-department .department .desc {
color:#6d6d6d;
font-style:italic;
}
.content-department .department .desc a:link,
.content-department .department .desc a:visited,
.content-department .department .desc a:hover {
color:#6d6d6d;
}
.content-department a.back:link,
.content-department a.back:visited,
.content-department a.back:hover,
.content-department a.result:link,
.content-department a.result:visited,
.content-department a.result:hover {
background:#3f81b4;
border:1px solid #266596;
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 #6fa8cd;
}
.content-department a.back:hover {
background:#266596;
}
.content-department a.back-middle:link,
.content-department a.back-middle:visited,
.content-department a.back-middle:hover {
margin:0px 0px 0px 86px;
}
.content-department a.result:link,
.content-department a.result:visited,
.content-department a.result:hover {
background:#4FB43F;
border:1px solid #349F23;
float:right;
padding:0px;
width:86px;
box-shadow:inset 0px 1px 0px 0px #6fa8cd;
}
.content-department a.result:hover {
background:#349F23;
}
.content-department ul.menu-border {
border-bottom:2px dotted #d3d3d3;
border-left:2px dotted #d3d3d3;
border-top:2px dotted #d3d3d3;
list-style-type:none;
margin:30px 0px 50px;
padding:0px;
}
.content-department ul.menu-border li {
border-right:2px dotted #d3d3d3;
float:left;
overflow:hidden;
padding:8px;
width:422px;
}
.content-department ul.menu-border li a:link,
.content-department ul.menu-border li a:visited,
.content-department ul.menu-border li a:hover {
display:block;
font-size:1.714em;
line-height:1.125em;
text-decoration:none;
text-transform:capitalize;
}
.content-department ul.menu-border li img {
float:left;
}
.content-department ul.menu-border li h3 {
display:table-cell;
font-family:'haginCapsMedium', georgia, arial, tahoma, verdana, sans-serif;
height:61px;
padding:10px 0px 2px;
vertical-align:middle;
width:422px;
}
.content-department ul.menu-border li a:hover h3 {
text-decoration:underline;
}
.content-department .map {
padding:30px 0px 50px;
}
.content-department .map .leftCol {
float:left;
width:200px;
}
.content-department .map .rightCol {
float:right;
width:200px;
}
.content-department .map a:link,
.content-department .map a:visited,
.content-department .map a:hover,
.content-department .map span {
background:#b43f3f;
border:1px solid #962626;
color:#fff;
display:inline-block;
font-size:1em;
height:40px;
line-height:40px;
margin:75px 0px 0px;
padding:0px;
text-decoration:none;
width:198px;
border-radius:3px;
box-shadow:inset 0px 1px 0px 0px #cd6f6f;
}
.content-department .map a:hover {
background:#962626;
}
.content-department .map .image {
float:left;
width:482px;
}
.content-department .map ul {
    margin:0px;
    padding:30px 0px 0px;
    text-align: left;
}
.content-department .map ul li {
padding:5px 0px;
}
span.nprovide {
  display: block;
  margin: 25px auto;
  color: #fff; 
  text-align: center;
}
span.nprovide a:link, span.nprovide a:visited {color: #fff; text-decoration: none;}
span.nprovide a:hover {text-decoration: underline;}

/* Content-info */
.content-info {
  padding:25px 49px 0px 29px;
  text-align: left;
}
.content-info h1 {text-align: center;}
.content-info p {margin: 0 0 7px;}
.content-info .desc {
color:#7d7d7d;
font-style:italic;
padding:11px 0px 46px;
}

/*	CONTENT-ARTICLE	*/
.content-article {
padding:25px 29px 0px;
text-align:center;
}
.content-article h1 {
font-family:'haginCapsMedium', georgia, arial, tahoma, verdana, sans-serif;
font-size:4.286em;
}
.content-article h1.padding {
padding:0px 0px 70px;
}
.content-article .img-desc {
font-size:1.286em;
padding:5px 0px 0px;
}
.content-article .motto {
font-size:2.143em;
line-height:1.4em;
padding:40px 0px;
}
.content-article .citation {
padding:40px 0px 0px;
}
.content-article .more {
padding:0px 0px 60px;
}
.content-article .big-text {
color:#6d6d6d;
font-size:2.143em;
line-height:1.6em;
padding:0px 0px 100px;
}
.content-article .big-text-2 {
padding:0px 0px 20px;
}
.content-article img.hlaholice {
margin:30px 0px 60px;
}
.content-article .word {
padding:30px 30px 60px;
}
.content-article .text {
float:right;
text-align:left;
width:640px;
}
.content-article .text h2 {
font-family:'acaslonproSemibold', georgia, arial, tahoma, verdana, sans-serif;
font-size:2.5em;
padding:10px 0px;
}

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


/*	FOOTER-HOME	*/
#footer {
border-bottom:2px dotted #d3d3d3;
border-top:2px dotted #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;
-webkit-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:inset 0px 1px 0px 0px #7ecd6f;
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;
    font-style:italic;
    float: right;
    margin-right: 10px;
}

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

.partners {
margin: 85px auto 0px;
}


/*	FOOTER-ARTICLE	*/
#footer-article {
border-bottom:2px dotted #d3d3d3;
border-top:2px dotted #d3d3d3;
margin:0px 29px;
padding:14px 0px 13px;
position:relative;
text-align:center;
}
#footer-article a:link,
#footer-article a:visited,
#footer-article a:hover {
color:#003a9b;
display:inline-block;
font-size:1.286em;
}
#footer-article a.next:link,
#footer-article a.next:visited,
#footer-article a.next:hover,
#footer-article a.back:link,
#footer-article a.back:visited,
#footer-article a.back:hover {
background:#4fb43f;
border:1px solid #349f23;
color:#fff;
display:inline-block;
font-size:1em;
height:28px;
line-height:28px;
padding:0px 12px;
position:absolute;
text-decoration:none;
top:11px;
border-radius:3px;
box-shadow:inset 0px 1px 0px 0px #7ecd6f;
}
#footer-article a.next:link,
#footer-article a.next:visited,
#footer-article a.next:hover {
right:0px;
}
#footer-article a.next:hover {
background:#349f23;
}
#footer-article a.back:link,
#footer-article a.back:visited,
#footer-article a.back:hover {
background:#3f81b4;
border:1px solid #266596;
left:0px;
box-shadow:inset 0px 1px 0px 0px #6fa8cd;
}
#footer-article a.back:hover {
background:#266596;
}
p.warning {color: #E85752;}