' ******** varianta bez nastavení formuláře ********

#r_slider {
	display: none;
}

/* ........................... vzhled pro malou šířku ................. */

@media only screen and (max-width: 760px) {

body {
	background-image: none;
	font-size: 100%;
	background-color: transparent;
}

#podbody {
	background-image: none;
	width: auto;
}

#port-header {
	background: none;
	background-image: none;
	height: auto;
	width: auto;
}

#znak, #obimg1, #obimg2 {
	display: none;
}

#port-main1 {
	margin: 0;
	background-image: none;
	width: auto;
	font-size: 1.2rem;
}

#port-main2 {
	background-image: none;
	width: auto;
	margin: 0;
}

#port-left {
	float: none;
	width: auto;
}

#port-right {
	float: none;
	width: auto;
}

#port-middle h3 {
	font-size: 1.2rem;
	color: auto;
	margin: inherit;
	line-height: normal;
	padding: inherit;
	font-variant: normal;
	text-align: left;
	background-color: #cccccc;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	clear: both;
}

#port-middle h3:first-child {
	display: none;
}

#port-middle h4 {
	font-size: 1.2rem;
	color: auto;
	margin: inherit;
	line-height: normal;
	padding: inherit;
	font-variant: normal;
	text-align: left;
	background-color: #cccccc;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	clear: both;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#port-middle h5 {
	font-size: 100%;
	color: auto;
	margin: inherit;
	line-height: normal;
	padding: inherit;
	font-variant: normal;
}

#port-right h3 {
	font-size: 100%;
	color: auto;
	margin: inherit;
	line-height: normal;
	padding: inherit;
	font-variant: normal;
}

#imenu  {
	display: none;
}


#dolnimenu, #pod  {
	display: none;
}


/* --- vlaječky --- */

#vlaj {
	position: static;
	top: 0;
	height: auto;
	width: auto;
	left: 0;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	font-weight: normal;
	margin-top: 0.5em;
	background-color: none;
	text-align: left;

}

#vlaj span  {
	font-size: 1rem;
	font-weight: normal;
	text-decoration: none;
	line-height: 1.1rem;
	color: #000000;
	display: inline;
	background-color: #CCCCCC;
	padding: 0.3rem;
	margin-right: 0.5rem;
}

#vlaj a span  {
	text-decoration: none;
	color: #000000;
}

#vlaj a:hover span  {
	text-decoration: none;
}

#cz, #de, #en {
	background-image: none;
	position: static;
	background-repeat: no-repeat;
	z-index: 300;
	text-decoration: none;
}

#cz:hover, #de:hover, #en:hover {
	background-image: none;
}


/* --- konec vlaječek -- */


.l-box {
	width: auto;
	margin-left: 0;
	margin-right: 0;
	background-image: none;
	background-color: transparent;
	color: black;
	color: initial;
}
.l-box .l-obsah {
	font-size: 100%;
	width: auto;
	margin-right: 0;
	margin-left: 0;
	background-image: none;
	background-color: transparent;
	color: black;
	color: initial;
}

.l-box .l-obsah a {
	color: black;
	color: initial;
}


.l-box .patka {
	background-image: none;
	background-color: transparent;
	color: black;
	color: initial;
}

.l-box h4 {
	background-image: none;
	background-color: #CCCCCC;
	color: black;
	color: initial;
	padding: 3px;
	font-weight: bold;
	padding-left: 6px;
	font-size: 100%;
	line-height: normal;
	width: auto;
}


#horniovladani {
	display: none;
}


#obalpravy {
	width: auto;
	margin-right: 0;
	margin-left: 0;
	margin-top: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}

#port-middle {
	width: auto;
	margin-right: 0;
	margin-left: 0;
	margin-top: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}

#zatapod {
	width: auto;
}

#obsahstranky {
	width: auto;
	padding-top: 0;
	background-image: none;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}


#ukazky {
	display: none;
}


#port-main2 {
	background-image: none;
}

.breadcrump {
	position: relative;
	color: #000000;
	line-height: normal;
	text-align: left;
	left: 0;
	top: 0;
	font-size: 0.9rem;
	width: auto;
	margin-bottom: 10px;
	margin-top: 10px;
}

h1 {
	display: block;
	color: white;
	background: #286096;
	width: auto;
	overflow: hidden;
	position: relative;
	left: auto;
	top: auto;
	margin: 0;
	padding: 0;
	font-size: 120%;
	min-height: 90px;
	background-image: url('images/rs-logo.png');
	background-position: right center;
	background-repeat: no-repeat;
	padding-left: 0.7em;
	padding-right: 33%;
	padding-top: 5px;
	padding-bottom: 5px;
	/* background-origin: content-box; */
	background-size: 30%;
	box-sizing: border-box;
	text-align: left;
}

