* {
	padding: 0;
	margin: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	text-align: center;
	min-width: 980px;
	background:url(../images/bg_head.png) repeat-x left top;	
}
/*
#bg_img {
	background:url(../images/bg_img/02.jpg) no-repeat center 103px;
}*/

/*========= ELEMENTS =========*/
sub {
	top:0.4em;
}
sup {
	bottom:0.4em;
}

h1 {
	margin: 0 0 20px 0;
	font-size: 38px;
	line-height: 32px;
	text-align:center;
}
h2 {
	text-align:center;
	font-size: 34px;
	margin: 20px 0 40px 0;
}
span.pomlcka {
	font-size: 40px;
	color: #fec20e;
}
h3 {
	margin: 25px 0 10px 0;
}
h4 {
}
p { 
	color: #000;
	font-size: 16px; 
	text-align: left; 
	margin: 1em 0; 
	padding: 0;  
}
p.popis {
	color:#333;
	font-size: 14px;	
}
a { 
	color: #000;
}
a:hover { color: #faa91b; }
a:focus { outline:none; }



ul { 
	color: #000;
	font-size: 14px; 
	margin: 10px 0 0px 0; 
	padding-left: 0; 
}
ol { 
	font-size: 14px; 
	margin-left: 28px; 
}
ul li {
	padding: 5px 0 5px 35px;
	margin-bottom: 5px;
	list-style-type: none;
	background: url(../images/li.png) no-repeat left top;
	list-style-position: outside;
}
ol li {
	background-image: none;
	padding-left: 0;
	margin-bottom: 8px;
}
ul li ul,
ul li ol {
	margin: 5px 0 5px 0;
}	
ul li ul li,
ul li ol li { font-size: 14px; }

form { margin: 0; padding: 0; }
label {
	float: left;
	width: 150px;
}
hr { display: none; }


/*========= DIVISION =========*/
#content {
	/*width: 980px;*/
	/*position: relative;
	text-align: left;
	margin: 0 auto;	*/
}
#main {
	/*padding-top: 667px;*/
	background-color:#fff;
}
#header {
	width: 980px;
	height: 360px;
	margin: 0 auto;
	position:relative;
}
#header.uvod {
	height: 667px;
}

/* LOGO podklad */
#logo_podklad {
	position: absolute;
	z-index: 10;	
}
#logo_podklad {
	top: 115px;
	left: 0px;
}
#logo_podklad a, #logo_podklad a span {	
	width: 980px;
	height: 200px; 
	overflow: hidden; 
}
#logo_podklad a span {
	background: url(/images/logo_podklad2.png) no-repeat left top;
	cursor: pointer;
	display: block;	
}

/* LOGO BULB */
#logo_bulb {
    position: absolute;
	top: 0px;
	left: -20px;
}
#bulb {
    position: relative;
    display: block;
    background: url(/images/bulb2.png) no-repeat left top;
    width: 222px;
    height: 290px;
	z-index:99;
} 
#bulb span {
    position: absolute;
    display: block;
    width: 222px;
    height: 290px;
    background: url(/images/bulb_light2.png) no-repeat left top;
    -webkit-animation: fadein 3s; /* Safari and Chrome */
       -moz-animation: fadein 3s; /* Firefox */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera */
            animation: fadein 3s;
}

/* LOGO TITLE */
#logo_title {
    position: absolute;
	top: 165px;
	right: 48px;
}
#title {
    position: relative;
    display: block;
    background: url(../images/logo_el_grey.png) no-repeat;
    background-position: 0 0;
    width: 757px;
    height: 86px;
	z-index:99;
}
 
#title span {
    position: absolute;
    display: block;
    width: 757px;
    height: 86px;
    background: url(../images/logo_el_hover.png) no-repeat;
    -webkit-animation: fadein 2s; /* Safari and Chrome */
       -moz-animation: fadein 2s; /* Firefox */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}


p.head_info {
	position:absolute;
	top: 450px;
	left: 0px;
	/*background:url(../images/head_info.png) no-repeat left top;*/
	background-color:#F00;
	margin: 0;
	padding: 15px 0;
	width: 980px;
	height: 50px;
	font-size: 18px;
	line-height: 22px;
	color:#fff;
	text-align:center;
}
p.head_info a {
	color:#fff;
}
*/

/* CONTENTS*/
.container {
	background-color: #fff;
	position: relative;	
}
.container.grey {
	background-color: #f7f7f7;
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;	
}
.inner {
	width: 980px;
	text-align: left;
	margin: 0 auto;
	padding: 40px 0;
}
.left_column {
	float: left;
	width:710px;
	margin-right: 30px;
}
.right_column {
	float: left;
	width: 240px;
}
.left_column h1,
.left_column h2,
.left_column h3 {
	text-align:left;
}
.left_column h1 {
	font-size: 34px;
	line-height: 36px;
}
.left_column h2 {
	font-size: 28px;
	line-height: 30px;
}
.right_column h2.first {
	margin-top: 10px;
}

