﻿@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin,latin-ext);


body{overflow-y:scroll; font:14px "Open Sans", tahoma !important;background: transparent url(/sablony/bytova_druzstva/_images/bgpattern.jpg) repeat}

a img{border:none}

#template_html_body hr{border-top:1px solid #c40606; border-bottom:0px; height:0px; }


/* OBECNE */

#template_html_body, #template_html_body *{ box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box}

#template_html_body{margin:0px 0px}

body, #template_html_body_real, #template_html_body{min-width:1100px; color:#000; width:100%; text-align:center}

#template_html_body a:link, #template_html_body a:visited, #template_html_body a:active{color:#c40606; text-decoration:none}

#template_html_body a:hover{text-decoration:underline}

#template_html_body .template_clear{clear:both}

#template_html_body .template_shadow{-webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.5);box-shadow:         0px 0px 28px 0px rgba(0, 0, 0, 0.5);;}

#template_html_body .center{width:1000px; margin:0px auto; background: transparent url("/_images/customer/background/white_90.png");}


/* HEADER */

#template_info{padding:23px 30px 20px 30px; margin:0px 0px;font-size:16px; background: #444444}

#template_info img{width:30px; float:left; margin-right:20px }

.template_info_item{display:inline-block; line-height:40px;float:left; padding:0px 0px; font-weight:bold; width:30%; text-align:left}

.template_info_item a{color:white !important}

.template_info_item.address{width:40%}

.template_info_item span{position:relative; top:-4px; color:white}

#template_header_image_section{width:1000px; height:350px;  overflow:hidden; margin:0px 0px 0px 0px;  }

#template_header_image_section img{width:100%;}

#template_header_link{overflow: visible}

#template_header{background: #fff;  min-height:50px}

#template_stand_alone{text-align:center; width:100%; margin:0px 0px; padding:0px 0px; height:50px}

#template_content{text-align:left; min-height:500px; padding:17px 20px 20px 20px; background:white url("/_images/customer/stiny/6.png") no-repeat center top}

#template_content>div{display:table; width:100%;table-layout:fixed; }

#template_content>div>div{display:table-cell; vertical-align:top;}

#template_content #template_contentsection_space{width:25px;}
#template_content #template_contentsection{width:65%; }
#template_content #template_asidesection{width:35%;}

/* hlavicka */

#template_logo_link{display:table; width:100%; min-height:20px; max-height:100px; padding:15px 0px}

#template_logo_link > *{display:table-row; vertical-align:middle}

#template_logo_link img{ max-width:100%; height:auto; max-height:100px; }

#template_h1{font-size:30px; margin:0px; padding:10px 0px}

#template_h1 a{color:white !important;}

#template_slogan{padding:0px 0px 10px 0px; display:block; width:100%; color:white; font-size:20px}

/* MENU */

#template_nav{padding:0px 0px 0px 0px; z-index:3; margin-top:0px; text-align:right; background:white url("/_images/customer/stiny/6.png") no-repeat center top}
#template_nav_tree{width:auto; display:inline-block}
#template_nav ul {text-align: left;display: block;margin: 0;list-style: none; width:100%; }
#template_nav_tree > li {display: inline-block;position: relative;cursor: pointer;}
#template_nav ul li {display: inline-block;position: relative;cursor: pointer; }
#template_nav ul li a{padding:30px 20px; text-decoration:none !important; display:inline-block;width:100%; color:#444444 !important; min-width:100px; text-align:center}
#template_nav ul li a.template_nav_active, #template_nav ul li a:hover{color:white !important; background:#a70000}
#template_nav .subMenu > a{display:block; width:100%;background-image: url("/_images/customer/arrow_down_grey.png") !important; background-repeat: no-repeat !important; background-position: 90% center !important; padding-right:45px !important}
#template_nav ul li > ul {padding: 0;position: absolute;top: 45px; left: 0;min-width: 170px; display: none; white-spate: normal; visibility: hidden;}
#template_nav ul li > ul li { display: block; width:100%}
#template_nav ul li:hover > ul {display: block; visibility: visible;}
#template_nav ul ul ul{left:100%; top:0px}
#template_nav ul ul li.subMenu > a{background-image: url("/_images/customer/arrow_right_grey.png") !important; background-repeat: no-repeat !important; background-position: 90% center !important; padding-right:45px !important}


