@import url(http://fonts.googleapis.com/css?family=Caudex:400italic&subset=latin-ext,latin);

@media (min-width: 701px) {


html { 
		background:url(images/bg.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

font-family: 'Caudex', serif;
	min-width:700px;
	min-height:600px;

	}

body {
	margin:0px;
	}

	
	
	#galeria_m{text-align: center; width:100%; margin:auto; float:left;}
#galeria_a {display: inline-block; height:250px; padding:10px; vertical-align:top;text-align: center;}

#galeria_a img {border:2px solid #FFFFFF;}
	
#menu_txt { 
	position:absolute; 
	bottom:-5px; 
	font-size: 12px; 
	color: #FFFFFF; 
	width: 100%; 
	text-align:center;
	font-weight:bold;
	text-shadow: 0 0 4px #000000; 
	}

#c_srodek {
	margin-top:50px;
	float:left;
	width:100%;
  }
  
  
  #srodek {
	margin:auto;
	max-width:1000px;
  }
  
  
  #row_colophon {
	margin-top:10px;
	float:left;
	width:100%;
	font-size:12px;
  }
  
 #c_colophon{
	margin:auto;
	max-width:1000px;
	text-align:center;
  }  
  
   #c_colophon a {color:#FFFFFF; font-weight:bold; font-size:12px;}
  
  #c_buttons{
	float:left;
	width:100%;
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 1%, rgba(255,255,255,0.5) 20%, rgba(255,255,255,0.5) 80%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(255,255,255,0)), color-stop(20%,rgba(255,255,255,0.5)), color-stop(80%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 1%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0.5) 80%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 1%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0.5) 80%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 1%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0.5) 80%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 1%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0.5) 80%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

  }
  
  
  
  #buttons {
	margin:auto;
	max-width:1000px;

  }
  
    #c_opis{
	float:left;
	width:100%;
background: -moz-linear-gradient(left,  rgba(117,0,63,0) 1%, rgba(117,0,63,0.5) 16%, rgba(117,0,63,0.6) 49%, rgba(117,0,63,0.5) 87%, rgba(117,0,63,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(117,0,63,0)), color-stop(16%,rgba(117,0,63,0.5)), color-stop(49%,rgba(117,0,63,0.6)), color-stop(87%,rgba(117,0,63,0.5)), color-stop(100%,rgba(117,0,63,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(117,0,63,0) 1%,rgba(117,0,63,0.5) 16%,rgba(117,0,63,0.6) 49%,rgba(117,0,63,0.5) 87%,rgba(117,0,63,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(117,0,63,0) 1%,rgba(117,0,63,0.5) 16%,rgba(117,0,63,0.6) 49%,rgba(117,0,63,0.5) 87%,rgba(117,0,63,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(117,0,63,0) 1%,rgba(117,0,63,0.5) 16%,rgba(117,0,63,0.6) 49%,rgba(117,0,63,0.5) 87%,rgba(117,0,63,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(117,0,63,0) 1%,rgba(117,0,63,0.5) 16%,rgba(117,0,63,0.6) 49%,rgba(117,0,63,0.5) 87%,rgba(117,0,63,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075003f', endColorstr='#0075003f',GradientType=1 ); /* IE6-9 */

margin-top:10px;
padding:20px;
box-sizing:border-box;
  }
  
  
  
  #opis {
	margin:auto;
	max-width:1000px;
	text-align:center;
	font-size: 18px;
	color: #FFFFFF;
	line-height:28px;
	
  }
  
    #opis a {color:#FFFFFF; font-weight:bold;} 
  
  
  
#logo:hover {
 	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	opacity:0.2;
	} 
  
#header {
	width:100%; 
	background:none; 
	text-align:center; 
	}

#header h1 a{
	font-size: 34px; 
	color:#FFFFFF; 
	text-shadow: 0 0 8px #74003E; 
	text-decoration:none;
	}
	
	h2{
	font-size: 24px; 
	color:#FFFFFF; 
	text-shadow: 0 0 8px #74003E; 
	text-decoration:none;
	}
	

 
.onetwo {
	box-sizing:border-box;
	min-width: 150px;
	width:23%; 
	height:100%; 
	float:left; 
	margin:1%;
	text-align:center;

	}
	
.onetwo:hover {	
	
	}
	
	.oth {
	font-size:24px;
		color:#74003E;
	margin:auto;
	text-align:center;
	width:100%;
	box-sizing:border-box;
	padding:10px;
	text-shadow: 0 0 8px #FFFFFF; 
	text-decoration:none;

	}

.oth:hover {	
color:#ff0084;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
	
}	

/* ============================== MOBILNE ============================== */
@media (max-width: 700px) {
html { 
	background:url(images/bg.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

font-family: 'Caudex', serif;
	}

body {
	margin:10px;
	}
#top-menu-hor {
	display:none;
	}




#c_srodek {
	
	float:left;
	width:100%;
  }
  
  
  #srodek {
	margin:auto;
	width:100%;
  }
  
  #c_buttons{
	float:left;
	width:100%;
	
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 1%, rgba(255,255,255,0.65) 49%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(255,255,255,0)), color-stop(49%,rgba(255,255,255,0.65)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 1%,rgba(255,255,255,0.65) 49%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 1%,rgba(255,255,255,0.65) 49%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 1%,rgba(255,255,255,0.65) 49%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 1%,rgba(255,255,255,0.65) 49%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

  }
  
   
  
  
  
  #buttons {
	margin:auto;
	width:100%;
  }
  
  
