/* Color Legend */
/* Color Legend */

/* Reset */

html, body { margin: 0; padding: 0; border: 0;  
			  background: transparent; font-family: "Segoe UI", Arial, Helvetica, sans-serif;
			  font-size:16px; background-image:url('../images/ic_xc_ni_ka4.jpg');}

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	}

	#topnav, #resnav	{font-size:1rem;}
	#topnav nav ul li a, #resnav nav ul li a { padding: 14px 16px;}
	#topnav nav ul ul li a, #resnav nav ul ul li a {padding: 8px 16px;}
	#subbanner h3		{font-size:1.33rem;}

	h1	 					{font-size:2.13rem;}	
	ul li					{font-size:1rem;}
	#footer p				{font-size:0.77rem;}
	.audio_div				{font-size:0.93rem;}
	div.tab button 			{font-size: 1rem;}

@media all and (max-width: 1099px) {
	a						{text-decoration-style:dotted;
							text-decoration-thickness:1.8px;}
	p a:hover, div>a:hover	{background-color:#ffd9b3;}
	#margincontent_ro		{display: none;} 
	#margincontent_en		{display: none;}
	#alte_resurse			{display:none;}
	#cuvinte_duhovnicesti	{margin:0;}
	#wrapper				{margin:0px 1vw;width:97vw;}
	#topnav.fixed			{width:97vw;}
	#topnav.absolute		{width:97vw;}
	#logo img				{max-width:97vw;}
	#content				{width:97vw;}
/*	#topnav nav ul 			{padding:0 8%; width: 84%;}  */
	#topnav nav ul, #resnav ul 	{margin:0px auto;width: 100%;display:flex;}
	#topnav nav ul ul, #resnav nav ul ul {width:150px;}
	#topnav nav ul ul li, #resnav nav ul ul li {min-width:150px;}
	#topnav nav ul ul ul, #resnav nav ul ul ul {left: 40%;}	
	#rightside 			{top:7.5vh;} 
	#SearchForm input[type=search]:focus {width: 20vw;}
	#ChurchScotland1 		{margin:auto;font-family:Arhaic;font-size:4vw;text-align:center;font-weight:bold;}
	#ChurchScotland2 		{float:right;width:40vw;}
	#content-aberdeen		{float:left;width:45vw; margin:2.5vw 0;}
	#content-edinburgh	{float:left;width:45vw; margin:2.5vw 0;}
	#content-glasgow		{float:left;width:45vw; margin:2.5vw 0;}
	#content-mull			{float:left;width:45vw; margin:2.5vw 0;}	
	#lista_buletine	{margin:0;}
	#alte_resurse		{display:none;}
	.ImagePoster   		{max-width:100vw;}
}

@media all and (min-width: 1100px) {
	a						{text-decoration-style:dotted;
							text-decoration-thickness:1.8px;}
	p a:hover, div>a:hover	{background-color:#ffd9b3;}
	#cuvinte_duhovnicesti	{margin:0 0 0 250px;}
	#lnavbar.fixed			{left:10px;width:180px;}
	#lnavbar.absolute		{left:10px;width:180px;}
	#rnavbar_ro.fixed		{right:0x;width:190px;} 
	#rnavbar_ro.absolute	{right:0px;width:190px;}
	#rnavbar_en.fixed		{right:2px;width:190px;} 
	#rnavbar_en.absolute	{right:2px;width:190px;}
	#wrapper				{margin:0px auto;width:calc(100vw - 420px);}
/*                           2*(180+20 left)+10  /*
/*	#wrapper				{margin:0px auto:calc(67vw - 120.6px);}  */
	#topnav.fixed			{width:calc(100vw - 420px);}
	#topnav.absolute		{width:calc(100vw - 420px);}
	#content				{width:calc(100vw - 420px);}
	#logo img				{max-width:calc(100vw - 420px);}
/*	#topnav nav ul 			{padding:0 12%; width: 76%;}  */
	#topnav nav ul 			{margin:0px auto;width:calc(100vw - 420px);display:flex;}
/*	#topnav nav ul 			{margin:0px auto; width: 100%;display:block;}   */
	#resnav nav ul			{margin:0px auto; width:calc(100vw - 420px);display:flex;}
	#topnav nav ul ul, #resnav nav ul ul {width:11vw;}
	#topnav nav ul ul li, #resnav nav ul ul li {min-width:11vw;}
	#topnav nav ul ul ul, #resnav nav ul ul ul {left: 40%;}	/* 100%  */
	#rightside 			{top:7.5vh;} 
	#SearchForm input[type=search]:focus {width: 20vw;}
	#ChurchScotland1 		{margin:auto;padding-top:10px;font-size:4vw;text-align:center;font-weight:bold;}
	#ChurchScotland2 		{float:right;width:40vw;}
	#content-aberdeen		{float:left;width:45vw; margin:2.5vw 0;}
	#content-edinburgh	{float:left;width:45vw; margin:2.5vw 0;}
	#content-glasgow		{float:left;width:45vw; margin:2.5vw 0;}
	#content-mull			{float:left;width:45vw; margin:2.5vw 0;}

	nav ul ul li {display:block !important;}
	#lista_buletine	{margin-left:250px;display:block;}
	#alte_resurse		{display:block;}
	.ImagePoster   		{max-width:50vw;}
}

@media screen and (max-width: 500px) {
	html, body 		{font-size: 1.15rem;}
	a				{text-decoration-style:wavy;
					text-decoration-thickness:1px;}
  #subbanner h3	{font-size:1rem; }
	#topnav 		{font-size:0.67rem;}
/*	#topnav nav ul 	{padding:0 8%; width: 84%;display:flex;}  */
	#topnav nav ul {padding:0 5%; width: 90%;display:inline-table;}
	#resnav nav ul {padding:0 3%; width: 90%;display:flex;}
	#topnav nav ul ul, #resnav nav ul ul {width:150px;}
	#topnav nav ul li a, #resnav nav ul li a { padding: 14px 12px;}
	#topnav nav ul ul li a, #resnav nav ul ul li a {padding: 8px 12px;}	
	#topnav nav ul ul li, #resnav nav ul ul li {min-width:150px;}
	#SearchForm input[type=search]:focus {width: 40vw;}
	#footer-paypal  	{display:none;}
	#footer-oscr    	{display:none;}
	
	h1 					{font-size:1.5rem;}
	#topnav nav ul li	{font-size:0.67rem;}
	#resnav nav ul li	{font-size:0.67rem;}
	#topnav nav ul ul li, #resnav nav ul ul li	{font-size:0.8rem;}
	#topnav nav ul ul ul, #resnav nav ul ul ul {left: 20%;}
	#rightside 		{top:12vh;} 
	
	.audio_div			{font-size:0.8rem;display:flex;}
	.audio_div a		{padding:5px 10px;}
	.audio_div span		{padding:5px 10px;}
	
	#footer p			{font-size:0.5rem;}
	div.tab button 		{font-size: 0.8rem;}

	#ChurchScotland1 		{display:none;}
	#ChurchScotland2 		{float:left;width:100vw;}
	#content-aberdeen		{display:block;font-size:0.6rem;width:90vw;}
	#content-edinburgh		{display:block;font-size:0.6rem;width:90vw;}
	#content-glasgow		{display:block;font-size:0.6rem;width:90vw;;}
	#content-mull			{display:block;font-size:0.6rem;width:90vw;}
	#lista_buletine	{margin:0;display:block;}
	#alte_resurse		{display:none;}
}

@media only print {
	#margincontent_ro	{display: none; }
	#margincontent_en	{display: none; }
	#topnav 			{display: none; }
	#slider 			{display: none; }
	#subbanner			{display: none; }
}

/* @viewport {
  width: device-width ;
  zoom: 1.0 ;
} */

/*@media only screen and (max-width: 1330px) { */
/*@media all and (max-width: 1330px) , all and (max-device-width:1300px) {   */
/*@media all and (max-width: 1330px) and (min-device-width:1300px) {   
	#margincontent_ro { 
    display: none;
  } 
  #margincontent_en { 
    display: none; 
  } 
	nav ul ul li {
		display:block !important;
	}
} */

img 	{ margin:0; padding:0; border:0; }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent;
	}
	
table { border-collapse: collapse; border-spacing: 0; }
	
input, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0;
	}

