.spec_dilo { float: left; overflow: hidden; width: 32.3%; height: 180px; padding:3px; margin: 1px; float: left; position: relative; }
.spec_dilo img {  width: 100% }
.spec_dilo span { background: #fff; padding: 5px; position: absolute; top: 130px; right: 0; }

.home_left_box { position: fixed; top: 205px; right: 0px; width: 84px; border: 1px solid white; }
.home_left_box img { width: 90px; }
.home_left_box { background: white; font-size: 90%  } 
.home_left_box div { padding-bottom: 5px}

#facebook_like_es { left: 26%;
    position: absolute;
    top: 10px;  }
    
#facebook_like_galerie { z-index:1; 
    top: 100px;  position: absolute;  left: 650px;
    }

.smartapi_ico { display: block; position: fixed; top: 0px; height: 120px; width: 100px; }
.l_reklama { position: fixed; top: 5px; right: 0px; width: 84px; height: 175px; border: 1px solid white; }
.show_autor { display: block; }
.iframe_dila { width: 180px; margin-left: 10px; float: right; }
.iframe_dila iframe { border: 0;  }
#art_color { width: 725px; }
#cena_dila { position: absolute; width: 300px; top: 50px; left: 220px; display: block; padding: 5px; margin: 5Px; font-size: 120%; text-align: right; }
.show_name_user_detail { width: 150px; float: right; margin-right: 15px; }

/* ------------------------------------------------------------------------- */
.f_chyba {  background: none repeat scroll 0 0 red;
    border-radius: 7px 7px 7px 7px;
    color: #FFFFFF;
    left: 47%;
    padding: 3px; margin: 3px 5px;
    position: absolute;  }
.relative { position: relative; }
.wrs_qtip { background-color: #FFE45C;
    border: 1px solid #FED22F; position: absolute; top: 5px; z-index: 20;
    border-radius: 10px; padding: 0.5% 1%;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.55); width: 60%; left: 20%; }
.wrs_qtip_error { background: #B81900 url("/script/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png") repeat scroll 50% 50% ;  
    border: 1px solid #CD0A0A; color: white; z-index: 20;
    position: absolute; top: 5px; border-radius: 10px; padding: 0.5% 1%;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.55); width: 60%; left: 20%; }
.wrs_qtip_error span, .wrs_qtip span { margin: 0 5px 0 0; }

