/* ::::: http://www.zcpca.org/css/base.css ::::: */

* { margin: 0pt; padding: 0pt; }
html { height: 100%; }
html, body { margin: 0pt; padding: 0pt; }
body { background: #777777 url(body-gradient.png) repeat-x scroll center top; color: rgb(102, 102, 102); font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;; font-style: normal; font-variant: normal; font-weight: normal; font-size: 0px; font-size-adjust: none; font-stretch: normal; line-height: 1; min-height: 80%; }
address { padding: 0.3em 0pt 1em; font-size: 100%; line-height: 1.2em; }
a { border-bottom: none; color: #FB5E0D; text-decoration: none; }
a:hover { background-color: none; }
a img:hover { background-color: none; }
address { font-style: normal; }
img { border: 0pt none ; }

em#iso { background: transparent url(logo_arc-iso.gif) no-repeat; position: absolute; top: 0px; right: 9px; height: 100px; width: 100px;
padding-left: -98px; overflow: hidden;}
p { line-height: 1.2em; padding-bottom: 1em; }
ul li { list-style-type: none; list-style-image: none; list-style-position: outside; text-indent: 0pt; font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; font-size: 100%;}
.hr { border: 0pt none ; margin: 0.6em 0pt; padding: 0pt; background: transparent url('dotted.gif') repeat-x scroll left top; display: block; height: 1px; }
.hr hr { display: none; }
.hroff { display: none; }
input, textarea, select { color: rgb(102, 102, 102); font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; font-size: 100%; }
select { line-height: 1.4em; }
#masthead {
	position: relative;
	height: 226px;
	background-image: url(body.png);
	background-repeat: repeat-x;
	text-align: center;
	width: 100%;
	margin: 0pt auto;

}
#masthead #clogo { background: transparent url('arcmainlogo.png') no-repeat; position: absolute; top: 0px; left: 9px;  }
#masthead #clogo-en { background: transparent url('arcmainlogo-en.png') no-repeat; position: absolute; top: 0px; left: 9px;  }
#home #masthead #clogo, #home #masthead #clogo-en { padding: 225px 0pt 0pt; overflow: hidden; display: block; height: 0pt ! important; width: 306px; position: static ! important; margin: 0pt auto;}
#masthead #clogo a { border: 0pt none ; margin: 0pt; padding: 98px 0pt 0pt; background: transparent none repeat; overflow: hidden; color: rgb(241, 241, 241); display: block; height: 0pt ! important; width: 154px; }
h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; font-weight: normal; padding: 0.3em 0.3em;}
h1 { color: rgb(99, 150, 203); font-size: 220%; }
h1#page-title { color: rgb(99, 150, 203); font-size: 210%; letter-spacing: -1px; padding-top: 0pt; }
#home h1#page-title { color: rgb(221, 221, 221); }
h2 { font-size: 150%; 
 color: #333333;
 background-color: #999999;
 padding: 1em 0.5em;
 }

h3 { padding: 1em 0pt; color: white; font-size: 140%; }
h4 { font-size: 120%; font-weight: bold; }
h5 {
	font-size: 130%;
	font-weight: bold;
	padding: 0px;
	margin-top: 20px;
	color: black;

}
h6 { font-size: 100%; font-weight: bold; }


#mnav {
	margin: 0pt;
	width: 900px;
	background-image: url(bg_mnav.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 35px;

	}

#banner-area {
	position: relative;
	margin-top: 47px;
	width: 900px;
	text-align: center;

}

#banner-area #naj
{position: absolute;
 right: 0px;
 bottom: 0px;
	
}

#banner-area img{
	margin: 0 8px;

}

#mnav .bg-ne, #mnav .bg-nw 
{	margin: 0 auto;
	width: 480px; height: 41px; display: block;
	background-image: url(bg_mnav-nedw.png);
	background-repeat: no-repeat;
	background-position: left top;

}

#mnav .bg-nw
{ padding: 0 5px;
background-image: url(bg_mnav-nw.png);
	background-position: right top;	
}