/* 2 COLS */
.col_2 {
	float: left;
	width: 446px;
	margin-right: 30px;
}
.col_2.last {
	width:504px;
	margin-right: 0;
}
.col_2 h1 {
	font-size: 34px;
	line-height: 36px;
}
.col_2 h2 {
	font-size: 28px;
	line-height: 30px;
	margin: 40px 0 10px 0;
}

/* MAP CANVAS KONTAKT */
#map_canvas {
	width: 504px; 
	height: 300px; 
	overflow: hidden;
}


/*navigace*/
ul#navmenu-h { 
	position: absolute;
	top: 30px;
	/*left: 360px;*/
	right: 25px;
	margin: 0; 
	padding: 0;
	list-style: none; 
	height: 40px;
	z-index: 999;
}
ul#navmenu-h li { 
	float: left; 
	display: inline; 
	margin: 0 5px 0 0;
	padding: 0;
	background-image: none;
} 

/* Root Menu */ 
ul#navmenu-h a {
	height: 40px !important;
	line-height: 40px; 
	padding: 0 20px; 
	float: left; 
	display: block; 
	color: #000;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none; 
	z-index:1000; 
} 

/* Root Menu Hover Persistence */ 
ul#navmenu-h a:hover,
ul#navmenu-h a.sel,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a { 
	color: #000;
	/*background-color: #f9e130;*/
	background: url(../images/nav_sel.png) repeat-x left top;	
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px; 
} 



/* HEADER PICT - OTHER PAGES */
#header_pict {
}


/* MAIN BOXES */
.main_box a {
	display:block;
	float: left;
	width: 187px;
	height: 215px;
	padding: 20px;
	margin-right: 24px;
	color:#000;
	text-decoration: none;
}
.main_box.last a {
	margin-right: 0;
}
.main_box a:hover {
	background:url(../images/mainbox_sel.png) repeat-x left top;
}

.main_box a .in {
	/*padding: 20px;*/
}
.main_box a h2,
.main_box a p {
	text-align:center;
}
.main_box a h2 {
	font-size: 26px;
	margin: 25px 0 0 0;
	font-weight: normal;
}
.main_box a p {
	font-size: 14px;
}
.main_box a:hover h2,
.main_box a:hover p {
	color:#FFF;
}
.main_box span.icon {
	display:block;
	width: 58px;
	height: 56px;
	margin-left: 69px;
}
.main_box.elektroinstalace a span.icon {
	background:url(../images/sluzby_icon_elektroinstalace.png) no-repeat left top;
}
.main_box.vrata a span.icon {
	background:url(../images/sluzby_icon_vrata.png) no-repeat left top;
}
.main_box.brany a span.icon {
	background:url(../images/sluzby_icon_brany.png) no-repeat left top;
}
.main_box.pohony a span.icon {
	background:url(../images/sluzby_icon_pohony.png) no-repeat left top;
}
.main_box a:hover span.icon {
	background-position: left bottom;
}

/* sluzby nadpisy */
h2.nadpis {
	margin-bottom: 0;
}
h2.nadpis span {
	background-color:#FFF;
	padding-right: 20px;
	min-height: 56px;
	line-height:56px;
}
h2.nadpis.elektro {
	background:url(../images/nadpis_elektro.png) no-repeat right center;
}
h2.nadpis.vrata {
	background:url(../images/nadpis_vrata.png) no-repeat right center;
}
h2.nadpis.brany {
	background:url(../images/nadpis_brany.png) no-repeat right center;
}
h2.nadpis.pohony {
	background:url(../images/nadpis_pohony.png) no-repeat right center;
}
h2.nadpis.rolety {
	background:url(../images/nadpis_pohony.png) no-repeat right center;
}


/* FOOTER */
#footer {
	background:url(../images/bg_footer.png) repeat-x left top;
	height: 365px;
}
.footer_in {
	width: 980px;
	margin: 0 auto;
	padding: 30px 0;
}
.footer_in h2 {
	color:#FFF;
	font-size: 26px;
	margin-top: 0;
}
.footer_in p {
	font-size: 14px;
}
.footer_in p a {
	color:#000;
}

/* PARTNERI FOOT */
.partneri {
	float:left;
	margin: 0 84px 0 0;
}
.partneri.w120 {
	width: 120px;
}
.partneri.w201 {
	width: 201px;
}
.partneri.w287 {
	width: 287px;
	margin-right: 0;
}
.partneri.kvelektro {
	width: 225px;
	margin: 45px 0 0 223px;
}
.partneri.elfetex {
	width: 225px;
	margin: 45px 0 0 80px;
}



#copy {
	height: 50px;
	background-color: #FFF;
}
#copy p {
	text-align:center;
	margin: 0;
	line-height: 50px;
	font-size: 12px;
}

/*drobky*/
p.drobky {
	font-size: 12px;
	margin: 0 0 20px 0;
}