#info, .info {
    background: url("http://www.vyroba-www.cz/design/ico/s64_info_ico.png") no-repeat scroll 5px center #fff;
    border: 1px solid #4F9BDC;
    border-radius: 7px;
    color: #000000;
    margin-bottom: 20px;
    padding: 0.5% 0.5% 0.5% 80px;
    width: auto; display: block; /* width: 88%; */
    } .info i { color:  #4F9BDC; }
    
/* ------------------------------------------------------------------------- */

.table_show { border: 1px solid #ccc;
    border-radius: 13px;
    overflow: hidden; } 
.table_show table td { padding: 7px }

span.stav_0 { border: 1px solid #ccc; color: #ccc; background: #fff; padding: 2px 5px; border-radius: 3px }
.table_stav_0 { background: #F0F0F0; } 

span.stav_1 { border: 1px solid orange; padding: 2px 5px; border-radius: 3px; background: #fff; }
.table_stav_1 { background: #FFEDC9; }

span.stav_2 { border: 1px solid blue; padding: 2px 5px; border-radius: 3px; background: #fff; }
.table_stav_2 { background: #A4D6F7; }

span.stav_3 { border: 1px solid green; padding: 2px 5px; border-radius: 3px; background: #fff; color: green }
.table_stav_3 { background: #CDEF83; } 

.swiper-container {
    height: 600px;}
    
body { font-family: arial; font-size: 10pt; margin-top: 0px; margin-bottom: 0px; 
    background: url('http://www.galeriexxl.cz/archiv/design/layout/backpage.png') repeat-x; background-color: #dbdbdb; }

.users_video { border: 0 solid #333333; float: left;    height: 150px;   margin: 2px;    padding: 2px; text-align: center; width: 175px; }    
.users_video_show { width: 180px; height: 170px; float: left; padding-top: 20px; }



a img { border: 0px; }
#center { width: 960px; margin-left: auto; margin-right: auto; background-color: #fff;  }
h1 { clear: left; padding: 20px 0 10px 0; }
h2, h3, h4, h5, h6 {  }
p { margin: 0px; }
.perex2 { padding-bottom: 10px; padding-top: 10px; font-weight: bold; }
h1 { font-size: 140%; }
h2 { font-size: 120%; } 
h3 { font-size: 110%; }
h4 { font-size: 100%; }
h5 { font-size: 95%; }
h6 { font-size: 90%; }
a {  color: #D60C02; font-weight: bold; text-decoration: none; }
a:hover { color: #666; text-decoration: underline;   }
a:active { color: #FF6600; }

.partneri {  width: 900px; height: 52px; clear: both; position: relative; left: 0px;  }
.partneri ul, .partneri li { padding: 0px; margin: 0px; }
    .partner  { margin-left: 20px; list-style-type: none; text-align: center; background: url('http://www.galeriexxl.cz/archiv/data/image/partneri/ustecky_kraj.png') no-repeat; width: 52px; height: 52px; float: right;  }
        .partner:hover {   background-image: url('http://www.galeriexxl.cz/archiv/data/image/partneri/ustecky_kraj_b.png');}
        .partner a {  text-decoration: none;   font-size: 50px;   } 
        .partner a span {  padding: 0px 20px 0px 20px; }

    .partner1  { list-style-type: none; text-align: center; background: url('http://www.galeriexxl.cz/archiv/data/image/partneri/ustecky_kraj.png') no-repeat; width: 52px; height: 52px; float: right;  }
        .partner1:hover {   background-image: url('http://www.galeriexxl.cz/archiv/data/image/partneri/ustecky_kraj_b.png');}
        .partner1 a {  text-decoration: none;   font-size: 50px;   } 
        .partner1 a span {  padding: 0px 20px 0px 20px; }
    .partner2  {  list-style-type: none; text-align: center; background: url('http://www.galeriexxl.cz/archiv/data/image/partneri/louny.png') no-repeat; width: 52px; height: 52px; float: right;  }
        .partner2:hover {   background-image: url('http://www.galeriexxl.cz/archiv/data/image/partneri/louny_b.png');}
        .partner2 a {  text-decoration: none;   font-size: 50px;   } 
        .partner2 a span {  padding: 0px 20px 0px 20px; }
    .partner3  { list-style-type: none; text-align: center; width: 52px; height: 52px; float: right;  }
        .partner3:hover {  }
        .partner3 a {  text-decoration: none;   font-size: 50px;   } 
        .partner3 a span {  padding: 0px 20px 0px 20px; }
    .partner4  { list-style-type: none; text-align: center; background: url('http://www.galeriexxl.cz/archiv/data/image/partneri/nielsen.png') no-repeat; width: 52px; height: 52px; float: right;  }
        .partner4:hover {   background-image: url('http://www.galeriexxl.cz/archiv/data/image/partneri/nielsen.png');}
        .partner4 a {  text-decoration: none;   font-size: 50px;   } 
        .partner4 a span {  padding: 0px 20px 0px 20px; }
    .partner5  { list-style-type: none; text-align: center; background: url('http://www.galeriexxl.cz/archiv/data/image/partneri/vakutex.png') no-repeat; width: 52px; height: 52px; float: right;  }
        .partner5:hover {   background-image: url('http://www.galeriexxl.cz/archiv/data/image/partneri/vakutex_b.png');}
        .partner5 a {  text-decoration: none;   font-size: 50px;   } 
        .partner5 a span {  padding: 0px 20px 0px 20px; }
    .partner6  { list-style-type: none; text-align: center; background: url('http://www.galeriexxl.cz/archiv/data/image/partneri/ilouny.png') no-repeat; width: 52px; height: 52px; float: right;  }
        .partner6:hover {   background-image: url('http://www.galeriexxl.cz/archiv/data/image/partneri/ilouny_b.png');}
        .partner6 a {  text-decoration: none;   font-size: 50px;   } 
        .partner6 a span {  padding: 0px 20px 0px 20px; }
    .partner7  { list-style-type: none; text-align: center; background: url('http://www.galeriexxl.cz/archiv/data/image/partneri/eregion.png') no-repeat; width: 52px; height: 52px; float: right;  }
        .partner7:hover {   background-image: url('http://www.galeriexxl.cz/archiv/data/image/partneri/eregion_b.png');}
        .partner7 a {  text-decoration: none;   font-size: 50px;   } 
        .partner7 a span {  padding: 0px 20px 0px 20px; }
    .partner8  { list-style-type: none; text-align: center; background: url('http://www.galeriexxl.cz/archiv/data/image/partneri/sever.png') no-repeat; width: 52px; height: 52px; float: right;  }
        .partner8:hover {   background-image: url('http://www.galeriexxl.cz/archiv/data/image/partneri/sever_b.png');}
        .partner8 a {  text-decoration: none;   font-size: 50px;   } 
        .partner8 a span {  padding: 0px 20px 0px 20px; }
    .partner9  { list-style-type: none; text-align: center; background: url('http://www.galeriexxl.cz/archiv/data/image/partneri/blanik.png') no-repeat; width: 52px; height: 52px; float: right;  }
        .partner9:hover {   background-image: url('http://www.galeriexxl.cz/archiv/data/image/partneri/blanik_b.png');}
        .partner9 a {  text-decoration: none;   font-size: 50px;   } 
        .partner9 a span {  padding: 0px 20px 0px 20px; }

    .partner10  { list-style-type: none; text-align: center; background: url('http://www.galeriexxl.cz/archiv/data/image/partneri/templarske_vino.png') no-repeat; width: 52px; height: 52px; float: right;  }
        .partner10:hover {   background-image: url('http://www.galeriexxl.cz/archiv/data/image/partneri/templarske_vino_b.png');}
        .partner10 a {  text-decoration: none;   font-size: 50px;   } 
        .partner10 a span {  padding: 0px 20px 0px 20px; }
    .partner11  { list-style-type: none; text-align: center; background: url('http://www.galeriexxl.cz/archiv/data/image/partneri/atlantic.png') no-repeat; width: 52px; height: 52px; float: right;  }
        .partner11:hover {   background-image: url('http://www.galeriexxl.cz/archiv/data/image/partneri/atlantic_b.png');}
        .partner11 a {  text-decoration: none;   font-size: 50px;   } 
        .partner11 a span {  padding: 0px 20px 0px 20px; }
    .partner12  { list-style-type: none; text-align: center; width: 52px; height: 52px; float: right;  }
        .partner12:hover {  }
        .partner12 a {  text-decoration: none;   font-size: 50px;   } 
        .partner12 a span {  padding: 0px 20px 0px 20px; }
    .partner13  { list-style-type: none; text-align: center; width: 52px; height: 52px; float: right;  }
        .partner13:hover {  }
        .partner13 a {  text-decoration: none;   font-size: 50px;   } 
        .partner13 a span {  padding: 0px 20px 0px 20px; }
	
	
.show_autor { font-size: 80%; color: #000 }
.t_showoff {    opacity: 0.2;  
                filter: alpha(opacity=80);  
                -moz-opacity: 0.8;  
                -khtml-opacity: 0.8; }
    .t_showoff:hover {  opacity: 1;  
                filter: alpha(opacity=0);  
                -moz-opacity: 0;  
                -khtml-opacity: 0; }
.opacity_ON {  opacity: 1;  
                filter: alpha(opacity=0);  
                -moz-opacity: 0;  
                -khtml-opacity: 0; }

.zapsat_hodnoceni { background-color: #FBFEA7; border: 1px solid #F7C11C; float: left;
            width: 720px; padding-left: 5px; margin-top: 10px; 
    -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; }
.zapsat_hodnoceni h2, .zapsat_hodnoceni p { margin: 5px; }
.form_hodnoceni { width: 300px; float: right; background-color: #FBFEA7; border: 1px solid #F7C11C; margin: 5px 5px 5px 13px; 
    -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; }
.text_hodnoceni { width: 260px; height: 100px; }
.hod_hodnoceni { width: 40px; }
.detail_hodnoceni { background-color: #fff; border: 1px solid #F7C11C; float: left;
            width: 715px; padding: 5px; margin-top: 10px;  border-radius: 8px;  }
.detail_hodnoceni h2 { margin-top: 2px; }


/* Easy Tooltip */

#easyTooltip{
	margin:0 10px 1em 0;
	width:220px;
	padding:8px;
	background:#fff;
	border:1px solid #e1e1e1;
	line-height:130%;				
	}
#easyTooltip h3 {
	margin: 0 0 0em 0;
	font: 14px Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-transform:uppercase;
	}
#easyTooltip h4 {
	margin:0 0 0.5em 0;
	font:12px Arial, Helvetica, sans-serif;

	}
#easyTooltip p{
	margin:0 0 .5em 0;
	}
#easyTooltip ul {
        padding: 0px 0px 0px 20px;
	}
#easyTooltip img{
		float:left;
		margin-right:10px;
		}		
.showoff {display:none;}
#item0{display:none;}
#item1{display:none;}
#item2{display:none;}
#item3{display:none;}
#item4{display:none;}
#item5{display:none;}
#item6{display:none;}
#item7{display:none;}
#item8{display:none;}
#item9{display:none;}
#item10{display:none;}
#item11{display:none;}					
#item12{display:none;}
#item13{display:none;}
#item14{display:none;}
#item15{display:none;}
#item16{display:none;}
#item17{display:none;}
#item18{display:none;}
#item19{display:none;}
#item20{display:none;}
#item21{display:none;}
#item22{display:none;}
#item23{display:none;}
#item24{display:none;}
#item25{display:none;}
#item26{display:none;}
#item27{display:none;}
#item28{display:none;}
#item29{display:none;}
#item30{display:none;}
#item31{display:none;}
#item32{display:none;}
#item33{display:none;}
#item34{display:none;}
#item35{display:none;}
#item36{display:none;}
#item37{display:none;}
#item38{display:none;}
#item39{display:none;}
#item40{display:none;}
#item41{display:none;}
#item42{display:none;}
#item43{display:none;}
#item44{display:none;}
#item45{display:none;}
#item46{display:none;}
#item47{display:none;}
#item48{display:none;}
#item49{display:none;}
#item50{display:none;}
#item51{display:none;}
#item52{display:none;}
#item53{display:none;}
#item54{display:none;}
#item55{display:none; }
#item56{display:none; } 
#item57{display:none; }
#item58{display:none; }
#item59{display:none; }
#item60{display:none; }
#item61{display:none; }
#item62{display:none; }
#item63{display:none; }
#item64{display:none; }
#item65{display:none; }
#item66{display:none; }
#item67{display:none; }
#item68{display:none; }
#item69{display:none; }
#item70{display:none; }
#item71{display:none; }
#item72{display:none; }
#item73{display:none; }
#item74{display:none; }
#item75{display:none; }
#item76{display:none; }
#item77{display:none; }
#item78{display:none; }
#item79{display:none; }
#item80{display:none; }
#item81{display:none; }
#item82{display:none; }
#item83{display:none; }
#item84{display:none; }
#item85{display:none; }
#item86{display:none; }
#item87{display:none; }
#item88{display:none; }
#item89{display:none; }
#item90{display:none; }
#item91,#item92,#item93,#item94,#item95,#item96,#item97,#item98,#item99,#item100,#item101,#item102,#item103,#item104,#item105,#item106,#item107,#item108,#item109,#item110,#item111,#item112,#item113,
#item114,#item115,#item116,#item117,#item118,#item119,#item120,#item121,#item122,#item123,#item124,#item125,#item125,#item126,#item127,#item128,#item129,#item130,
#item131,#item132,#item133,#item134,#item135,#item136,#item137,#item138,#item139, #item140 {display:none; }
/* // Easy Tooltip */

.users_show { width: 720px; }
.obr_nahodna  { text-align: center; border: 0px solid #333; float: left; 
    width: 135px; height: 200px;  margin:  2px 2px 2px 2px; padding: 2px;  }
    .obr_nahodna { opacity: 0.3;  
                filter: alpha(opacity=30);  
                -moz-opacity: 0.3;  
                -khtml-opacity: 0.3;}
    .obr_nahodna:hover{ opacity: 1;  
                filter: alpha(opacity=100);  
                -moz-opacity: 1;  
                -khtml-opacity: 1;}
    .obr_nahodna_autori  { text-align: center; border: 0px solid #333; float: left; 
    width: 135px; height: 150px;  margin:  2px 2px 2px 2px; padding: 2px;  }
.obr_nahodna  h2 { font-size: 12px;  margin-top: 3px; margin-bottom: 0px; }		
.obr_nahodna  h3 { font-size: 10px;  margin-top: 2px; margin-bottom: 0px; font-weight: normal;}		

/* dila nahodne na HOME */
.dilo_m { border: 1px solid #ccc; padding: 5px; position: relative; left: 0px; background-color: #fff; }
.obr_index_show { text-align: center; border: 0px solid #333;  float: left;
    width: 130px; height: 200px;  margin:  2px 2px 10px 2px; padding: 2px;  }
.obr_index_show  h2 { font-size: 12px;  margin-top: 3px; margin-bottom: 0px; }		
.obr_index_show  h3 { font-size: 10px;  margin-top: 2px; margin-bottom: 0px; font-weight: normal;}		
/* .obr_index_show:hover { border: 1px solid #ccc; }*/

.div_popis { border-bottom: 1px solid #ccc; width: 40%;  }

/* dila nabidka galerie u autora na HOME */
.dila_nabidka { text-align: center; border: 0px solid #333;  float: left;
    width: 130px; height: 160px;  margin:  2px 2px 2px 2px; padding: 2px;   }
.dila_nabidka  h2 { font-size: 12px;  margin-top: 3px; margin-bottom: 0px; }		
.dila_nabidka  h3 { font-size: 10px;  margin-top: 2px; margin-bottom: 0px; font-weight: normal;}
/* dila hodnocene galerie u autora na detail hodnoceni a iframe */
.dila_hodnocene { text-align: center; border: 0px solid #333;  float: left;
    width: 130px; height: 160px;  margin:  2px 2px 2px 2px; padding: 2px;   }
.dila_hodnocene  h2 { font-size: 12px;  margin-top: 3px; margin-bottom: 0px; }		
.dila_hodnocene  h3 { font-size: 10px;  margin-top: 2px; margin-bottom: 0px; font-weight: normal;}
/* detail dila dila autora nahledy */
.dila_detail_ico { clear: right; width: 100%; }
.dila_detail_ico div { text-align: center; border: 0px solid #333;  float: left;
    width: 145px; height: 190px;  margin:  2px 2px 2px 2px; padding: 2px;   }
.dila_detail_ico  h2 { font-size: 12px;  margin-top: 3px; margin-bottom: 0px; }		
.dila_detail_ico  h3 { font-size: 10px;  margin-top: 2px; margin-bottom: 0px; font-weight: normal;}
 
/* zpravicky na home /seznam novinek */
.index_news { clear: both;  }
.index_news .news_index img { padding-bottom: 20px; }
.news_index { float: left; border-left: 1px #eaeaea solid; padding: 0 2%; width: 21.4%; }
.news_index h2 { font-size: 110%; margin: 0px; }
.index_news {  border-top: 1px solid #eaeaea; padding: 10px 0 0 0; margin: 10px 0 5px 0; }
.news_index_first { border: 0px; padding: 0 2% 0 0; }
.news_index span { display: block; font-size: 70%; color: #7E7E7E; }

.news_show { clear: left; margin: 40px 10px; }
/* fotogalerie pod clankem */
.foto_items { width: 850px; height: 120px;  padding-top: 20px; margin-left: 20px;  clear: right; }
.foto_items img.foto { margin-left: 19px; margin-right: 19px; border: 1px solid #000; }
.foto_items_admin { float: left; width: 14%; height: 100px;
    border: 0px solid orange; margin: 0px 0px 5px 5px; padding: 5px; }
  
  .foto_items_home { width: 280px; height: 120px;  padding-top: 10px; margin-left: 10px;  }
    .foto_items_home img.foto { margin-left: 0px; margin-right: 30px; border: 1px solid #000; }
    .afoto_items_admin { float: left; width: 14%; height: 100px;
        border: 0px solid orange; margin: 0px 0px 5px 5px; padding: 5px; }



/* ---class-Galerie type A-------------------- */
.fotogalerie_alista {  width: 100%;
    padding-left: 10px;
    background-color: #666;
     }

.fotogalerie { float: left; width: 214px; height: 310px;
border: 0px solid orange; margin: 0px 0px 20px 5px; padding: 5px; text-align: center; }

/* ---
.fotogalerie img { width: 180px; height: 160px; }
--- */

.fotogalerie_admin { float: left; width: 214px; height: 280px;
border: 0px solid orange; margin: 0px 0px 5px 5px; padding: 5px; }


.fotogalerie_iko { float: left; width: 122px; height: 113px; margin: 4px;
border: 0px solid orange;  }

/* .fotogalerie_iko { float: left; width: 100px; height: 100px;
border: 0px solid orange; margin: 0px 0px 5px 5px; padding: 5px; } */

.fotogalerie_iko_admin { float: left; width: 135px; height: 180px;
border: 0px solid orange; margin: 0px 0px 5px 5px; padding: 5px; }

.foto_popis { position: relative; top: -31px; color: #000;  display: block; }
.foto_popis p { width: 190px; font-size: 90%; margin: 0px; margin-left: 8px; }
.foto_name { height: 30px; position: relative; top: -33px; color: #000; padding-left: 18px; display: block; font-weight: bold; }

.foto_img { border: 1px solid #fff; padding: 8px 8px 38px 8px; background-color: #fff;  }
.foto_img:hover { border: 1px solid #fff;  }
.foto_imgctv { border: 1px solid #FFF; background-color: #fff; display: block; }
.foto_imgctv:hover { border: 1px solid #666;  }

#gallery { padding-left: 5px;   }
#gallery ul { list-style: none; padding: 0px; }
#gallery ul li { display: inline; padding: 0px; }

/* ---class galerie A konec--------------------- */
/* ------------------------ */


/* barevne pozadi u dila */
.box { display: inline;  }


/* dila show */
.dila_show { float: left; width: 31%; margin: 1%; height: 250px; text-align: center;  }
.dilo_border { padding: 5px; background-color: white; border: 1px #ccc solid; text-decoration: none;  }
.dila_show img { margin: 5px; }
.dila_show h2 { font-size: 110%; margin: 0px; } /* nazvy obrazu u vypisu */
.dila_show h3 { font-size: 100%; margin: 0px; }

.ico_koupit_detail { position: relative; top: 7px; left: 10px; }


/* mapa google*/

#mapCanvas {
       float: right;
       width: 920px;
       height: 400px;
       border: 1px solid #CCCCCC;
       margin: 20px 0px 10px 0px;
}


/* div { border: 1px solid blue; } */
.bannery { padding-left: 10px; height: 10px; clear: both; }
.hledej { text-align: right; width: 260px; float: right; margin-top:5px; margin-right: 10px;   }

.place_top { margin-top: 10Px; padding-top: 5px; padding-left: 20px; width: 940px; height: 30px;
    background: url('http://www.galeriexxl.cz/archiv/design/layout/back_placetop.png') top left no-repeat; }
    .place_top p { margin: 0px; }
.place_page { width: 920px; padding-left: 20px; padding-right: 20px; position: relative;
    background: url('http://www.galeriexxl.cz/archiv/design/layout/place_page.gif') repeat-y; background-color: #fff; }
    .sl1 { width: 71%; float: left; padding-left: 5px; padding-right: 20px; clear: both }
    .sl2 { width: 30%; float: left; padding-left: 20px; padding-right: 20px; }
        .sl3 img { margin: 0px 10px 10px 0px; background-color: #fff; border: 1px solid  #b90900; padding: 2px  }
    .sl3 { width: 21%; float: left; padding-left: 20px; padding-right: 0px; }
        .sl2, .sl3 {  border-left: 1px solid #eaeaea; float: left; padding-left: 2%; padding-right: 0; width: 24%; }


.title  { text-align: right; height: 40px }
.title a { padding: 10px 10px 0 0; position: relative; top: 10px; }
.detail { padding: 10px 0; position: relative; } /*clear: both;*/
.detail_nazev { clear: both; float: left; font-size: 80%; color: #666; border-radius: 4px; background: #fff; border: 1px solid #ccc; padding: 2px 10px; position: relative; top: 5px; left: 5px }
.dilo_obj { float: right; border-radius: 4px; color: #fff; background: #000; border: 0px solid #ccc; padding: 2px 10px; position: relative; top: 5px; left: -5px; font-weight: normal; text-align: center; z-index:2 }
.dilo_toto { left: 560px; position: absolute; top: 60px; width: 156px; }
.dilo_obj:hover { background: red; color: #fff; }

.showroom {  border-top: 1px solid #eaeaea; padding: 10px 0 0 0; margin: 10px 0 5px 0; clear: both }
.abc_link a { border: 1Px solid #ccc; background: #fff; color: red; padding: 3px; margin: 0px; font-size: 90%; border-radius: 4px; }
.abc_link a:hover { border: 1Px solid #fff; background: red; color: #fff; border-radius: 4px; }
.wrs_share  { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding: 10px 0 0 0; margin: 10px 0 5px 0; clear: left }  

.small { clear: both }
 
.pata { position: relative; border-top: 1px solid #eaeaea; background-color: #fff; 
    width: 920px; color: white; font-size: 80%; color: #000; }
    .divpata {  margin: 10px; text-align: right; }
    .pata a { color: #000;  padding: 0 4px; }
    .pata a:hover { color: purple;   }
    .code { text-align: right; padding: 20px 10px 10px 10px; clear: both;  }
    
/* tabulky ----------------------------------- */
	table { border: 0px; border-collapse: collapse; width: 100%; }
        .border_bottom { border-bottom: 1px solid #ccc; }
	.tr_popis { background-color: #ccc; font-size: 90%; color: #666; }
	.tr_hover:hover { background-color: #fff; }
/*	.tr_a { background-color: #fcfbfb;  }
	.tr_b { background-color: #F6F6F6;  }
 ------------------------------------------- */


/* cistic - ceka az dotecou */
.boxik {   padding: 1em;   }
hr.cistic {   clear: both;   height: 1px;   border: none;   margin: -1em 0 0 0;   visibility: hidden;    }
/* ------------------------ */


/* menu ------------------------ */
    .hlmenu { width: 675px; height: 36px; float: right;
    }
    .hlmenu ul { margin: 0px; padding: 0px; } 
    .hlmenu ul li { margin: 0px;  padding: 0px; list-style-type: none; }
    
        .home  { list-style-type: none; text-align: center;
        background: url('http://www.galeriexxl.cz/archiv/design/layout/galeriexxl_menu_01.gif') no-repeat;
        width: 76px; height: 34px; float: left;  }
        /*.home:hover {   background-image: url('http://www.galeriexxl.cz/archiv/design/layout/pata.gif'');}*/
        .home a {  text-decoration: none; color: #fff;}
        .home a:hover {  color: #ccc; }
        .home a span { position: relative; top: 8px; padding: 10px 20px; }
        
        .novinky  { list-style-type: none; text-align: center;
        background: url('http://www.galeriexxl.cz/archiv/design/layout/galeriexxl_menu_02.gif') no-repeat;
        width: 87px; height: 34px; float: left;  }
        /*.home:hover {   background-image: url('http://www.galeriexxl.cz/archiv/design/layout/pata.gif'');}*/
        .novinky a {  text-decoration: none; color: #fff;}
        .novinky a:hover {  color: #ccc; }
        .novinky a span { position: relative; top: 8px;  }
        
        .onas  { list-style-type: none; text-align: center;
        background: url('http://www.galeriexxl.cz/archiv/design/layout/galeriexxl_menu_03.gif') no-repeat;
        width: 74px; height: 34px; float: left;  }
        /*.home:hover {   background-image: url('http://www.galeriexxl.cz/archiv/design/layout/pata.gif'');}*/
        .onas a {  text-decoration: none; color: #fff;}
        .onas a:hover {  color: #ccc; }
        .onas a span { position: relative; top: 8px;  }
        
        .vystavy  { list-style-type: none; text-align: center;
        background: url('http://www.galeriexxl.cz/archiv/design/layout/galeriexxl_menu_04.gif') no-repeat;
        width: 87px; height: 34px; float: left;  }
        /*.home:hover {   background-image: url('http://www.galeriexxl.cz/archiv/design/layout/pata.gif'');}*/
        .vystavy a {  text-decoration: none; color: #fff; }
        .vystavy a:hover {  color: #ccc; }
        .vystavy a span { position: relative; top: 8px;  }
        
        .autori  { list-style-type: none; text-align: center;
        background: url('http://www.galeriexxl.cz/archiv/design/layout/galeriexxl_menu_05.gif') no-repeat;
        width: 74px; height: 34px; float: left;  }
        /*.home:hover {   background-image: url('http://www.galeriexxl.cz/archiv/design/layout/pata.gif'');}*/
        .autori a {  text-decoration: none; color: #fff; }
        .autori a:hover {  color: #ccc; }
        .autori a span { position: relative; top: 8px;  }
        
        .dila  { list-style-type: none; text-align: center;
        background: url('http://www.galeriexxl.cz/archiv/design/layout/galeriexxl_menu_06.gif') no-repeat;
        width: 119px; height: 34px; float: left;  }
        /*.home:hover {   background-image: url('http://www.galeriexxl.cz/archiv/design/layout/pata.gif'');}*/
        .dila a {  text-decoration: none; color: #fff; }
        .dila a:hover {  color: #ccc; }
        .dila a span { position: relative; top: 8px;  }
        
        .kde  { list-style-type: none; text-align: center;
        background: url('http://www.galeriexxl.cz/archiv/design/layout/galeriexxl_menu_07.gif') no-repeat;
        width: 150px; height: 34px; float: left;  }
        /*.home:hover {   background-image: url('http://www.galeriexxl.cz/archiv/design/layout/pata.gif'');}*/
        .kde a {  text-decoration: none; color: #fff; }
        .kde a:hover {  color: #ccc; }
        .kde a span { position: relative; top: 8px;  }
/* ------------------------ */


/* fce wrs_function -------------------------- */
	/* basic sys css */
	.left { text-align: left; }
	.right { text-align: right; }
	.center { text-align: center; }
        .fl_left { float: left; }
        .fl_right { float: right; }
        .small { font-size: 80%; color: #7E7E7E; }
        
        /* navigace strankovani */
        .navigace {
				text-align: right;
				color: #666;
				clear: left; display: block; margin: 10px; 
                }
        .navigace a { 
		border: 1Px solid #ccc; background: #fff; color: red;
		padding: 3px; margin: 0px; font-size: 90%; border-radius: 4px; 
                opacity: 0.3;  
                filter: alpha(opacity=30);  
                
                
        }
	.navigace a:hover { 
        
                opacity: 1;  
                filter: alpha(opacity=100);  
                
        }
        
        
	/* div _nutne_prihlaseni */
	._nutne_prihlaseni {  
		text-align: center;
		color: red;
	} 
/* ------------------------------------------- */
/* class users ------------------------------- */
.avatar { float: right; margin: 0px 10px 0px 0px; font-size: 80%;  }
.avatar img { background: #fff; border: 1px solid #ccc; padding: 5px 5px 20px 5px; }
/* ------------------------------------------- */

.hlavicka_login { border: 1px solid #purple; background: #000; color: white; padding: 4px; margin: 10px 0 15px 0; border-radius: 4px; }
.hlavicka_login a { color: #E800E8; padding: 1px 4px;  }
.hlavicka_login a:hover { color: #E882E4; }

/* ----nastaveni form-------------------- */
.tablelogin { width: 420px;  }
.fieldset_login { width: 500px; margin-left: 200px; margin-bottom: 60px; margin-top: 20px; }
legend {
        position: relative; color: #999;
        left: 10px; border: 1px solid #ccc; background: #fff; margin-left: 10px; border-radius: 4px; padding: 2px 5px; }

.default { display: block;
        float: left;
	width: 240px;
 	text-align: right;
 	margin-right: 10px; }
.default_b { display: block;
        float: left;
	width: 375px;
 	text-align: right;
 	margin-right: 10px; }
.default_vb { display: block;
        float: left;
	width: 320px;
 	text-align: right;
 	margin-right: 10px; }
.default_s { display: block;
        float: left;
	width: 110px;
 	text-align: right;
 	margin-right: 10px; }
.default_ss { display: block;
        float: left;
	width: 50px;
 	text-align: left;
 	margin-left: 10px; }
.required
{
 	color: #C23400;
}
form p { margin: 0px; }
form div
{
	float: left;
	width: 100%;
	padding: 2px 0 6px 0;
	margin: 0;
}
fieldset
{
  display: block;
  padding: 5px;
  
	margin: 5px;
	width: 98%;
	float: left;
	
        background-color: #ededed;
        border: 1px solid #d6d6d6;
        
        background: url('/design/layout/kamentar_backrepeat.png') repeat-x;
        border-radius: 8px;
}
.buttonHolder
{
	float: left;
	padding: 8px 0 0 360px;
}
.radioHolder
{
	float: left;
	width: 376px;
}
textarea { width: 50%; }

.input_n { width: 80px }
input { border-radius: 4px; padding: 3px; border: 1px solid #ccc; font-size: 100%; }

form fieldset div label { position: relative; top: 4px; }

.odeslat { width: 108px;  height: 23px; position: relative; left: -10px; float: right; border: 0px }
.odeslat_m { width: 19px;  height: 19px; float: right }
/* --------------------- */
/* ------------------------ */

/* users_type ------------- */
.users_type_show {
        width: 99%; background-color: #E9E7E7;
        padding: 5px;
        background: url('http://www.galeriexxl.cz/archiv/design/layout/kamentar_backrepeat.png') repeat-x;
        margin-top: 5px;
        -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px;
        }
        .users_type_a { width: 99%; background-color: #ccc; padding-left: 1%; 
            -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
        .users_type_show p, .users_type_show h2, .users_type_a p { margin: 0px; }
/* ----------------- */
/* wrs_languages ------------- */
.wrs_languages_show {
        width: 99%; background-color: #E9E7E7;
        padding: 5px;
        background: url('http://www.galeriexxl.cz/archiv/design/layout/kamentar_backrepeat.png') repeat-x;
        margin-top: 5px;
        -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px;
        }
        .wrs_languages_a { width: 99%; background-color: #ccc; padding-left: 1%; 
            -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
        .wrs_languages_show p, .wrs_languages_show h2, .wrs_languages_a p { margin: 0px; }
/* ----------------- */
/* dila_styl ------------- */
.dila_styl_show {
        width: 99%; background-color: #E9E7E7;
        padding: 5px;
        background: url('http://www.galeriexxl.cz/archiv/design/layout/kamentar_backrepeat.png') repeat-x;
        margin-top: 5px;
        -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px;
        }
        .dila_styl_a { width: 99%; background-color: #ccc; padding-left: 1%; 
            -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
        .dila_styl_show p, .dila_styl_show h2, .dila_styl_a p { margin: 0px; }
/* ----------------- */
/* dila_stav ------------- */
.dila_stav_show {
        width: 99%; background-color: #E9E7E7;
        padding: 5px;
        background: url('http://www.galeriexxl.cz/archiv/design/layout/kamentar_backrepeat.png') repeat-x;
        margin-top: 5px;
        -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px;
        }
        .dila_stav_a { width: 99%; background-color: #ccc; padding-left: 1%; 
            -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
        .dila_stav_show p, .dila_stav_show h2, .dila_stav_a p { margin: 0px; }
/* ----------------- */
/* newsletter ------------- */
.newsletter_kat_show {
        width: 99%; background-color: #E9E7E7;
        padding: 5px;
        background: url('http://www.galeriexxl.cz/archiv/design/layout/kamentar_backrepeat.png') repeat-x;
        margin-top: 5px;
        -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px;
        }
        .newsletter_kat_a { width: 99%; background-color: #ccc; padding-left: 1%; 
            -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
        .newsletter_kat_show p, .newsletter_kat_show h2, .newsletter_kat_a p { margin: 0px; }
/* ----------------- */
/* newsletter ------------- */
.newsletter_show {
        width: 99%; background-color: #E9E7E7;
        padding: 5px;
        background: url('http://www.galeriexxl.cz/archiv/design/layout/kamentar_backrepeat.png') repeat-x;
        margin-top: 5px;
        -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px;
        }
        .newsletter_a { width: 99%; background-color: #ccc; padding-left: 1%; 
            -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
        .newsletter_show p, .newsletter_show h2, .newsletter_a p { margin: 0px; }
/* ----------------- */
/* dila_type ------------- */
.dila_type_show {
        width: 99%; background-color: #E9E7E7;
        padding: 5px;
        background: url('http://www.galeriexxl.cz/archiv/design/layout/kamentar_backrepeat.png') repeat-x;
        margin-top: 5px;
        -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px;
        }
        .dila_type_a { width: 99%; background-color: #ccc; padding-left: 1%; 
            -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
        .dila_type_show p, .dila_type_show h2, .dila_type_a p { margin: 0px; }
/* ----------------- */
/* smlouva_duvod ------------- */
.smlouva_duvod_show {
        width: 99%; background-color: #E9E7E7;
        padding: 5px;
        background: url('http://www.galeriexxl.cz/archiv/design/layout/kamentar_backrepeat.png') repeat-x;
        margin-top: 5px;
        -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px;
        }
        .smlouva_duvod_a { width: 99%; background-color: #ccc; padding-left: 1%; 
            -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
        .smlouva_duvod_show p, .smlouva_duvod_show h2, .smlouva_duvod_a p { margin: 0px; }
/* ----------------- */
/* charakter_show ------------- */
.charakter_show {
        width: 99%; background-color: #E9E7E7;
        padding: 5px;
        background: url('http://www.galeriexxl.cz/archiv/design/layout/kamentar_backrepeat.png') repeat-x;
        margin-top: 5px;
        -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px;
        }
        .charakter_a { width: 99%; background-color: #ccc; padding-left: 1%; 
            -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
        .charakter_show p, .charakter_show h2, .charakter_a p { margin: 0px; }
/* ----------------- */
/* akce ------------- */
.akce_show {
        width: 99%; background-color: #E9E7E7;
        padding: 5px;
        background: url('http://www.galeriexxl.cz/archiv/design/layout/kamentar_backrepeat.png') repeat-x;
        margin-top: 5px;
        -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px;
        }
        .akce_a { width: 99%; background-color: #ccc; padding-left: 1%; 
            -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
        .akce_show p, .akce_show h2, .akce_a p { margin: 0px; }
/* ----------------- */
/* menu ------------- */
.menu_show {
        width: 99%; background-color: #E9E7E7;
        padding: 5px;
        background: url('http://www.galeriexxl.cz/archiv/design/layout/kamentar_backrepeat.png') repeat-x;
        margin-top: 5px;
        -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px;
        }
        .menu_a { width: 99%; background-color: #ccc; padding-left: 1%; 
            -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
        .menu_show p, .menu_show h2, .menu_a p { margin: 0px; }
/* ----------------- */
/* menu ------------- */
.users_hodnocen_show {
        width: 99%; background-color: #E9E7E7;
        padding: 5px;
        background: url('http://www.galeriexxl.cz/archiv/design/layout/kamentar_backrepeat.png') repeat-x;
        margin-top: 5px;
        -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px;
        }
        .users_hodnocen_a { width: 99%; background-color: #ccc; padding-left: 1%; 
            -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
        .users_hodnocen_show p, .users_hodnocen_show h2, .users_hodnocen_a p { margin: 0px; }
/* ----------------- */




/* bubbleinfo------------------------ */

        .bubbleInfo {
            position: relative;
            top: 0px;
            left: 0px;
            width: 22px; height: 10px;
        }
        .trigger { 
        }
     
        /* Bubble pop-up */

        .popup {
                width: 400px;
        	position: absolute;
        	display: none;
        	z-index: 50;
        	border-collapse: collapse;

        }

        .popup table, .popup tr, .popup td {
            margin: 0;
            padding: 0;
            }
            
        .popup td.corner {
        	height: 15px;
        	width: 19px;
        }

        .popup td#topleft { background-image: url(http://www.galeriexxl.cz/archiv/design/bubble/bubble-1.png); }
        .popup td.top { background-image: url(http://www.galeriexxl.cz/archiv/design/bubble/bubble-2.png); }
        .popup td#topright { background-image: url(http://www.galeriexxl.cz/archiv/design/bubble/bubble-3.png); }
        .popup td.left { background-image: url(http://www.galeriexxl.cz/archiv/design/bubble/bubble-4.png); }
        .popup td.right { background-image: url(http://www.galeriexxl.cz/archiv/design/bubble/bubble-5.png); }
        .popup td#bottomleft { background-image: url(http://www.galeriexxl.cz/archiv/design/bubble/bubble-6.png); }
        .popup td.bottom { background-image: url(http://www.galeriexxl.cz/archiv/design/bubble/bubble-7.png); text-align: center;}
        .popup td.bottom img { display: block; margin: 0 auto; }
        .popup td#bottomright { background-image: url(http://www.galeriexxl.cz/archiv/design/bubble/bubble-8.png); }

        .popup .popup-contents {
        	font-size: 12px;
        	line-height: 1.2em;
        	background-color: #fff;
        	color: #666;
        	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
        	}



/* ------------------------ */
/*--java fce-------------#faq1 , pouzito na home o nas-- */
 #faq2 , #faq3 , #faq4 , #faq5 , #faq6, #faq7 , #faq8 , #faq9 , #faq10 , #faq11 , #faq12,
#faq13 , #faq14 , #faq15 , #faq16 , #faq17 , #faq18, #faq19 , #faq20 , #faq21 , #faq22 , #faq23 , #faq24 , #faq25 , #faq26, #faq27 , #faq28 , #faq29 , #faq30 , #faq31 , #faq32,
#faq33 , #faq34 , #faq35 , #faq36 , #faq37 , #faq38, #faq39 , #faq40 , #faq41 , #faq42, #faq43, #faq44, #faq45
                { cursor: help; cursor: pointer; cursor: hand;   color: #D60C02; font-weight: bold; text-decoration: none;  padding: 2px 0px 3px 0px;  }
#faq1txt, #faq2txt, #faq3txt, #faq4txt, #faq5txt, #faq6txt, #faq7txt, #faq8txt, #faq9txt, #faq10txt,
#faq11txt, #faq12txt, #faq13txt, #faq14txt, #faq15txt, #faq16txt, #faq17txt, #faq18txt,
#faq19txt, #faq20txt, #faq21txt, #faq22txt, #faq23txt, #faq24txt, #faq25txt, #faq26txt, #faq27txt,
#faq28txt, #faq29txt, #faq30txt, #faq31txt, #faq32txt, #faq33txt, #faq34txt, 
#faq35txt, #faq36txt, #faq37txt, #faq38txt, #faq39txt, #faq40txt, #faq41txt, #faq42txt, #faq43txt, #faq44txt, #faq45txt
        { margin: 0px 20px 20px 20px; }
        
#show1 h2, #show2 h2, #show3 h2, #show5 h2 { margin: 0px; cursor: help; cursor: pointer; cursor: hand;   }
#show4border h2 { margin: 0px 0px 10px 0px; }
    #show1border, #show2border, #show3border, #show4border, #show5border { clear: both; background-color: #E9E7E7;
        padding: 5px; width: 100%;  margin-top: 10px; border: 1px solid #ccc; 
        background: url('http://www.galeriexxl.cz/archiv/design/layout/kamentar_backrepeat.png') repeat-x;
        -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; }
    #show1txt, #show2txt, #show3txt , #show4txt , #show5txt{ border-top: 1px solid #ccc; padding: 5px; background-color: #fff; width: 98%; }
 
/* ------------------------ */
/* ----- headline------ */
#scrollup {
   position: relative;
   overflow: hidden;
   width: 100%;
   height: 650px;
 }
 .headline {
   position: absolute;
   top: 660px;
   width: 100%;
   height: 650px;
 }
.headline img { margin: 0px 10px 10px 0px; background-color: #fff; border: 1px solid  #b90900; padding: 2px  }

/* ----- headline2------ */
#scrollup2 {
   position: relative;
   overflow: hidden;
   width: 100%;
   height: 650px;
 }
 .headline2 {
   position: absolute;
   top: 660px;
   width: 100%;
   height: 650px;
 }
.headline2 img { margin: 0px 10px 10px 0px; background-color: #fff; border: 1px solid  #b90900; padding: 2px  }
 
/* ------------------------ */
/* ------------------------ */

#boxinfo
{
position: absolute;
top: 320px;
left: 30%;
width: 70%;
text-align: center;
display: none;
}


#form{
background: url('box.png') no-repeat;
width: 450px;
height: 150px;
margin: 0 auto;
 padding: 10px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px;
        border: 1px gray solid; background-color: #fff;
}

/* ------------------------ */
/* ------------------------ */
/* ------------------------ */
/* ------------------------ */
/* ------------------------ */
/* ------------------------ */
td h2 { margin: 0px 0px 5px 0px; }

.cara { border-bottom: 1px solid #eaeaea; }

#lista { text-align:center;font-size:10px; margin:auto; padding:3px 0px 3px 0px; width:900px; }
#lista, #lista a { color:grey; }










/* ------------------------ */
/* ------------------------ */


#home_reklama_show
{ 	
position: relative;
display: none;
}
#home_reklama_show div 
{ 	
position: absolute;
padding: 20px; 
top: -50px;
left: 0%;
width: 100%;
text-align: center;
background-color: #fff;
border: 1px solid orange;
border-radius: 8px; border-radius-topright: 8px; border-radius-bottomright: 8px; border-radius-bottomleft: 8px;
z-index: 100;       
}
/* ------------------------ */
/* ------------------------ */


/* ------------------------ */
/* ------------------------ */
/* ------------------------ */

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:9;
}

#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
/* height:400px; */
width:700px;
background:#FFFFFF;
border:0px solid #cecece;
z-index:20;
padding:12px;
font-size:13px;
border-radius: 7px; 
color:#000;
}

#popupContact h2{
text-align:left;
color:#000;
font-size:22px; margin-top: 0;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}

#popupContactClose{
font-size: 14px;
line-height: 14px;
right: 6px;
top: 4px;
position:absolute;
color: red;
font-weight: 300;
display:block;
cursor: help; cursor: pointer; cursor: hand; 
}

#button{
text-align:center;
margin:100px;
}


/* ------------------------ */
/* ------------------------ */
/* ------------------------ */

.swiper-container {
  width: 650px;
  height: '.($size_h_max+(ceil($size_h_max*0.2)*2)).'px; /* 250px; */
  color: #fff;
  text-align: center; 
}

.swiper-slide .title {
  font-style: italic;
  font-size: 42px;
  margin-top: 80px;
  margin-bottom: 0;
  line-height: 45px;
}
.swiper-slide p {
  font-style: italic;
  font-size: 25px;
}
.pagination {
    /* background: none repeat scroll 0 0 #333333;
    border: 1px solid #CCCCCC; */
    border-radius: 5px;
    bottom: 10px;
    left: 10px;
    padding: 0 5px 0 8px;
    position: absolute;
    z-index: 20;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #555;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-active-switch {
  background: red;
}
.swiper-dynamic-links {
  text-align: center;
}
.swiper-dynamic-links a {
  display: inline-block;
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #ccc;
  margin: 5px;
  font-size: 12px;
  text-decoration: none;
  color: #333;
  background: #eee;
}

@media only screen and ( max-width: 1123px)  {
    
    .smartapi_ico { display: none; }
    .l_reklama { display: none; }
    .home_left_box { display: none; }
}

@media only screen and ( max-width: 680px)  {
    
    #center, .pata, .sl1 , .users_show { width: 100% }
    .place_page { padding: 0 10Px; background: white; width: 94%; }
    .sl1 { padding: 0; }
    
    .smartapi_ico { display: none; }
    .l_reklama { display: none; }
    .home_left_box { display: none; }
    
    .sl3 { width: 94%; clear: both; padding: 0 3%; }
    .title { height: 90px }
    .title a { padding: 5px; display: block; float: left }
    .title a.video  { margin: 0; padding: 0; width: 43%; padding: 5px 0 0 0; float: right; }
    .title a.video img.fl_right { margin: 0; padding: 0; width: 100% }
    .title span { clear: both; width: 100%; display: block; }
    
    .news_index { width: 43%; border: 0; height: 370px; padding: 0 3%;  }
    .news_index_first { padding: 0 3%; }
    .showroom img { width: 100%; }
    
    .swiper-container { width: 100% }
    .show_autor { display: block; padding: 2px; margin: 3px; float: left; }
    
    /* dila ---------- */
    .iframe_dila { display: none; }
    #art_color { width: 100%; }
    #cena_dila { top: 100px; left: 150px; width: 250px  }
    #facebook_like_galerie { display: none; }
    .dilo_toto { left: 230px; top: 140px }
    #gallery img { width: 80%; height: auto }
    #gallery.right { display: none; }
    #popupContact { width: 260px; }
    .dila_detail_ico div { width: 43%; }
    .show_name_user_detail { display: none; }
    /* --------------- */
    .foto_items { width: 100%; margin: 0; height: 190px }
    #gallery.foto_items img { width: 90px; }
    
    .avatar { width: 80%; margin: 10%;}
    .avatar img { width: 100%; }
}