#mnav ul, #mnav ul li, #cnav ul, #cnav ul li  { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
#mnav ul {
	
	width: 100%;
	display: block;
	background-image: url(bg_mnavigation.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 41px; 
	padding: auto;
}
#mnav ul li, #cnav ul li {
	display: block;
	height: 28px;
	float: left;
	width: 94px;
	padding-top: 0px;
}



#mnav ul li.last, #cnav ul li.last{ margin-right: 0pt; }
#mnav li a, #cnav li a { display: block; width: 100%; height: 100%; background: transparent no-repeat; background-position: 0px 0px;  border: none;}
#mnav span, #cnav span { display: none; }
#mnav ul a:hover { background-position: 0pt 0px; color: white; display: block }
#mnav ul li.current a { background: rgb(82, 97, 95) none repeat; color: rgb(244, 244, 244); }
#mnav #mnav-profil a{
	background-image: url(mnav-profil.png);}

#mnav #mnav-profil {
	}

#mnav #mnav-e-shop a {
	background-image: url(mnav-e-shop.png);}

#mnav #mnav-e-shop {
	}

#mnav #mnav-ponuka a{
	background-image: url(mnav-ponuka.png);}

#mnav #mnav-ponuka {
	}

#mnav #mnav-akcie a{
	background-image: url(mnav-akcie.png);}

#mnav #mnav-akcie {
}

#mnav #mnav-kontakt a{
	background-image: url(mnav-kontakt.png);}

#mnav #mnav-kontakt {
}

#mnav #mnav-e-mail a{
	background-image: url(mnav-e-mail.png);}

#mnav #mnav-mail {
}

#mnav #mnav-profil-en a{
	background-image: url(mnav-profil-en.png);}

#mnav #mnav-profil {
	}

#mnav #mnav-e-shop-en a {
	background-image: url(mnav-e-shop-en.png);}

#mnav #mnav-e-shop {
	}

#mnav #mnav-ponuka-en a{
	background-image: url(mnav-ponuka-en.png);}

#mnav #mnav-ponuka {
	}

#mnav #mnav-akcie-en a{
	background-image: url(mnav-akcie-en.png);}

#mnav #mnav-akcie {
}

#mnav #mnav-kontakt-en a{
	background-image: url(mnav-kontakt-en.png);}

#mnav #mnav-kontakt {
}

#mnav #mnav-e-mail-en a{
	background-image: url(mnav-e-mail-en.png);}

#mnav #mnav-mail {
}

#cnav #cnav-kontakt a{
	background-image: url(cnav-englishversion.png);}

#cnav #cnav-kontakt-en a{
	background-image: url(cnav-slovakversion.png);}





#cnav { position: absolute; z-index: 9; top: 0px; left: 0px; width: 170px; height: 50px;  margin: 0pt;}
#cnav ul li { width: 170px; margin: 0; padding: 0; height: 50px;}

#cnav li a {margin: 0; padding: 0;}

#container { margin: 0pt auto; background: transparent none repeat; position: relative; text-align: center; width: 100%; }
#c2 { margin: 0pt auto; background: url(body.png) repeat-x; background-color: #0288F2;  min-height: 691px; position: relative; text-align: left; width: 900px; border: #2B2B2B solid; border-width: 0px 1px; }
#welcome { padding: 19px 10px 10px 47px; width: 900px; }

#wrap {width: 900px; }
#content {height: 220px; width: 900px! important; text-align: center; background: url(index_themepic.jpg) no-repeat center top;}
#content img {margin: 0; padding: 0;
	
}

#col1 p.text { font-size: 90%;
 font-family: 'Trebuchet MS', Helvetica, sans-serif;
 color: #333333;
 background-color: #999999;
 text-align: justify;
 line-height: 1.3em;
 padding: 0.8em 5em 2em 2em;}

 #col1 h3 { 
 clear: both;
 display: block;
 text-align: center;
 width: 100%}
  