/*========= CLASSES =========*/
.center { text-align: center; }
.left { text-align:left;}
.right { text-align:right;}
.block_size { width:60px; float:left;}
.block_size.w70 { width:70px; float:left;}
.mensi {
	font-size: 80%;
}
.uppercase {
	text-transform:uppercase;
}
.cleaner { height: 1px; float: none; clear: both; }
.delitko { 
	height: 1px; 
	float: none; 
	clear: both;
	margin: 20px 0;
	border-bottom: 1px dotted #666;
}
.cleaner.h15 {
	height: 15px;
}
.cleaner.h20 {
	height: 20px;
}

.fl_left { float: left; margin-right: 10px; margin-bottom: 10px; }
.fl_right { float: right; margin-bottom: 10px; margin-left: 10px; }

.notop {	
	margin-top: 0;
}
.nobr,
a:hover .nobr {
	padding: 0;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	border: 0 none;
}	
.noscreen { display: none; }
.uvod_text {
	text-align:center;
	font-size: 20px;
	line-height: 22px;
	padding: 0 40px;
	letter-spacing: 1px;
}

/* === INFO BOXES === */
.info {
	padding: 15px 10px 15px 55px;
	margin: 10px 0;
}
.info.reference {
	background: url(../images/info_reference.png) no-repeat 14px center #fec20e;
}
.info.kontakt {
	background: url(../images/info_kontakt.png) no-repeat 10px center #cac9cc;
}
.info.pdf {
	background: url(../images/info_pdf.png) no-repeat 10px center #cac9cc;
}

.info p {
	margin: 0;
}
.info p a:hover {
	color:#FFF;
}

/* KONTAKT */
.kontakt_card {
	float:left;
	text-align:center;
	width: 252px;
	background:url(../images/foot_delic.png) no-repeat right top;
}
.kontakt_card h3 {
	margin-top: 20px;
}
.kontakt_card p {
	text-align:center;	
}

.kontakt_map {
	float:left;
	width: 446px;
	padding-left: 30px;
}
.kontakt_map h3 {
	text-align:left;
}

/* kontaktni_formular */
#kontaktni_formular input {
	width: 250px;
}
#kontaktni_formular textarea {
	width: 250px;
	height: 100px;
}

/* ======= CHYBOVE HLASKY ======== */
.zprava_ok, .zprava_bad {
	min-height: 70px;	
	margin-bottom: 10px;
	background-image: url(../images/zprava_ok_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #8cd500;
}
.zprava_bad {
	background-image: url(../images/zprava_bad_bg.gif);
	background-color: #9d0b0f;
}
.zprava_ok p, .zprava_bad p {
	min-height: 45px;
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/zprava_ok.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 15px 10px 10px 80px;
}
.zprava_bad p {
	background-image: url(../images/zprava_bad.gif);
}
.zprava_ok p a, .zprava_bad p a {
	color: #FFFFFF;
}
.zprava_ok p a:hover, .zprava_bad p a:hover {
	color: #000000;
}
.star {
	font-size: 20px;
	padding: 0;
	color: #d61147;
}

/*// FOTO //*/
.foto_box img,
.foto_box a img {
	margin:0;
	padding:0;		
}
.foto_box {
	float: left;
	margin: 0 24px 24px 0;
	width: 205px;
	height: 205px;
	padding: 10px;
	position: relative;
	border: 1px solid #f1f1f1;
}
.foto_box.last {
	margin-right:0px;
}
.foto_box.ref {
	height: 250px;
}
.foto_box.ref h3 {
	font-size: 16px;
	line-height: 18px;
	margin: 5px 0 0 0;
	font-weight: normal;
}
.foto_box a .foto_icon {
	display: none;
}
.foto_box a:hover .foto_icon {
	background:url(../images/img_hover.png) no-repeat left top;
	width: 50px;
	height: 50px;
	display:block;
	position:absolute;
	top: 93px;
	left: 93px;
}
.foto_box p strong {
	color: #000;
}

/* AWESOME BUTTONS */
.awesome {
    /*background: #222 url(/images/alert-overlay.png) repeat-x;*/
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
   /* -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
    -moz-box-shadow: 0 1px 3px #999;
    -webkit-box-shadow: 0 1px 3px #999;
    text-shadow: 0 -1px 1px #222;
    /*border-bottom: 1px solid #222;*/
	border: 0 none;
    position: relative;
    cursor: pointer;
	
	/* Shadows ---------- */
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
}

/* Sizes ---------- */
.large.awesome {
	font-size: 16px;
	padding: 8px 14px 9px;
}
 
/* Colors ---------- */
.orange.awesome {
	background-color: #F00;
}
.orange.awesome.w_full {
	width: 100%;
}

.awesome:hover { background-color: #d7a70d; color: #fff; }
.awesome:active { top: 1px; }
.large.awesome, .large.awesome:visited { font-size: 16px; padding: 8px 14px 9px; }
.orange.awesome, .orange.awesome:visited { background-color: #F00; }
.orange.awesome:hover { background-color: #333; }