article, aside, dialog, figure, footer, header, hgroup, nav, section { 
	display:block; }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, caption, em, strong, strike { 
/*	font-family: Arial, Helvetica, sans-serif; */
/*	font-size:100%;  */
	font-weight: normal;
	font-style: normal;
	line-height: 100%; 
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}

ol, ul { list-style: disc; }


/* Global */

html 	{	}
body		{background-color:#E2E1E0;}

/* Headings */

h2, h3, h4, h5, h6 { font-weight: bold; color: #000; }

h2 { font-size:1.33rem; }
h3 { font-size:1.07rem; }
h4 { font-size:1rem; }
h5 { font-size:0.93rem; }
h6 { font-size:0.93rem; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

h1 {
	font-family:"Trebuchet MS",Verdana, "Segoe UI", Arial,Helvetica,sans-serif;
	font-weight: normal;
	text-shadow:2px 2px 4px #AAAAAA;
	letter-spacing:3px;
	letter-spacing:1px;
	border-bottom:1px #777777 solid;
	padding:10px 0 10px 0;}
h2, h2 a {
	font-family:"Trebuchet MS",Verdana,"Segoe UI", Arial,Helvetica,sans-serif;
	font-weight: bold;
	text-shadow:2px 2px 4px #AAAAAA;
	letter-spacing:3px;
	letter-spacing:1px;
	padding-top:20px;}
h4 {
	font-family:"Trebuchet MS",Verdana,"Segoe UI",Arial,Helvetica,sans-serif;
	font-weight: bold;
	text-shadow:2px 2px 4px #AAAAAA;
	letter-spacing:3px;
	letter-spacing:1px;
	padding:20px 0 10px 0;}
h5 {
	font-size:0.93rem;
	color:#b30059; }

/* Text Elements */

p         		{ color:#000; font-size:1rem; line-height:150%;  }
/* p       	{ color:#000; line-height:150%;  } */
p.left		{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p.right 	{ margin: 1.5em 0 1.5em 1.5rem; padding: 0; }
/*p.sursa	{font-family:Segoe UI, Arial;font-size:0.67rem;font-weight:bold;color:#cc0066;padding-top:0;margin-top:0 !Important;} */

a					{ color:black;
						text-decoration-line:underline;
/*			  	text-decoration-style:solid;   */
/*          text-decoration-style:dotted;  */
/*			  	text-decoration-style:dashed;  */
/*					text-decoration-thickness: 1px; */
            text-decoration-color:#800060; }
.doxowidgetcalendar	a {text-decoration-line:none;}

/*a:link	{ color: #00f;  } //blue
a:visited	{ color: #0f0;  } //green
a:active	{ color: #000;  } //black
a:focus		{ color: #666;  } //grey
a:hover   	{ color: #f00;  } //red */

blockquote  { color:#000; font-size:0.8rem; }

strong     	{ font-weight: bold; }
em		    { font-style: italic; }

/* Images */

/* Lists */

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

ul li		{ color:#000;}
ol li	  	{ color:#000; font-size:0.93rem;}

dl          {  	}
dt       	{  	}
dd          { 	}

/* Tables */

table   	{ width:100%; }

tr			{	}
.odd		{ background-color:#eee; }
.even		{ background-color:#fff; }

th        	{ font-weight: bold; }
thead, th 	{ background: #ccc; }

tbody		{   }

th,td,caption 	{ 	}
caption 		{ 	}

tfoot     	{	}
.tfooter	{ background-color:#ccc; text-align:center; font-style:italic; }

caption   	{ background: #efefef; }

/* Containers */

#margincontent_ro		{float:none;}
/* #margincontent_ro h2	{padding:0 0 10px 85px;} */
#margincontent_ro h2	{padding:0 0 10px 50px;}
#margincontent_en		{float:none;}
#margincontent_en h2	{padding:0 0 10px 35px;}

/* #wrapper 			{width:900px;margin:0px auto;background-color:#ffffff;} */
#wrapper 				{font-family: "Segoe UI", Arial, Helvetica, sans-serif;background-image:url('../images/ic_xc_ni_ka4.jpg')}

#lnavbar.fixed			{position:fixed;top:0px;}
#lnavbar.absolute		{position:absolute;top:70px;}
#rnavbar_ro.fixed		{position:fixed;top:0px;} 
#rnavbar_ro.absolute	{position:absolute;top:70px;}
#rnavbar_en.fixed		{position:fixed;top:0px;} 
#rnavbar_en.absolute	{position:absolute;top:70px;}
/* #navbar.navbar_absolute {position:absolute;top:200px;left:5px;width:13%;} */

#top	 				{width:100%;overflow:hidden;
						border-bottom:1px #cccccc solid;  background-image:url('../images/ic_xc_ni_ka4.jpg') }

#logo					{text-align:center;background-image:url('../images/ic_xc_ni_ka4.jpg');}
/* #logo img			{max-width:67vw; width:auto;height:auto;}  */
#logo img				{width:auto;height:auto;}

#social-media			{float:right;margin:0 10px 0 0;	}
#social-media p		{color:#FFFFFF;font-size:0.73rem;margin:4px 10px 4px 0;	}
#social-media img		{width:2%;height:24px;	}
#social-media ul li	{display:inline;	}

#topnav, #resnav {z-index:3;}

#topnav nav ul ul, #resnav nav ul ul {
	display: none;
  }

#topnav nav ul li:hover > ul, #resnav nav ul li:hover > ul {
		display: block;
	}

#topnav nav ul, #resnav nav ul {
	list-style: none;
/*	border-bottom:3px #cccccc solid; */
	position: relative;
/*	display: inline-table;  */
/*	display:flex;   */
/*	margin:0px auto;   */
	justify-content: center;
	}

#topnav nav ul {
    background-color: #4d0000;
/*	background-color: #333333;
    padding:0 12%; padding-left+width=900px; was 170px 
    width: 76%; was 730px */
	display:inline-flex;
	flex-wrap:wrap;
	}

#resnav nav ul {
	background-color: #990000; /* #990000 */
/*	padding:0 0 0 28%; --padding-left+width=880px
	width: 72%;  */
	margin:0 auto;
	}

#topnav nav ul:after, #resnav nav ul:after {
	content: ""; clear: both; display: block;
	}

#topnav nav ul li, #resnav nav ul li {float: left;line-height:100%;}

#topnav nav ul li:hover, #resnav nav ul li:hover {background-color:#690111;}

#topnav nav ul li:hover a:hover, #resnav nav ul li:hover a:hover {color:#ffcc00;font-weight:bold;}

#topnav nav ul li a, #resnav nav ul li a {
	display: block;
	color: white;
/*	padding: 14px 16px;  */
	text-decoration: none;
	text-align: center;
	}

#topnav nav > ul > li > a, #resnav nav > ul > li > a {font-weight:bold;}

#topnav nav ul ul, #resnav nav ul ul {
	background-color: #4d0000;
/*	background-color: #333333;  */
	padding: 0;
	position: absolute; 
	box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.4);
	z-index:3;  /*  1  */
/*	width:11vw;  */
	}

#topnav nav ul ul li, #resnav nav ul ul li {
	float: none; 
	position: relative;
/*	min-width: 11vw;  */
	}

#topnav nav ul ul li a, #resnav nav ul ul li a {
/*	padding: 8px 16px;  */
	color: white;
	text-align:left;
	}	

nav ul ul li a:hover {background-color:#690111;}

#topnav nav ul ul ul, #resnav nav ul ul ul {
	position: absolute; 
/*	left: 100%;  */
	top:0;
	}

/*
#topnav 			{background-color:#333333;clear:both; z-index:1;} */
#topnav.fixed		{top:5px;position:fixed;}
/* #topnav.absolute		{top:0;position:absolute;} */
#topnav.absolute	{top:0px;position: -webkit-sticky; position:sticky;}
/*
#topnav ul			{width:800px;float:left;margin:0px;background-color:#333333;border-bottom:3px #cccccc solid;padding:0 0 0 100px;}
#topnav ul li		{display:inline;	}
#topnav ul li a	{float:left;padding:10px 20px;	}

#topnav a:link		{color:#ffffff;}
#topnav a:visited	{color:#ffffff;}
#topnav a:active	{color:#ffffff;}
#topnav a:hover		{color:#ffffff;background-color:#690111;}
#topnav a:focus		{color:#ffffff;}
/*  
#topnav a:hover		{color:#ffffff;background-color:#690111;}
*/

/* Search bar */
#SearchForm input::-webkit-search-decoration,
#SearchForm input::-webkit-search-cancel-button,
#SearchForm input::-ms-clear {  
 display: block;
}

#SearchForm input[type=search] {
	background: transparent url('../images/search-icon.png') no-repeat 9px center;
	border: solid 0px #ccc;
	padding: 10px 19px;
	outline: none;
	overflow:hidden;
	margin-top:3px;
	-webkit-appearance: textfield;
	font-size: 0.93rem;
	float:right;
	position:absolute;
	right:0;
	width: 36px;
	color: transparent;
	cursor: pointer;
	-webkit-border-radius: 20px;
	-ms-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; /*10em*/
	
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;

}
#SearchForm input[type=search]:hover {
	background-color: #fff;
}
#SearchForm input[type=search]:focus {
/*	width: 220px;  */
	padding-left: 32px;
	color:#690111;
	background-color: #eeeeee;
	border-color: #ffcc00;
	cursor: auto;

	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-ms-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}

