/* Styl vzhledu referencí od komponenty com_cmgkatalog
*/

.cmgkatalog-h3 {margin: 25px 0px 0px 5px;}
.cmgkatalog-img {padding: 2px; width: 30%; text-align: center;height: 10%;}
.cmgkatalog-img-1-1 {padding: 2px; text-align: center;height: 10%;}
td.cmgkatalog-img img {padding: 2px;}
.cmgkatalog-about{vertical-align: middle; padding: 2px; width: 70%; height: 70%; vertical-align: top;}
.cmgkatalog-title {text-align: center; padding: 5px; text-decoration: none; height: 10%; width: 90%;}
.cmgkatalog-title-1-1 {text-align: left; padding: 5px; text-decoration: none; height: 10%; width: 90%;}
.cmgkatalog-separator {height: 20px; text-align: center;}
.cmgkatalog-buttons {width: 88px; float: right;}
#zvolte_info{padding: 3px; font-style: italic;}
.cmgkatalog_admin_table td {padding: 4px;}
.cmgkatalog-img-info {color : #FF0000;}
.cmgkatalog-table {width: 100%;border-collapse: collapse;}
.cmgkatalog-table, .cmgkatalog-table td { border: 0px solid #FF5500;padding: 3px;vertical-align:top;}
/*Hlídání velikosti obsahu*/
.cmgkatalog-desc {width: 100%; height: 88px; overflow: hidden; text-align: justify;}
.cmgkatalog-desc-more {width: 100%; text-align: right; text-decoration: underline;}
.cmgkatalog-img-div{width: 155px; min-height: 112px; _height: 112px; overflow: hidden; text-align: center;}
.cmgkatalog-img-div-1-1{padding: 0px 4px 0px 4px; min-height: 112px; _height: 112px; overflow: hidden; text-align: center;}
#cmgkatalog-forms-1 {width: 99%; padding-bottom: 10px; border-left: 0px; border-left: 0px; border-top: 0px; border-right: 0px; border-bottom: 0px solid #666666; border-style: dotted;}
#cmgkatalog-forms-1 h4 {text-decoration: underline;}
#cmgkatalog-forms-2 {width: 99%; padding-top: 10px;}
.cmgkatalog-forms-2 {width: 99%; margin-left: 0px;}
.table-head-info {color: #000; background-color: #CFCFCF; font-weight: bold;}
.table-head-info td {padding: 5px 7px 5px 7px;}
.tdseparator {height: 15px;}
.cmgkatalog-title h3 {margin:0px !important;}
#cmgkatalog-table-cat a{text-decoration: none;color: #529214 !important;}
  
.cmgkatalog_nav {width:99%;} /* -- navigace v detailu produktu */


/*--------------- šablonový výpis ----------------*/
/* ---------  rows_2 --------------*/

.cmgkatalog-desc-2 {
  width: 98%;
  height: auto;
  text-align: justify;
}

.cmgkatalog-img-div-2 {
  height: auto;
  width: 95%;
  margin: 5px 2px;
  text-align:center;
}

.cmgkatalog-div-produkt {
  padding: 5px;
  text-align: justify !important;
}
.cmgkatalog-desc-more-2 {
  width: 95%; text-align: right !important; text-decoration: underline;float:right;
}

.cmgkatalog-img-div-3 {
  height: auto;  
  width: auto;
  margin: 5px 2px;
  text-align:center;
}

.cmgkatalog-img-div-3 img {
  float: left;
  margin:0px 10px 0px 0px;
}

.cmgkatalog-desc-3 {
  width: 50%;
  height: auto;
  float: right;
  text-align: justify;
}
.cmgkatalog-desc-more-3 {
   width: 95%; text-align: right !important; text-decoration: underline;float:right;
}
/* ----------------------------------------------- ADMINISTRACE Tlačítka ----------------------------------- */
 /* BUTTONS */

.buttons {
  width: 100%;
  text-align: right;
  height:25px;
} 

.buttons a, .buttons button{
    display:block;
    float:right;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214 !important;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214 !important;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff !important;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19 !important;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19 !important;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff !important;
}
.error {
	background: #fff6bf url(status_exclamation.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
    margin-top: 12px;
	}
	
	
   .tip {
 background: #F8FAFC url(status_information.png) no-repeat scroll 15px 50%;
 background-position: 15px 50%; /* x-pos y-pos */
 text-align: left;
 padding: 5px 20px 5px 45px;
 border-top: 2px solid #B5D4FE;
 border-bottom: 2px solid #B5D4FE;
 color: #000;
 overflow: hidden;
 }
 
.tip-hidder {
  float: right;
  cursor: pointer;
  background-color: #F5F5F5;
  border-color: #FF1100 #771100 #771100 #FF1100;
  border-style: solid;
  border-width: 1px;
  padding-left: 2px;
  padding-right: 2px;
} 

.tip-hidder:hover {
  background-color: #C4C4C4;
  border-color: #771100 #991100 #991100 #771100;
  border-style: solid;
  border-width: 1px;
} 


.tip-hidder a {
  color: #529214 !important;
}
    .accept {
	background: #E6EFC2 url(status_accept.png) no-repeat scroll 15px 50%;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #42ad1f;
	border-bottom: 2px solid #42ad1f;
	color:#529214;
    margin-top: 12px;
	}

.greytr {
  background-color: #DEDEDE;
}

.greytr h3 {
  padding: 0px !important;
  margin: 2px 0px 2px 10px !important;
  font-size: 13px !important;
  color: #000 !important;
}
	

/* -------------------------- Pravidla pro vzhled tabulky seznamu obrázků ----------------------- */

.hlimage, .hlimage td {
  background: #EAFFEA;
  border-color: #EAFFEA;
  border-collapse: collapse;
}

.imagetr2, .imagetr2 td {
  background: #EFEFEF;
  border-color: #EFEFEF;
  border-collapse: collapse;
}
.imagetr, .imagetr td {
  background: #fff;
  border-color: #fff;
  border-collapse: collapse;
}
	
/* --------------- kroky editace --------------- */

.steps { 
  width: 100%;
  height: 75px;
  }

 #mainNav li {
        background-color:#EBEBEB;
        background-image:url(http://localhost/reality/reality_img/navBtn.gif);
        background-position:right top;
        background-repeat:no-repeat;
        float:left;
        height:71px;
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        text-decoration: none;
    }
    #mainNav li.current {
        background-color:#205184;
        background-image:url(http://localhost/reality/reality_img/navCurrentBtn.gif);
    }
    #mainNav li.lastDone {
        background-color:#9cb1ce;
        background-image:url(http://localhost/reality/reality_img/navLastDoneBtn.gif);
    }
    #mainNav li.done {
        background-color:#9cb1ce;
        background-image:url(http://localhost/reality/reality_img/navDoneBtn.gif);
    }
    #mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
        color:#666;
    }
    #mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active {
        color:#FFFFFF;
    }
    #mainNav li.done a:hover, #mainNav li.lastDone a:hover {
        color:#FFFF99;
    }
    #mainNav li a em {
        display:block;
        font-style:normal;
        font-weight:bold;
        margin:6px 0 0 10px;
        width:130px;
    }
    #mainNav li a span {
        display:block;
        font-weight:normal;
        margin-left:9px;
        width:100px;
        font-size: 11px;
        text-decoration: none;
    }
    #mainNav li.mainNavNoBg {
        background-image:none;
    }
    #mainNav li a {
        display:block;
        height:71px;
        text-decoration: none;
    }
    #mainNav.fiveStep li {
        width:110px;
        text-decoration: none;
    }
    #mainNav.fiveStep li a {
        width:132px;
        text-decoration: none;
    }