#content .preamble ul { padding: 5px;}
#content ul { padding-left: 25px;}
#content ul li{list-style-type: none;}
#content .preamble ul li { background: url("content-bullet.gif") no-repeat scroll; background-position: 0px 3px; line-height: 1.2em; list-style-type: none; list-style-image: none; list-style-position: outside; padding-left: 20px; padding-bottom: 0em; }
#content ol li { line-height: 1.3em; margin-left: 40px; padding-bottom: 0.5em; padding-left: 0px; }
#content dl {
	font-size: 100%;
	padding-left: 5em;
	display: block;
	width: 75%;
	margin: 5px;



}
#content dt, #content dd { padding: 0.2em 0pt; }
#content dt { color: #FFFFFF; font-family: "Trebuchet MS", Trebuchet, Georgia, Arial, sans-serif; font-size: 130%; }
#content dd {
	line-height: 0.9em;
	margin-bottom: 0.4em;
	color: #333333;
	margin-left: 0.5em;

}
#content dd.location { color: rgb(153, 153, 153); font-size: 90%; }
#col1 { padding: 32px 0pt 0pt; background-color: #999999; float: left; width: 650px; min-height: 500px }

#col1 div a.top {margin-left: 25px; clear: both }
#col2 {
	padding: 32px 0pt 0pt;
background: ; 	display: block;
	float: right;
	height: 200px;
	width: 250px;
	background-color: #333333;
}

#col3 {
	padding: 15px 0pt 0pt;
background: ; 	display: block;
	float: right;
	height: 50px;
	width: 250px;
	background-color: red;
	
}

#col3 p {
	padding-left: 26px;
	padding-right: 26px;
	color: #E3E3E3;
	text-align: center;
	font-size: 80%; 
}

#col2 p {
	padding-left: 26px;
	padding-right: 26px;
	color: #E3E3E3;
}

#col2 a {
	font-size: 95%;

}

#col2 h3 {
	padding: 0.3em 0.3em;
	font-size: 100%;
	font-weight: bold;
}
#content ul.subnav { margin: 1px 1px 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; min-height: 345px; }
#content ul.subnav li { margin: 0pt; padding: 0pt; background: transparent none repeat; line-height: normal; list-style-type: none; list-style-image: none; list-style-position: outside; }
#content ul.subnav a { border: 0pt none ; margin: 0pt; padding: 10px 26px; background-color: transparent; color: #CC0033; display: block; height: 1%; line-height: normal; text-decoration: none; }
#content ul.subnav a:hover { color: white; }
.page-title { color: rgb(221, 221, 221); }
#content .preamble {
	background-color: #FFFFFF;
	font-style: italic;
	padding: 0.5em 1em;
	line-height: 120%;
	font-size: 100%;
	font-style: italic;
	display: block;
	min-height: 200px;

	
}




  TABLE          { border-collapse: collapse;
                   border: 1px solid black;
				   margin: 15px;}
 
  TD             { border: 1px solid grey; padding: 1em; background: #CCCCCC;}
 td#price             {
	font-style: oblique;
	font-weight: bold;
	color: #333333;
}