#SearchForm input::-moz-placeholder {
	color: #690111;
}
#SearchForm input::-webkit-input-placeholder {
	color: #690111;
}
#SearchForm input::-ms-input-placeholder {
	color: #690111;
}

#slider			{margin-top:2px;}
#banner 			{   }

#subbanner 		{width:100%;background-color:#555555;padding:10px 0px;overflow:hidden;  }
#subbanner h3		{color:#ffffff;font-weight:bold;text-align:center;line-height:110%;	}

#content 			{float:left;padding:0px; margin: 0 0;  }
/*#content 			{float:left;width:650px;padding:15px; margin: 0 0;  }*/
/*#content h1		{margin:0 0 20px 0; font-size:2.13rem;border-bottom:1px #777777 solid;padding:20px 0;}*/
#content p			{margin:16px 0;line-height:160%;}
/*#content p a		{color:black;text-decoration:underline;}  */
/*#content h2		{margin:20px 0 0 0;}*/
#content img		{padding:5px;border:1px #888888 solid;margin:5px;}
#content ul			{margin-left: 15px;}
#content ul	li		{line-height:160%;}
#content ul.a  li	{line-height:100%;}
#content ol	li		{line-height:160%;}
#content li			{padding:4px 0 4px 0;}

#bullet_points ul li {line-height:20px;padding:0;}
/* #bullet_points a {color:black;text-decoration:underline;} */

