/*
Theme Name: ELOS
Theme URI: http://www.onit.cz/
Description: .
Version: 1.0
Author: Ondřej Bým
Author URI: http://www.onit.cz
Tags: 
*/


/**** predef ****/

.fl,
.float_l{float: left;}
.fr,
.float_r{float: right;}

.cleaner,
.float_break{clear: both;}

.float_break_l{clear: left;}

.float_break_r{clear: right;}

.txtl{text-align:left;}
.txtr{text-align:right;}
.txtj{text-align:justify;}
.txtc{text-align:center;}
.vertt{vertical-align:top;}
.vertm{vertical-align:middle;}
.vertb{vertical-align:bottom;}

.underline{text-decoration: underline;}
.underline:hover{text-decoration: none;}

.label-error
{
    color: #CF1919;
}

.smaller
{
  font-size: 12px;
}

/* **************** */
/* xxxxxxxxxxxx PUBLIC xxxxxxxxxxxxxxx */
* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 
{
	border:0;
}

html
{
  
}

body 
{
	font:0.75em/1.4 "Arial",sans-serif;
	background-color: #FFF;
	background-image: url('images/bg-top.gif');
	background-repeat: repeat-x;
}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}


h2{ font-size: 18px;  color:#355A8F; border-bottom: 1px solid #3770A7;}
h3{ font-size: 14px; color:#355A8F;}

table {border-collapse:collapse; border-spacing:0;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 7px;}

ul, ol {margin-left:30px;}
ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;}

ul li,
ul li li 
{
	margin-left: -18px;
	list-style-type: none;
	padding-left: 18px;
	background-image: url('images/listcube.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

ul.dwn li,
ul.dwn li li 
{
	margin-left: -18px;
	list-style-type: none;
	padding-left: 18px;
	background-image: url('images/listcubedwn.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

hr.noscreen
{
  display: none;
  
}

dt {font-weight:bold;}
dd {margin-left:30px;}

fieldset {position:relative; padding:10px;}
legend {position:absolute; top:-1em; margin:0; padding:5px 10px; font-size:100%; font-weight:bold;}

*
{
	/*text-align: left;*/
}

body
{
	color: #000;
}

p
{
	text-align: justify;
	margin-top: 5px;
	text-indent: 0px;
}

p.indent
{
  text-indent: 30px;
}

.center
{
	text-align: center;
}

a
{
	color: #003b68;
}

a:hover
{
	color: #0067E2;
	text-decoration: none;
}

.noborder input
{
	border: 0px;
}

a img
{
	border: 0px;
}

form
{
	padding: 0;
	margin: 0;
}

/**** predef ****/
/*..rounded {   -moz-border-radius:3px;   -webkit-border-radius:3px; }
sbmt {   -moz-border-radius:5px;   -webkit-border-radius:5x; }*/

.float_l
{
	float: left;
}

.float_r
{
	float: right;
}

.float_break
{
	clear: both;
}

.txtl
{
	text-align:left;
}

.txtr
{
	text-align:right;
}

.txtr p
{
  text-align:right;
}

.txtj
{
	text-align:justify;
}

.txtc
{
	text-align:center;
}

/**** buttons ****/

.buttons
{
	border: 1px solid #888F99;
	color: #145;
	padding: 0.3em 0.2em 0.3em 0.2em;
	text-decoration: none;
}

.buttons:hover
{
	color: #070603;
	border: 1px solid #272623;
	background-color: #F7F6F3;
	text-decoration: none;
}

input.buttons 
{
	background-color: #F7F6F3;
	padding: 0.1em 0.2em 0.1em 0.2em;
	text-align: center;
}

.smaller
{
	font-size: 0.7em;
}


/* xxxxxxxxxxxx END OF PUBLIC xxxxxxxxx */

ul#intro,
ul#intro li
{
    margin: 0px;
    margin-top: 4px; 
    padding: 0px; 
    background-image: none;
}

#main
{
  margin: auto;
  width: 970px;
}

#header
{
  position: relative;
  top:0px;
  left:0px;
  height: 121px;
}

#logo
{
  position: absolute;
  top: 40px;
  left: 23px;
  width: 197px;
  height: 79px;
  background-image: url(images/logo-elos.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

#logo-euronics1 span,
#logo-euronics2 span,
#logo-euronics3 span,
#logo span
{
  display: none;
}

#logo-euronics1,
#logo-euronics2,
#logo-euronics3
{
  position: absolute;
  top: 0px;
  right: 23px;
  width: 200px;
  height: 195px;
  background-repeat: no-repeat;
  background-position: top left;
}

#logo-euronics1
{
  background-image: url(images/logo-euronics-star1.png);
}

#logo-euronics2
{
  background-image: url(images/logo-euronics-star2.png);
}

#logo-euronics3
{
  background-image: url(images/logo-euronics-star3.png);
}

#logo-euronics1 a,
#logo-euronics2 a,
#logo-euronics3 a,
#logo a
{
  display: block;
  width: 100%;
  height: 100%;
}

#tabs
{
    position: absolute;
    top: 90px;
    left: 270px;
}


#tabs ul {margin:0; padding:0; list-style-type:none;}
#tabs ul li {display:inline; margin: 0; padding:0; font:bold 85%/1 "tahoma",sans-serif;}
            
#tabs a {float:left; !important; text-decoration:none !important; cursor:pointer; font-size: 14px;
         color:#FFF;  }
#tabs a span {float:left; display:block; padding:12px 3px 7px 3px; margin: 0px 10px; } 

#tabs a:hover {  color:#FEDC20;  }
#tabs a:hover span  {border-bottom: 4px solid #FEDC20;}

#tabs #tab-active a {}
#tabs #tab-active a span  {}


h4{ font-size:13px; color: #222; margin: 0px; padding: 0px; margin-top: 10px; line-height: 0.2; }
a.sortiment{ font-size: 90%; margin: 0px; padding: 0px; }

/* CONTENT */

#content
{
    background-image: url(images/bg-content.gif);
    background-repeat: no-repeat;
    background-position: -5px 0px;
}

#content-inner-index,
#content-inner
{
  z-index:20;
  position: relative;
  top: 32px;
    
  
  margin-left: 38px;
  float: left;
  
  
/*  border: 1px solid red;*/
}

#content-inner
{
  width: 680px;
  padding-left: 10px;
}

#content-inner-index
{
    width: 680px;
    padding-left: 10px;
    padding-right: 10px;
}

h2#uvod
{
   font-size: 120%;
   font-weight: bold;
}

#prodejny-wrap
{
    z-index: 10;
    margin-left: 48px;
    position: relative;
    top: 45px;    
    background-color: #E0E8EF;
    border: #A7C6DF 1px solid;
    color: #052C4F;
    padding: 5px 20px 20px 20px;
    width:640px;
    
    clear: both;
}

#prodejny-wrap a
{
  text-decoration: none;
}

#prodejny-wrap a img
{
  border: 1px solid #A7C6DF;
}

#prodejny-wrap a:hover img
{
  border: 1px solid #3770A7;
}

.prodejny-h3
{
  font-size: 100%;
  margin-left: 7px;
}

.tbl-prodejny
{
  margin: 20px; 
  border: 1px solid #A7C6DF;
  background-color:#edf0f9;
  width: 95%;
}

.tbl-prodejny td
{
  padding: 10px;
}

.tbl-prodejny td.tbl-prodejny-info
{
  width: 600px;
}

table.tbl-prodejny-od-r, 
table.tbl-prodejny-od-r tr, 
table.tbl-prodejny-od-r td,
table.tbl-prodejny-od, 
table.tbl-prodejny-od tr, 
table.tbl-prodejny-od td
{
   padding: 0px 5px;
   margin:0px;
}

.tbl-prodejny-od td
{

}

.tbl-prodejny-od-r td
{
  text-align: right;
  width:100px;
}

table#tbl-prodejny
{
  
}


td.tbl-prodejny-info-r,
td.tbl-prodejny-info
{
    font-size:100%;
    width: 170px;    
    vertical-align: top;
}

td.td-prodejna-title
{
   font-size: 110%;
   padding-bottom: 5px;
}

td.td-prodejna-title-doba
{
   font-size: 95%;
}


/*** MENU ***/

#content-menu
{    
    position: relative;
    top: 32px;
    padding-top: 60px;
    padding-left: 770px;
    padding-right: 10px;    
}

.menu-section
{
    background: url(images/bg-stinbottom.gif) no-repeat bottom left;
    padding-left: 20px;
    padding-bottom: 18px;
  
    text-align: center;
}

.menu-section h3
{
    padding-right: 10px;
    color: #404040;
    margin: 0px 0px 2px 8px;
    font-size: 95%;
    text-align: center;
}


/***** FOOT ****/

#footer
{
    z-index: 1;
    position: relative;
    top: 50px;
    height: 80px;
    margin-left: 48px;
    font-size: 90%;
    color: #222;
    clear: both;
    width:680px;
}

#footl
{
    width: 250px;
    float: left;
}

#footr
{
    text-align: right;
    width: 250px;
    float: right;
}

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

#footer a:hover
{
  color: #003b68;
  text-decoration: underline;  
}


/**** KONTAKT ***** */

.form-box { margin-top:0.8em; background:#cedcd2 url('../img/box/form.png') 0 0 repeat-x; }
.form-box form { padding:15px 15px 13px 15px; }
.form-box form textarea.inp-text { background-image:url('../img/form/inpTextArea.png'); }
.form-box form .inp-text { padding-top:7px; padding-bottom:5px; background:#f0f0f0 url('../img/form/inpText.png') 0 0 repeat-x; }
.form-box form .small { margin-top:15px; color:#3E6F4B; /*0c511e*/}
.form-box form .small,
.form-box form .submit { margin-bottom:0; }
.form-box form .submit input { width:182px; min-height:32px; _height:32px; background:url('../img/form/btnSubmit.png') 0 0 no-repeat; border:none; color:#fff; font-weight:bold; }
.form-box form .submit input.hover,
.form-box form .submit input:hover { background-position:100% 0; }
.form-box br { display:none; }
.form-box label { display:block; margin-bottom:2px; color:#0c511e; font-size:1.1em; }
.form-box .msg-box { margin:0px 0 6px 0; }


.contact-box .address { margin-top:0.5em; font-style:normal; }
.contact-box .contact { margin-top:0.5em; line-height:2.8em; }
.contact-box .contact br { clear:left; }
.contact-box .contact strong { float:left; display:inline; width:30px; height:25px; margin-top:3px; margin-right:10px; }
.contact-box .contact strong span { display:none; }
.contact-box .contact .email { background:url('../img/icon/contact/email.png') 50% 50% no-repeat; }
.contact-box .contact .map { background:url('../img/icon/contact/map.png') 50% 50% no-repeat; }
.contact-box span { display:block; margin:0.4em 0; line-height:1.7em; }
.contact-box span br { display:block; }



.contactform
{
  background-color: #E0E8EF;
  padding: 10px;
  border: 1px #A7C6DF solid;
  color: #2C608F;
  
}

.contactform input,
.contactform textarea
{
  border: 1px #A7C6DF solid;
  
}

.contactform input:focus,
.contactform textarea:focus
{
  border: 1px #5F92BF solid;  
}


.contactform input
{
  height: 20px;
  padding-top: 3px;
  width: 100%;
}

.contactform input.sbmt
{
  float: right;
  padding: 0px;
  height: 30px;
  width: 150px;
  background-color: #5F92BF;
  border: 1px #5F92BF solid;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.contactform input.sbmt:hover
{
  background-color: #4C80AF;
  border: 1px #4C80AF solid;
  cursor: hand;
  cursor: pointer;
}


.contactform textarea
{
  width: 100%;
  padding-top: 3px;
}



.contactform table
{
    margin-top: 10;
    /*background-color: #E0E8EF;*/
    width: 100%;
}


.contactform table td
{
    padding: 5px;
}

.contactform table td.lbl
{
    padding-bottom: 1px;
    color: #052C4F;
}

.k-sec
{
  padding-bottom: 15px;
}

.k-people,
.k-address,
.k-phone,
.k-none,
.k-nonenothing,
.k-fax,
.k-mail,
.k-map,
.k-mobil,
.k-open
{
  padding-left: 35px;
  background-repeat: no-repeat;
  font-weight: bold;
  color: #222;
  font-size: 100%;
}

.k-nonenothing{padding-left: 0px;}
.k-open{background-image: url(images/ico/open.gif); background-position: 8px 3px;}
.k-address{ background-image: url(images/ico/map.gif); background-position: 5px 1px;}
.k-address span.name{ font-size: 110%; color: #000;}
.k-mail{ background-image: url(images/ico/mail.gif); background-position: 6px 6px;}
.k-map{ background-image: url(images/ico/map.gif); background-position: 5px 1px;}
.k-phone{background-image: url(images/ico/phone.gif); background-position: 5px 4px;}
.k-none{}
.k-fax{background-image: url(images/ico/fax.gif); background-position: 8px 2px;}
.k-mobil{background-image: url(images/ico/mobil.gif); background-position: 10px 3px;}
.k-people{background-image: url(images/ico/people.gif); background-position: 8px 4px;}

.mapa-prodejna
{
    position: absolute;
    top: 65px;
    right: 50px;
    
}

.mapa-prodejna img
{border: 1px #aaa solid;}

.mapa-prodejna:hover img
{
    border: 1px #4C80AF solid;
}


div.tBox
{
  height: 50px;
  width: 679px;
  padding: 5px 0px 0px 0px;
  color: #e0e0e0;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.tTitle
{
  color: #e0e0e0;
  font-size: 15px;
  font-weight: bold;
  font-family: Arial, lucida, sans-serif;  
}

.tSubTitle
{
  color: #e0e0e0;
  font-size: 11px;
  font-weight: normal;
  font-family: Arial, lucida, sans-serif;;
}

.tBoxInner1,
.tBoxInner2,
.tBoxInner3
{
   margin: 12px 10px;      
}

.tBoxInner1{margin: 5px 10px;}
.tBoxInner1 div{text-align: right;}
.tBoxInner2{margin: 5px 10px;}
.tBoxInner2 div{text-align: left;}
.tBoxInner3{margin: 5px 10px;}
.tBoxInner3 div{text-align: left;}


.ngg-title h3
{
  padding-left: 0px;
  background-repeat: no-repeat;
  font-weight: bold;
  color: #222;
  font-size: 100%;
}