#beliefs #page-title { border: 0pt none ; margin: 0pt 0pt 0.5em; padding: 22px 0pt 0pt; background: transparent url('our-beliefs.gif') no-repeat; overflow: hidden; display: block; height: 0pt ! important; width: 122px; }
#ministries #page-title { border: 0pt none ; margin: 0pt 0pt 0.5em; padding: 21px 0pt 0pt; background: transparent url('our-ministries.gif') no-repeat; overflow: hidden; display: block; height: 0pt ! important; width: 157px; }
#missions #page-title { border: 0pt none ; margin: 0pt 0pt 0.5em; padding: 21px 0pt 0pt; background: transparent url('our-missions.gif') no-repeat; overflow: hidden; display: block; height: 0pt ! important; width: 147px; }
#service-times #page-title { border: 0pt none ; margin: 0pt 0pt 0.5em; padding: 21px 0pt 0pt; background: transparent url('service-times02.gif') no-repeat; overflow: hidden; display: block; height: 0pt ! important; width: 152px; }
#col2-2 .photo { border: 1px solid rgb(204, 204, 204); padding: 6px; background: rgb(255, 255, 255) none repeat; display: block; float: right; height: 306px ! important; width: 250px ! important; margin-bottom: 20px; margin-top: -170px; position: relative; }
#contactbox { background: transparent url('contactbox.gif') repeat-x; clear: both; min-height: 280px; width: 264px; }
#contact #contactbox { width: 264px; }
#cb2 { background: transparent url('contactbox-nw.gif') no-repeat scroll left top; }
#cb3 { padding: 25px 32px; background: transparent url('contactbox-ne.gif') no-repeat scroll right top; width: 200px ! important; }
#contactbox #head_contact-us { padding-bottom: 5px; padding-top: 0pt; }
#contactbox #head_contact-us a { border: 0pt none ; margin: 0pt; padding: 17px 0pt 0pt; background: transparent url('contact-us.gif') no-repeat; overflow: hidden; display: block; height: 0pt ! important; width: 100px; }
#contactbox form { padding-top: 0.6em; padding-bottom: 1em; }
#contactbox label, #contact #request label { color: rgb(153, 153, 153); display: block; font-size: 90%; padding-top: 4px; }
#contactbox p, #contact #request p { padding: 0pt; }
#contactbox .textbox, #contact #request .textbox { padding: 2px; color: rgb(102, 102, 102); font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; font-size: 110%; line-height: 1.3em; margin-top: 4px; width: 194px ! important; }
#contactbox .toolbar, #contact #request .toolbar { background: transparent none repeat; display: block; font-size: 90%; padding-top: 10px; text-align: center; width: 200px; }
#contactbox a#btnSendEmail:hover { background: transparent url('send-email.gif') no-repeat scroll 0pt -26px; }
#contactbox textarea { height: 100px; }
#cb3 p { padding: 0pt 0pt 0.3em; text-align: center; }
#contact #request #btnCloseWindow { background: red none repeat; text-align: center; }
#home #contactbox #btnCloseWindow { display: none; }
#contact #MoreInformation { display: none; }
.contactonly { display: none; }
#contact .contactonly { display: block; }
#stainedglass-lt { background: transparent url('stainedglass-lt.jpg') no-repeat; display: block; position: absolute; top: 33px; left: -113px; height: 239px; width: 105px; z-index: 99; }
#stainedglass-rt { background: transparent url('stainedglass-rt.jpg') no-repeat; display: block; position: absolute; top: 33px; left: 711px; height: 239px; width: 105px; z-index: 99; }
#footer { background: #252525; clear: both; color: rgb(195, 195, 195); font-size: 90%; text-align: center; width: 100%; height: 25px; position: absolute; bottom: 0px; }
#f2 { margin: 0pt auto; padding: 3px 45px 20px; text-align: center; width: 610px ! important; }
#footer ul { padding: 0.7em 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
#footer ul li { background: transparent none repeat; display: inline; }
#footer ul li a { padding: 0pt 22px; text-decoration: underline; }
#footer ul li a.first { padding-left: 0pt; }
#footer a { border: 0pt none ; background-color: transparent; text-decoration: underline; }
#footer a:hover { text-decoration: none; }
#footer #copyright { padding: ; clear: both; color: rgb(153, 153, 153); }
.photo { border: 1px solid rgb(182, 178, 149); padding: 3px; background-color: rgb(255, 255, 255); }
img.right { margin-left: 7px; margin-bottom: 7px; float: right; }
img.left { margin-right: 7px; margin-bottom: 7px; float: left; }
.noborder { border: 0pt none  ! important; }
.clear-both { clear: both; }
.required, .exceptions { color: red; }
.note { font-size: 85%; }
.center { text-align: center; }
.nounderline { border: 0pt none  ! important; text-decoration: none ! important; }
.instructions { color: rgb(153, 153, 153); font-size: 90%; }
.exception { color: red; }
a.external { background-image: url('external-link.gif') ! important; background-position: right center ! important; background-repeat: no-repeat ! important; padding-right: 22px ! important; }



.card-left, .card-right {
       float: left;
       width: 170px;
	   min-height: 140px;
       margin: 0 10px 15px 10px;
       padding: 10px 0;
       text-align: center;
       background: #CCCCCC;
       border-right: 1px solid black;
       border-bottom: 1px solid black;
       font-size: 75%;
       }

#kontakty .card-left
{ background-color: white;
       }

.card-left p , .card-left h2 {
       margin: 0px;
       padding: 0px;

       }

.card-left img

{width: 150px; border: 5px solid white;

       }
	  

/* ::::: http://www.zcpca.org/missions/ ::::: */

.style2 { font-size: 13px; }