/*  
	Pagina principala
*/
#program			{padding:5px 0 0 0;}
#Aberdeen			{padding:15px 0 0 0;border-bottom:1px gray dotted;}
#Aberdeen-Uni		{padding:25px 0 0 0;border-bottom:1px gray dotted;}
#Dundee			{padding:25px 0 25px 0;border-bottom:1px gray dotted;}
#Dundee h3			{padding:0 0 10px 0;}
#Inverness			{padding:25px 0 25px 0;}
#Inverness h3		{padding:0 0 10px 0;}

#news p			{border-bottom:1px gray dotted;padding:0 0 10px 0;}

.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {filter: alpha(opacity=70);opacity: .7;overflow:hidden;cursor: pointer;border: #000 1px solid;}
.jssorb01 div { background-color: gray; }
.jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
.jssorb01 .av { background-color: #fff; }
.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }


.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn {position: absolute;cursor: pointer; display: block;background: url("../images/a17.png") no-repeat;overflow:hidden;}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05ldn { background-position: -250px -40px; }
.jssora05rdn { background-position: -310px -40px; }


#album1			{border-bottom:1px gray dotted;padding:20px 0 0 0;}
#album1 p			{padding:0 0 0 5px;}
#album2			{border-bottom:1px gray dotted;padding:20px 0 0 0;}
#album2 p			{padding:0 0 0 5px;}
#album3			{border-bottom:1px gray dotted;padding:20px 0 0 0;}
#album3 p			{padding:0 0 0 5px;}
#album4			{border-bottom:1px gray dotted;padding:20px 0 0 0;}
#album4 p			{padding:0 0 0 5px;}
#album5			{border-bottom:1px gray dotted;padding:20px 0 0 0;}
#album5 p			{padding:0 0 0 5px;}
#album6			{border-bottom:1px gray dotted;padding:20px 0 0 0;}
#album6 p			{padding:0 0 0 5px;}
#album7			{border-bottom:1px gray dotted;padding:20px 0 0 0;}
#album7 p			{padding:0 0 0 5px;}
#album8			{border-bottom:1px gray dotted;padding:20px 0 0 0;}
#album8 p			{padding:0 0 0 5px;}

#title_rugaciune	{font-style:italic;font-size:0.93rem;}

#rugaciune			{text-align :justify;}
#rugaciune p		{padding:30px 0 0 0;}

/*
#lista_buletine		{margin:0 0 0 250px;background-color:#FFFFE8;padding:0 10px 10px 10px;border:1px #C0C0C0 solid;
						-moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px;
						-moz-border-radius-topleft: 10px; border-top-left-radius: 10px;
						-moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px;
						-moz-border-radius-topright: 10px; border-top-right-radius: 10px;}
*/
#lista_buletine	{padding:0 10px 10px 10px;border:10px solid transparent;
    -webkit-border-image: url("../images/border.png") repeat; /* Safari 3.1-5 */
    -o-border-image: url("../images/border.png") repeat; /* Opera 11-12.1 */
    border-image: url("../images/border.png") repeat;
    border-image-slice: 10%;
		border-color:white;} /* border-color required to show the border on iPhone */