/* PATICKA */

#template_footer{color:#444; text-align:center; width:100%; }

#template_footer a{color: #444 !important}

#template_footer{padding:10px 0px 20px 0px;}

/* Formulářové prvky */

#template_content form *{font-family: "Open Sans"; }

#template_content form input[type=radio].template_form_control{display:inline-block; width:30px}

form input.template_form_control{padding:7px 10px; border:1px solid #dbdbdb; color:#303030; width:100%; margin:0px;} 

form input[type=submit].template_btn, .template_button{color:white !important; background:#444!important;;  border:none;cursor:pointer; text-transform:uppercase; text-align:center; padding:10px 10px; min-width:100px;margin:10px 0px}

.template_button{margin:10px 0px !important; display:inline-block}

#template_content form {width:100%; background:white; padding:0px 5px;}

#template_content form label.template_control_label{display:block; margin:10px 0px 4px 0px; font-weight:bold;}

#template_content form input[type=text],#template_content form input[type=email],#template_content form input[type=password]{width:100%; max-width:300px;}

#template_content form .template_form_control, .template_btn, .template_button{transition: box-shadow 0.4s;}

#template_content form .template_form_control:hover,.template_btn:hover{-webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:0px 0px 4px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75);}

#template_content form textarea.template_form_control{min-height:100px; border:1px solid #dbdbdb; display:block; width:100%; padding:10px;}



form input.template_form_control.inline{display:inline}

/* Modul - komentare */

#template_content .template_module_comments_form form{margin-top:20px}

#template_content .template_module_comments_form form p{padding:0px 0px; margin:0px 0px 5px 0px; color:white}

#template_content .template_module_comments_form form p span{border-bottom:1px dashed #fff; displaY:inline-block; padding:0px 5px}

#template_content .template_module_comments_form form p span:hover{border-bottom:1px solid #fff; cursor:pointer}

#template_content .template_module_comments h3{margin-bottom:10px}

#template_content .template_module_comments .template_module_comments_item{margin:10px 0px;  width:100%;}

#template_content .template_module_comments .template_module_comments_item .template_comment_header{display:table;width:100%; height:20px; padding:5px 0px; border-bottom:1px solid #e9e9e9; }

#template_content .template_module_comments .template_module_comments_item_email{display:table-cell; width:60%}

#template_content .template_module_comments .template_module_comments_item_time{display:table-cell;  width:40%; font-size:11px; text-align:right;}

#template_content .template_module_comments .template_module_comments_content{display:block; width:100%;padding:5px 0px; }

/* Kontaktni form */

.template_module_contactform .contact_form_header{display:table; table-layout:fixed; width:100%;}

.template_module_contactform .contact_form_header > span{width:50%; display:table-cell;}

.template_module_contactform .contact_form_header > span .template_form_control{width:100% !important; max-width:100% !important; height:45px}

.template_module_contactform .template_control_label{font-size:15px}

.template_module_contactform .contact_form_name{padding-right:5px;}

.template_module_contactform .contact_form_email{padding-left:5px;}

/* TELEFONNI CISLO */ 

.template_module_phonenumber{font-size:25px;}

/* SOCIAL BOX */

#template_content .template_module_socialbox_items a{display:inline-block; width:30px; height:30px; margin:3px}

#template_content .template_module_socialbox_items a img{border:none; width:100%; height:100%;}

/* IMAGE GALLERY */



.template_module_imagegallery h3{margin-bottom:15px}

.template_module_gallery_img{display:inline-block; float:left;overflow:hidden;}

.template_module_gallery_label{color:#000; text-align:center; padding-bottom:20px; overflow:hidden; white-space:nowrap;text-overflow: ellipsis; height:45px;}

.template_module_imagegallery .template_module_gallery_img a{overflow:hidden; width:100%; display:inline-block; margin:0px; padding:0px;border:2px solid transparent;}

.template_module_imagegallery .template_module_gallery_img a img{ -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}

.template_module_imagegallery .template_module_gallery_img a img:hover{-webkit-transform: scale(2);-ms-transform:scale(2);transform: scale(2); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.3, M12=0, M21=0, M22=1.3, SizingMethod='auto expand')";}

.template_module_imagegallery .template_module_gallery_img a.horizontal img{height:100%; width:auto; min-width:100%;}

.template_module_imagegallery .template_module_gallery_img a.vertical img{height:auto; width:100%; min-height:100%}

#template_contentsection .template_module_imagegallery .image_count_1 .template_module_gallery_img{width:100%;}
#template_contentsection .template_module_imagegallery .image_count_1 .template_module_gallery_img a{max-height:500px;}

#template_contentsection .template_module_imagegallery .image_count_2 .template_module_gallery_img{width:50%}
#template_contentsection .template_module_imagegallery .image_count_2 .template_module_gallery_img a{height:300px;}

#template_contentsection .template_module_imagegallery .image_count_3 .template_module_gallery_img{width:33%;}
#template_contentsection .template_module_imagegallery .image_count_3 .template_module_gallery_img a{height:200px;}

#template_contentsection .template_module_imagegallery .image_count_4 .template_module_gallery_img{width:25% !important;}
#template_contentsection .template_module_imagegallery .image_count_4 .template_module_gallery_img a{height:150px !important;}

#template_asidesection .template_module_imagegallery .image_count_1 a{width:100%; max-height:300px;}

#template_asidesection .template_module_imagegallery .image_count_2 a{width:50%; height:150px;}

#template_asidesection .template_module_imagegallery .image_count_3 a{width:33%; height:150px;}

#template_asidesection .template_module_imagegallery .image_count_4 a{width:25% !important; height:150px !important;}


/* FILE DOWNLOAD */ 

#template_content .template_module_filedownload ul{display:table; margin-left:0px}

#template_content .template_module_filedownload ul li{display:table-row; height:30px}

#template_content .template_module_filedownload a{display:table-coll; text-overflow:ellipsis; overflow:hidden; white-space: nowrap;} 

#template_content .template_module_filedownload a:hover{text-decoration:underline}

#template_content .template_module_filedownload a span{display:table-cell; vertical-align:middle;}

#template_content .template_module_filedownload a span.file_icon{min-width:30px; width:25px}

#template_content .template_module_filedownload a span.file_desc{width:auto}

#template_content .template_module_filedownload a span.file_icon img{border:none; width:20px; position:relative; top:4px }

/* SEZNAMY MODULU */

ul.sortable_connected{margin:0px}

ul.sortable_connected > li{list-style-type:none; display:block; overflow:hidden; text-overflow:ellipsis; white-space:normal; padding:5px 0px; margin:10px 0px 10px 0px}

/* OTEVIRACI DOBA */

#template_content .template_module_openhours h3{margin-bottom:10px}

#template_content .template_module_openhours ul{list-style:none; margin-left:15px}

#template_content .template_module_openhours ul li{list-style-type:none; padding:0px; margin:0px 0px;}

#template_content .template_module_openhours ul li span{margin:0px 5px}

#template_content .template_module_openhours ul li span.day{display: inline-block; width:30px; font-weight: bold;}

#template_content .template_module_openhours ul li span.label{display: inline-block; margin:0px 7px}


#facebook a{color:white !important}

/* Mapy */

#template_content .template_module_map .template_module_map_item{height:300px}


/* TEXTOVY MODUL */ 

body#tinymce{background:white !important}

h1{font-size:23px;color:#c40606; margin:15px 0px 15px 0px; width:100%;}

h1:first-of-type{margin-top:0px}

h2, h3, h4, h5{font-size:19px;color:#c40606; margin:15px 0px 15px 0px; }

h3, h4, h5{font-size:19px !important; margin:15px 0px 15px 0px;}

p{margin:15px 0px;line-height:20px;white-space:normal}

ol, ul{margin:10px 0px 10px 30px; line-height:25px}

ul{list-style-type:square !important;}

ol li {list-style-type: disc !important}

pre{margin:15px 0px; white-space:normal;}

blockquote{font-family: Courier New; background: url("/sablony/bytova_druzstva/_images/blockquote.png") no-repeat 10px 13px; background-size: 50px; margin:15px 0px; white-space:normal; padding:15px 20px 15px 80px; line-height:23px}



/* YOUTUBE */

#template_content .template_module_youtube h3 {margin-bottom:10px}

#template_content .template_module_youtube iframe{width:100%;}

/* ANKETA */ 
.template_module_survey h3{margin-bottom:15px; line-height:23px}

.template_module_survey .template_module_survey_answer{margin:8px 0px 8px 0px;display: table; width:100%}

.template_module_survey .template_module_survey_answer .survey_answer{display: table-cell; width:90%; background: transparent url("/_images/customer/comment_bubble/comment_bubble_black.png") no-repeat; padding-left:30px; font-size:15px; line-height:23px}

.template_module_survey .template_module_survey_answer .survey_count{display: table-cell; width:10%; text-align:right;}

/* MAPA */ 

.template_module_map_item > div{ left: 50% !important}

/* Kontaktni informace */ 

.template_module_contactinfo ul{ margin:0px 0px 0px 10px}

.template_module_contactinfo ul li{list-style:none; padding: 3px 40px 3px 0px}

.template_module_contactinfo ul li span.image{ margin-right:10px; float:left; display:inline-block; width:25px; height:25px}

.template_module_contactinfo ul li img{width:25px; height:25px;}

.template_module_contactinfo ul li strong{display:inline-block; min-width:25px; margin-right:10px}

.template_module_contactinfo ul li.companyName{font-weight:bold; font-size:19px}

.template_module_contactinfo ul li.companyAddress{font-style:italic; font-size:15px; margin:10px 0px; min-height:65px}

.template_module_contactinfo ul li.companyAddress div{float:left}

/* HODNOCENI */

.template_module_rating_form form{display:none; margin-top:20px}

.template_module_rating_form .table{display:table; width:100%; table-layout:fixed}

.template_module_rating_form .col{width:50%; display:table-cell; padding:0px 5px}

.template_module_rating_form .col #email{margin-bottom:0px}

.template_module_rating_form .col textarea{height:103px}

.template_module_rating_form .template_btn{color:white !important; background:#444!important;;  border:none;cursor:pointer; text-transform:uppercase; text-align:center; padding:10px 10px; min-width:100px;margin:10px 0px; position:relative; top:5px}

.template_module_rating_form ul {margin-left:0px}

.template_module_rating_form ul li{ list-style-type:none; width:30px; height:30px; display:inline-block; padding:0px 3px}

.template_module_rating_form .star{background: transparent url("/_images/customer/rating/star_off.png") no-repeat; cursor:pointer}

.template_module_rating_form .star.on{background: transparent url("/_images/customer/rating/star_on.png") no-repeat;}

.template_module_rating_form .rating{width:200px; color:white}

.template_module_rating_form .rating span{position:relative; top:-8px;  text-transform:uppercase; padding-left:30px}

#template_asidesection .table{display:block;}

#template_asidesection .col{display:block; width:100%}

#template_asidesection .rating{display:block; width:100%;}

#template_asidesection .rating span{display:block; width:100%; position:static; padding:10px 0px 0px 0px}

#template_asidesection .rating span:before{content:"HODNOCENÍ: "}

.template_rating_header{display:table; width:100%; table-layout:fixed; border-bottom:1px solid #dbdbdb}

.template_rating_header > div{display:table-cell;}

.template_module_rating_item{margin:30px 0px 0px 0px}

.template_module_rating_item_name{text-align:left; width:40%}

.template_module_rating_item_name img{width:15px; height:15px; margin-right:10px}

.template_module_rating_item_name span{position:relative; top:-1px}

.template_module_rating_item_stars{text-align:right; width:40%}

.template_module_rating_item_stars img{width:15px; height:15px; margin:0px 3px;}

.template_module_rating_content{padding:5px 0px 0px 23px}

/* Login form */

.login-block{display:block;}

.login-block .template_button{margin:8px 5px !important; display:inline-block}