@charset "utf-8";
/* CSS Document - RGARAGE */

/******************************
	global
******************************/

@font-face { font-family: 'raleway-regular'; src: url('fonty/Raleway-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'raleway-medium'; src: url('fonty/Raleway-Medium.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'raleway-bold'; src: url('fonty/Raleway-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; }

html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object { padding: 0; margin: 0; }
body { font: 18px raleway-regular, Arial, Helvetica, sans-serif; color: #ffffff; background-color: #000000; }

a { color: #f5821f; text-decoration: underline; }
a:hover { color: #ffffff; text-decoration: underline; }
a img { border: none; }
p { margin: 0px; padding: 0px; border: 0px; }
hr { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; line-height: 0; height: 0; }
.hidden { position: absolute; left: -66666px; }
.center { text-align: center; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.strike { text-decoration: line-through; }
.pismo-male { font: 10px Arial, Helvetica, sans-serif; }
.nadpis-pozadi { background-color: #F4D7D6; }
#iframe { border: 0px; width: 0px; height: 0px; }
.pismo-cervene { color: #C83428; }
.hvezdicka { font-size: 12px; color: #C83428; }

/* overlapping */
.overlap { position: relative; overflow: hidden; }
.overlap span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 0 0; background-repeat: no-repeat; }
.overlap a span,
a.overlap span { cursor: pointer; }







/******************************
	layout
******************************/

#page-wrapper { width: 100%; margin: auto; padding: 0px; position: relative; }





/******************************
	header
******************************/

#header-pozadi { width: 100%; height: auto; }

#header-logo-sirka { width: 100%; margin: 0px auto; text-align: center; }
	@media screen and (min-width: 1000px) { #header-logo-sirka { width: 1000px; } }
	@media screen and (min-width: 1200px) { #header-logo-sirka { width: 1200px; } }
#header-logo-sirka img { width: 600px; height: 260px; margin-top: 20px; margin-bottom: 20px; }
	@media screen and (max-width: 650px) { #header-logo-sirka img { width: 90%; height: auto; margin-top: 10px; margin-bottom: 10px; } }








/******************************
	content
******************************/

.content-bila { width: 100%; background-color: #ffffff; }
.content-oranzova { width: 100%; background-color: #f5821f; color: #000000; }
.content-sirka { width: 100%; }
	@media screen and (min-width: 1000px) { .content-sirka { width: 1000px; margin: auto; } }
	@media screen and (min-width: 1200px) { .content-sirka { width: 1200px; } }
.content-bila .obsah, .content-oranzova .obsah { text-align: justify; padding-top: 30px; padding-bottom: 40px; }
	@media screen and (max-width: 1000px) { .content-bila .obsah, .content-oranzova .obsah { padding: 20px; padding-bottom: 30px; } }

h1 { font-family: raleway-bold; font-size: 28px; color: #1667a3; margin-bottom: 20px; text-align: left; }
h2 { font-family: raleway-regular; font-size: 22px; font-weight: bold; color: #1667a3; text-align: left; padding-bottom: 20px; }

p { line-height: 1.5; margin: 5px 0 15px; }
.hlavni-text { padding: 15px; }
.content-oranzova ul { margin-left: 15px; list-style-type: square; }
.foto-vpravo { float: right; margin-left: 20px; }
	@media screen and (max-width: 650px) { .foto-vpravo { float: none; margin-left: 0px; margin-bottom: 20px; text-align: center; } }
.foto-vpravo img { width: 400px; height: 327px; }
	@media screen and (max-width: 1000px) { .foto-vpravo img { width: 300px; height: auto; } }
	@media screen and (max-width: 650px) { .foto-vpravo img { width: 100%; height: auto; max-width: 300px; } }

.sluzby-vlevo { float: left; margin-right: 80px; }
	@media screen and (max-width: 600px) { .sluzby-vlevo { float: none; margin-right: 0px; } }
.sluzby-vpravo { float: left; }
	@media screen and (max-width: 600px) { .sluzby-vpravo { float: none; } }













/******************************
	footer
******************************/

#footer-sirka { width: 100%; }
#footer { width: 100%; height: 100%; list-style: none !important; overflow: auto; font-size: 16px; color: #ffffff; margin: auto; }
	@media screen and (min-width: 1000px) { #footer { width: 1000px; } }
	@media screen and (min-width: 1200px) { #footer { width: 1200px; } }
#footer li.vlevo { float: left; width: 47%; overflow: hidden; }
	@media screen and (max-width: 1000px) { #footer li.vlevo { width: 60%; } }
	@media screen and (max-width: 600px) { #footer li.vlevo { width: 100%; } }
#footer li.vlevo .vlevo-obsah { padding-top: 20px; padding-bottom: 30px; }
	@media screen and (max-width: 1000px) { #footer li.vlevo .vlevo-obsah { padding-left: 20px; } }
	@media screen and (max-width: 600px) { #footer li.vlevo .vlevo-obsah { padding-top: 0px; padding-bottom: 20px; } }
#footer li.vpravo { float: right; width: 53%; overflow: hidden; }
	@media screen and (max-width: 1000px) { #footer li.vpravo { width: 40%; } }
	@media screen and (max-width: 600px) { #footer li.vpravo { width: 100%; } }
#footer li.vpravo .vpravo-obsah { padding-top: 20px; padding-bottom: 30px; }
	@media screen and (max-width: 1000px) { #footer li.vpravo .vpravo-obsah { padding-right: 20px; } }
	@media screen and (max-width: 600px) { #footer li.vpravo .vpravo-obsah { padding-right: 0px; padding-left: 0px; } }

#footer-adresa { background: url(../img/rgarage/footer-adresa.png); background-repeat: no-repeat; padding-left: 40px; margin-bottom: 15px; margin-top: 20px; }
	@media screen and (max-width: 600px) { #footer-adresa { padding-left: 30px; } }
#footer-adresa img { float: right; width: 180px; height: 100px; padding-right: 100px; }
	@media screen and (max-width: 600px) { #footer-adresa img { width: 180px; height: 100px; padding-right: 10px; } }
#footer-telefon { background: url(../img/rgarage/footer-telefon.png); background-repeat: no-repeat; background-position: left center; padding-left: 40px; margin-bottom: 15px; line-height: 180%; }
	@media screen and (max-width: 600px) { #footer-telefon { padding-left: 30px; } }
#footer-telefon a { color: #ffffff; text-decoration: none; }
#footer-telefon a:hover { color: #ffffff; text-decoration: none; }
#footer-email { background: url(../img/rgarage/footer-email.png); background-repeat: no-repeat; background-position: left center; padding-left: 40px; line-height: 180%; }
	@media screen and (max-width: 600px) { #footer-email { padding-left: 30px; } }
#footer-email a { color: #f5821f; }
#footer-email a:hover { color: #ffffff; }
#footer-mapa { }

#footer2-sirka { width: 100%; border-top: 1px solid #7f7f7f; }
#footer2 { width: 100%; margin: auto; }
	@media screen and (min-width: 1000px) { #footer2 { width: 1000px; } }
	@media screen and (min-width: 1200px) { #footer2 { width: 1200px; } }
#footer2-obsah { padding-top: 30px; padding-bottom: 30px; padding-left: 0px; font-size: 16px; color: #7f7f7f; }
	@media screen and (max-width: 1000px) { #footer2-obsah { padding-left: 20px; padding-right: 20px; } }
	@media screen and (max-width: 600px) { #footer2-obsah { font-size: 13px; padding-bottom: 20px; } }