/* #lista_buletine	{background-color:#FFFFE8;} */
#lista_buletine	{background-image: url("../images/background%20J0143753.GIF");}

#lista_buletine h2	{padding:25px 0 15px 0;  }
#lista_buletine p		{margin:0;padding:0;text-align:justify;}
#lista_buletine p a	{color:black;	}
#lista_buletine ul li a	{color:black;	}

/*
#cuvinte_duhovnicesti	{margin:0 0 0 250px;background-color:#FFFFE8;padding:0 10px 10px 10px;border:1px #C0C0C0 solid;
						-moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px;
						-moz-border-radius-topleft: 10px; border-top-left-radius: 10px;
						-moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px;
						-moz-border-radius-topright: 10px; border-top-right-radius: 10px;
						padding-left:15px;}
*/

#cuvinte_duhovnicesti	{padding:0 10px 10px 10px;border:10px solid transparent;
    -webkit-border-image: url("../images/border.png") repeat; /* Safari 3.1-5 */
    -o-border-image: url("../images/border.png") repeat; /* Opera 11-12.1 */
    border-image: url("../images/border.png") repeat;
    border-image-slice: 10%;
		border-color:white;} /* border-color required to show the border on iPhone */
/* #cuvinte_duhovnicesti	{background-color:#FFFFE8;}  */
#cuvinte_duhovnicesti	{background-image: url("../images/background%20J0143753.GIF");}