#GRAFIKA, #podklad, #prekr {
	display: none;
}

 #menit {
 	display: none;	
 }
 	
#hor  {
}

#hor .r-obsah {
}

#hor .patka {
}

.r-box {
	width: auto;
	margin-left: 0;
	margin-right: 0;
	background-image: none;
	background-color: transparent;
	color: black;
	color: initial;
}	


.r-box .r-obsah {
	font-size: 100%;
	width: auto;
	margin-right: 0;
	margin-left: 0;
	background-image: none;
	background-color: transparent;
	color: black;
	color: initial;
}

.r-box .r-obsah a {
	color: black;
	color: initial;
}

.r-box .patka {
	background-image: none;
	background-color: transparent;
	color: black;
	color: initial;
}

.r-box h4, #hor h4 {
	background-image: none;
	background-color: #CCCCCC;
	color: black;
	color: initial;
	padding: 3px;
	font-weight: bold;
	padding-left: 6px;
	font-size: 100%;
	line-height: normal;
	width: auto;	
}

/* - - - vypis prispevku - - - */

.r-box .vypis {

}

.r-box .vdate {
	background-image: none;
	background-color: transparent;
	color: black;
	color: initial;
}

.r-box .vtitle {
	background-image: none;
	background-color: transparent;
	color: black;
	color: initial;
}

.r-box div.vtitle a {
}

.r-box .vsubj a {
	background-image: none;
	background-color: transparent;
	color: black;
	color: initial;
}

.r-box .vabst {
}

.r-box .vitem {
	background-image: none;
	background-color: transparent;
	color: black;
	color: initial;
}

.r-box .vitem1 {
	background-image: none;
	background-color: transparent;
	color: black;
	color: initial;
}

.r-box .vdetail {
	background-image: none;
	background-color: transparent;
	color: black;
	color: initial;
}

.r-box .vdetail a {
	color: black;
	color: initial;
}

.r-box .vdetail a:hover {
	color: black;	
	color: initial;
}

.r-box .dalsi_aktuality {
	color: black;
	color: initial;
	font-size: inherited;
}

.r-box .dalsi_aktuality a {
	color: black;
	color: initial;
	font-size: inherited;
}

.r-box .dalsi_aktuality a:hover {
	color: black;
	color: initial;
}




.rr-box {

}

#port-footer {
	font-size: 100%;
	color: auto;
	background: none;
	background-image: none;
	padding-right: 0;
	padding-left: 0;
	height: auto;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#port-footer a {
	color: auto;
	text-decoration: none;
}

.cleaner2 {
	font-size: 100%;
	margin-top: 1em;
	padding-top: 2em;
	padding-bottom: 0.5em;
	background-image: none;
	width: auto;
	clear: both;
	height: auto;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: #333333;
}

.cleaner2 #rozs {
	padding: 0;
	margin: 0;
}

.cleaner2 #rozs .cinn {
	display: none;
}

.cleaner2 a {
	font-weight: normal;
	text-decoration: none;
}


#autori {
	font-size: auto;
	color: auto;
	position: static;
	top: 0;
	right: 0;
	font-size: 0.85rem;
	line-height: 1.3rem;
	padding-top: 40px;
	padding-left: 20%;
}

#autori a {
	color: auto;
	font-weight: bold;
	text-decoration: underline;
}


#sumavanet {
	font-size: 70%;
	color: auto;
	padding-top: 0;
	position: static;
	top: 0;
	padding: 0;
	text-align: right;
	margin-top: 7px;
}

#sumavanet a {
	color: auto;
	text-decoration: underline;
}

#webdesign {
	font-size: 70%;
	color: auto;
	position: static;
	top: 0;
	left: 0;
	padding: 0;
	float: none;
	text-align: right;
}

#webdesign a {
	color: auto;
	text-decoration: underline;
}

	table.resp-table {
    width:100% !important;
    border-collapse: collapse !important;
    border: none !important;
	}

	table.resp-table col{
    width:auto !important;
    height: auto !important;
	}
	
	table.resp-table tr{
    display:table !important;
    width:100% !important;
    border: none !important;
    height: auto !important;
    margin-bottom: 0.7em;
	}
	
	table.resp-table td{
    display:table-row !important;
    border: none !important;
		height: auto  !important;
		width:auto !important;
	}

	table.resp-table th{
    display:table-row !important;
    border: none !important;
    height: auto  !important;
    width:auto !important;
	}