#logo {
 	max-width:100%;
	} 
  
#header {
	width:100%; 
	background:none; 
	text-align:center; 
	}

#header h1 a{
	font-size: 22px; 
	color:#FFFFFF; 

	text-shadow: 0 0 8px #000000; 
	text-decoration:none;
	}
	

 
.onetwo {
	box-sizing:border-box;
	width:100%; 
	height:auto; 
	 

	

	}
	

	
.oth {
	color:#74003E;
	margin:auto;
	text-align:center;
	width:100%;
	box-sizing:border-box;
	padding:10px;
	border-bottom: 1px dotted #74003E;
	text-decoration: none;
	display:block;
	}





  #c_opis{
	float:left;
	width:100%;
background: -moz-linear-gradient(left,  rgba(117,0,63,0) 1%, rgba(117,0,63,0.5) 16%, rgba(117,0,63,0.6) 49%, rgba(117,0,63,0.5) 87%, rgba(117,0,63,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(117,0,63,0)), color-stop(16%,rgba(117,0,63,0.5)), color-stop(49%,rgba(117,0,63,0.6)), color-stop(87%,rgba(117,0,63,0.5)), color-stop(100%,rgba(117,0,63,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(117,0,63,0) 1%,rgba(117,0,63,0.5) 16%,rgba(117,0,63,0.6) 49%,rgba(117,0,63,0.5) 87%,rgba(117,0,63,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(117,0,63,0) 1%,rgba(117,0,63,0.5) 16%,rgba(117,0,63,0.6) 49%,rgba(117,0,63,0.5) 87%,rgba(117,0,63,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(117,0,63,0) 1%,rgba(117,0,63,0.5) 16%,rgba(117,0,63,0.6) 49%,rgba(117,0,63,0.5) 87%,rgba(117,0,63,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(117,0,63,0) 1%,rgba(117,0,63,0.5) 16%,rgba(117,0,63,0.6) 49%,rgba(117,0,63,0.5) 87%,rgba(117,0,63,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075003f', endColorstr='#0075003f',GradientType=1 ); /* IE6-9 */

margin-top:10px;
padding:20px;
box-sizing:border-box;
  }
  
  #opis a {color:#FFFFFF; font-weight:bold;} 
  
  #opis {
	margin:auto;
	max-width:1000px;
	text-align:center;
	font-size: 18px;
	color: #FFFFFF;
	line-height:28px;
	
  }
  
  	h2{
	font-size: 24px; 
	color:#FFFFFF; 
	text-shadow: 0 0 8px #74003E; 
	text-decoration:none;
	}
	  #row_colophon {
	margin-top:10px;
	float:left;
	width:100%;
  }
  
 #c_colophon{
	margin:auto;
	max-width:1000px;
	text-align:center;
  }  
  
   #c_colophon a {color:#FFFFFF; font-weight:bold; font-size:12px;}
   
   .attachment-thumbnail img { display:inline-block; float:left; margin:5px; }
    }