#cuvinte_duhovnicesti	ul {margin-left:5px; padding-left:10px; text-align:justify;list-style-type:disc;}
#cuvinte_duhovnicesti	ul li {padding:0 0 5px 10px; text-align:justify;font-size:1rem; line-height:150%;}
/* #cuvinte_duhovnicesti ul li a {text-decoration:underline;} */
/* #cuvinte_duhovnicesti a {text-decoration:underline;} */
#cuvinte_duhovnicesti p {text-align:justify;}

#agenda_crestinului	{float:left;}
#box_buletin		{margin:0 0 0 310px;background-color:#FFFFE8;padding:0 10px 10px 10px;border:2px #C0C0C0 solid;
						-moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px;
						-moz-border-radius-topleft: 10px; border-top-left-radius: 10px;
						-moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px;
						-moz-border-radius-topright: 10px; border-top-right-radius: 10px;}
#box_buletin h2	{padding:7px 0 15px 0; }

#alte_resurse		{height:auto;width:210px;float:left;background-color:#F5F5EB;padding:0 10px 20px 10px;border:1px #C0C0C0 solid;
					-moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px;
					-moz-border-radius-topleft: 10px; border-top-left-radius: 10px;
					-moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px;
					-moz-border-radius-topright: 10px; border-top-right-radius: 10px;}

#alte_resurse h2	{padding:25px 0 15px 0; }
#alte_resurse p	{margin:0;padding:0;text-align:left;}
#alte_resurse p a	{color:black;}
#alte_resurse img	{border:0px;}

#resources 		{float:left;width:200px;}
#resources h2		{padding:25px 0 15px 0;}
#resources p		{margin:0;padding:0;text-align:justify;}
#resources p a		{color:black;}