/*---------------------- horni menu ------------------------- */

#hornimenu {
	display: none;
}

/* odesílací formulář */

.email_form	{
	margin-top: 0.1em;
}

.email_form .popisek {
	display: none;
}

.email_form	.email_form_name, .email_form	.email_form_kontakt, .email_form	.email_form_text {
	display: block;
	width: 95%;
}

.email_form	.hodnota input, .email_form	textarea {
	font-size: 100%;
	padding: 0.3em;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	width: 100%;
	border: 1px solid #333333;
}


.email_form form	{
	margin: 0;
	padding: 0;
}

.email_form .email_form_butt {
	text-align: left;
	padding: inherited;
	margin: inherited;
	width: auto;
	font-size: 100%;
	padding: 0;
	margin: 0;
	padding-top: 0.5em;
}



/* --------------------- vypisy ---------------------- */

#port-middle .vitem {
	margin: 0;
	padding: 0;
	border: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding: 5px; 
	/* border-bottom: 1px dotted silver; */
	margin-bottom: 3px;	
}

#port-middle .vypis .vitem2 {
	/* border-top: 1px dotted silver; */
}

#port-middle .vypis .vitem1 {
    background-color: #eeeeee;
}

#port-middle .vypis .vitem:nth-child(even) {

}

#port-middle .vypis .vtitle {
}

#port-middle .vabst {
}

#port-middle .vmini {
}

#port-middle .vmini img {
}

#port-middle .vclean {
}

#port-middle .vnomini .vtitle {
	margin-left: 0px;
	font-weight: bold;
}

#port-middle .vnomini .vabst {
	margin-left: 0px;
}

#port-middle .vypis {
	font-size: 100%;
	padding: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}

#port-middle .vdate {
	font-weight: normal;
	float: right;
	margin-bottom: 5px;
	padding-left: 10px;
	font-size: 90%; 
	position: relative;
}

#port-middle div.vtitle a {
	font-size: 100%;
}

#port-middle .vdetail, #port-right .vdetail {
	display: none;
}

/* ---- webkamery ----- */

.cam_gtepl {
	float: none;
	margin-top: 1em;
}

.cam_doplnky {
	font-size: 1rem;
}

.cam_dayarchiv {
	text-align: left;
	clear: both;
	line-height: 1.9rem;
}

.cam_dayarchivx {
	font-size: inherit;
	padding-top: 5px;
	padding-bottom: 2px;
}

.cam_big {
	width: 10rem;
}

.cam_big a {
	font-size: inherit;
}

.cam_gtepl {
	display: none;
}

.cam_archiv {
	display: none;
}

.cam_text {
	font-size: 0.8rem;
	font-weight: normal;
}

#cam_refresh {
	margin-top: 15px;
	margin-left: 0;
	background: url(/images/reload20.gif) no-repeat left;
	padding-left: 25px;
	text-align: left;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
}

#cam_refresh a {
	text-decoration: none;
}	

/* -------- reklamni ctverce - verze 2015 --------------- */

.zd_boxy .zd-item {
	width: 50%;
}

.zd_boxy .zd-item:nth-of-type(3n+1) {
   clear:none;
}	

.zd_boxy .zd-item:nth-of-type(2n+1) {
   clear:both;
}	

.zd_boxy .zd_img img {
	width: 160px;
}

.zd_boxy .zd_subj {
	font-size: 90%;
}

.zd_boxy .zd_body {
	font-size: 85%;
}


/* --------------------- nastavení společného levého a pravého paddingu některých elementů ----- */

.l-box, .r-box, .cleaner2, #vlaj, .breadcrump, #obsahstranky {

	padding-left: 0.7em;
	padding-right: 0.7em;
}



/* --- konec mobilni verze -- */

}

/* ---- mobil na výšku - 460max ---- */
 
@media only screen and (max-width: 560px) {

.vypis-copper-alba .vitem .vmini, .vypis-copper-alba .vitem .vtitle, .vypis-copper-alba .vitem .vsubj {
	clear: both;
}

.vypis-copper-alba .vitem .vabst {
	padding-left: 0;
	margin-left: 0;
}

}


/* --- mobil na výšku 340px, ještě zvětšíme písmena ---- */

@media only screen and (max-width: 340px) {

#port-main1 {
	font-size: 1.4rem;
}

.zd_boxy .zd_img img {
	width: 95%;
}

}