/*
#rugaciuni			{background-color:#FFFFE8;padding:0 10px 20px 10px;border:1px #C0C0C0 solid;
						-moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px;
						-moz-border-radius-topleft: 10px; border-top-left-radius: 10px;
						-moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px;
						-moz-border-radius-topright: 10px; border-top-right-radius: 10px;}
*/

#rugaciuni			{padding:0 10px 20px 10px;border:10px solid transparent; /* 10px */
    -webkit-border-image: url(/images/border.png) repeat; /* Safari 3.1-5 */
    -o-border-image: url("../images/border.png") repeat; /* Opera 11-12.1 */
    border-image: url("../images/border.png") repeat;
    border-image-slice: 10%;
		border-color:white;} /* border-color required to show the border on iPhone */
/*  #rugaciuni			{background-color:#FFFFE8;} */
#rugaciuni			{background-image: url("../images/background%20J0143753.GIF");}

#rugaciuni p		{margin:16px 0;padding:0;}
#rugaciuni p a		{color:black;	}
#rugaciuni img		{float:left;margin:10px 10px 0 0;}

#c-resurse			{padding:0 10px 0 10px;border:1px #C0C0C0 solid;
						-moz-border-radius-bottomright: 25px; border-bottom-right-radius: 25px;
						-moz-border-radius-topleft: 25px; border-top-left-radius: 25px;}
#c-resurse	p		{text-align:justify;	}
#c-resurse img		{float:left;margin:10px 10px 0 0;}
#rugaciuni a:hover	{border-bottom:1px black solid;}

#rightside 		{padding:0px; margin-right:0px; position: -webkit-sticky; position:sticky;z-index:2;} 
#rightside h2		{margin:10px 0 20px 0;padding:12px 0 0 0;}
#rightside p		{margin:8px 0;line-height:160%;border-bottom:1px grey dotted;padding:0 0 8px 0;}
#rightside a		{color:gray;background-color:transparent;}

/* #misc			{border-bottom:1px grey dotted;padding:0 0 8px 0;height:50px;} */
#misc				{border-bottom:none;padding:0 0 8px 0;height:40px;}
#misc p			{margin:0;line-height:0;border-bottom:none;padding-bottom:8px;text-align:right;}
#donatii			{float:right; margin:10px 5px 0 0;display:inline;}
#donatii img 		{border:0;padding:0; margin:5px 2px 0 -4px;}
#language			{float:right; margin:10px 5px 0 0;display:inline;}
#language img 		{border:0;padding:0; margin:5px 5px 0 0;}
/* #social_media	{float:right;padding-right:10px;width:5.6vw;min-width:90px;}	*/
#social_media		{float:right;padding-right:0px;width:5.6vw;min-width:80px;}	
#social_media img	{border:0;margin: 10px 0px 5px -5px;}
#sinaxar h2		{margin:10px 0 10px 0;padding:12px 0 0 0;border-top:0px black dotted;	}


.audio_div	img		{vertical-align:middle;height:25px;width:25px;min-width:25px;}
/* .audio_div	img		{vertical-align:middle;height:1.85vw;width:1.85vw;font-size:0.93rem;}  */
.audio_div 	a		{vertical-align:middle;}
.audio_div button	{margin:0 0 0 -5px;border:none;outline:none;padding:0;background:transparent;}
.audio_div button:focus 	{border:0;}
.audio_div button:active 	{border:0;}
.audio_div button img 		{width:1.48vw; height:1.48vw;}

.iframe {
    width: 660px;
    height: 1000px;
    -ms-transform: scale(0.85);
    -ms-transform-origin: 0 0;
    -moz-transform: scale(0.85);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.85);
	-o-transform-origin: 0 0;
    -webkit-transform: scale(0.85);
	-webkit-transform-origin: 0 0;
}

ul.a {list-style-type:disc;padding-left:20px;}
ul.b {list-style-type:circle;padding-left:40px;}

#footer 			{width:100%;clear:both;background-color:black;padding:10px 0;}
#footer p			{color:#FFFFFF;margin:0 auto;text-align:center; font-family:Arial;}

#box1 {   }

#box2 {   }

#box3 {   }

#box4 {   }

#box5 {   }

#box6 {   }


/* Layout Extra */

/* Navigation Extra */

/* Forms */

#contact-form form ol {list-style-type:none; }
#contact-form form 	{text-align:left; margin:20px;}
#contact-form form 	{margin:40px 0 0 0;}

#contact-form label 	{ 
		float: left; width: 11.12vw; margin-top:5px;
		text-align:right; display:block; background:none; font-weight:bold;
		}
	
#contact-form submit	{ background:none; 	}

#contact-form input 	{ 
		width: 21.5vw; margin:0 0 16px 10px;
		border:1px #bbb solid; padding:5px; background:none; 
		}

#contact-form input[type=submit] {
	margin-left:19.27vw;width:6.67vw;background-color:#F2F2F2;
}
		
#contact-form input:focus, #contact-form textarea:focus	{ background-color:#BFEBFF; }

#contact-form textarea {
		width: 21.5vw; height: 6.67vw; margin:0 0 16px 10px;
		border:1px #bbb solid; padding:5px; background:none; 
		}

select	{
		margin:0;
		padding:0;
		width:auto;
		border:2px;
		border-style:solid;
		border-color:#ffbe33;
		border-radius: 8px;		
		font-family:"Trebuchet MS",Verdana,"Segoe UI",Arial,Helvetica,sans-serif;
		font-weight:bold;
/*		text-decoration:underline;  */
		text-shadow:2px 2px 4px #AAAAAA;
		background-color:#fff7e6;  /* #fff7e6; #ffe7b3; */
		vertical-align:text-bottom;
		min-height: 25px;
/*		background-image:url('../images/ic_xc_ni_ka4.jpg');  */
		}

/*   select { margin-bottom:20px;	}  */
#invatatura { 
		min-width:250px;
		max-width:300px;
		font-size:80%;
		margin-bottom:4px;
		}

#fb_select {
		min-width:100px;
		font-size:100%;
		margin-bottom:-4px;
		}
	
.month { margin-left:11.49vw;	}

.submit {
		width:.67vw; height:1.85vw;
		margin-left:11.86vw;
		font-size:0.8rem;
		}

#contact-form ol {list-style-type:none;	}

.clear	{ clear:both; }

#subscribe-form form ol {list-style-type:none; }
#subscribe-form form 	{text-align:left; }
#subscribe-form form 	{margin:0;}

#subscribe-form label  { 
		float: left; width: 50px; margin-top:5px;
		text-align:left; display:block; background:none; font-weight:bold;
		}
	
#subscribe-form submit	{ background:none; 	}
	
#subscribe-form input[type=text]	{ 
		width: 21.5vw; margin:0 0 0px 0px;
		border:1px #bbb solid; padding:5px; background:none; 
		}

#subscribe-form input[type=submit] {
		width:7.41vw; height:25px;
		font-size:0.8rem;
		background-color:#F2F2F2;
		border:1px #bbb solid;
		margin-left:50;
}
		
#subscribe-form input:focus	{ background-color:#BFEBFF; }
.submit1 {margin-left:85px;}
.submit2 {margin-left:30px;}

#subscribe-form ol {list-style-type:none;	}

/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #ffffb3;
/*	background-color: #F5F5EB; */
/*	display:flex;   used for centre the line */
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 16px;
    transition: 0.3s;
/*  font-size: 1rem;  */
    color: white;
    color: #660066;
    color: #660033;
    font-weight:bold;
	margin:0 auto;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #690111;
    color:#ffcc00;
    font-weight:bold;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #690111;
    color:#ffcc00;
    font-weight:bold;
}

/* Style the tab content */
.tabcontent {
    display: none; 
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.stampdate  {
	color:grey;
	font-size-adjust: 0.4;
/*	font-style:italic;
	visibility:hidden;  */
	display:none;
}

/* Success, info, notice and error/alert boxes - from Blueprint CSS Framework */

.error, .alert, .notice, .success, .info {
	padding: 0.8rem; margin-bottom: 1rem; border: 2px solid #ddd; }

.error, .alert 	{ background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
	
.notice			{ background: #fff6bf; color: #514721; border-color: #ffd324; }
	
.success   		{ background: #e6efc2; color: #264409; border-color: #c6d880; }
	
.info 			{ background: #d5edf8; color: #205791; border-color: #92cae4; }
	
.error a 	{ color: #8a1f11; }
.alert a 	{ color: #8a1f11; }
	
.notice a	{ color: #514721; }
.success a	{ color: #264409; }
.info a		{ color: #205791; }