@charset "UTF-8";
/* CSS Document */
/* --------------------------- Fonts ---------------------------- */ 
@font-face {
    font-family: 'Museo500';
    src: url('fonts/500.eot'); 
    src: url('fonts/500.eot?#iefix') format('embedded-opentype'),
         url('fonts/500.woff') format('woff'),
         url('fonts/500.ttf') format('truetype'),
         url('fonts/500.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Museo300';
    src: url('fonts/300.eot'); 
    src: url('fonts/300.eot?#iefix') format('embedded-opentype'),
         url('fonts/300.woff') format('woff'),
         url('fonts/300.ttf') format('truetype'),
         url('fonts/300.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'champagne__limousinesregular';
    src: url('fonts/champagne_Limousines.eot'); 
    src: url('fonts/champagne_Limousines.eot?#iefix') format('embedded-opentype'),
         url('fonts/champagne_Limousines.woff') format('woff'),
         url('fonts/Champagne_Limousines.ttf') format('truetype'),
         url('fonts/champagne_Limousines.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'champagne__limousinesbold';
    src: url('fonts/champagne_LimousinesBold.eot'); 
    src: url('fonts/champagne_LimousinesBold.eot?#iefix') format('embedded-opentype'),
         url('fonts/champagne_LimousinesBold.woff') format('woff'),
         url('fonts/champagne_LimousinesBold.ttf') format('truetype'),
         url('fonts/champagne_LimousinesBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 1, 2013 */

@font-face {
    font-family: 'brannboll_fetregular';
    src: url('fonts/brannbollfet-webfont.eot');
    src: url('fonts/brannbollfet-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brannbollfet-webfont.woff') format('woff'),
         url('fonts/brannbollfet-webfont.ttf') format('truetype'),
         url('fonts/brannbollfet-webfont.svg#brannboll_fetregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brannboll_smalregular';
    src: url('fonts/brannbollsmal-webfont.eot');
    src: url('fonts/brannbollsmal-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brannbollsmal-webfont.woff') format('woff'),
         url('fonts/brannbollsmal-webfont.ttf') format('truetype'),
         url('fonts/brannbollsmal-webfont.svg#brannboll_smalregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
strong{font-family:'Museo300'!important;}
body{background-color:#f0f0f0;}
#title{font-family:'Museo300';font-size:40px;position:absolute;top:57px;z-index:201;color:#a68c80;left:64px;cursor:pointer;}
#title:hover{color:#7be0e6;}
#kasal{font-family:'Museo500';color:#7c6357}
#kasal:hover{color:#30a3aa;}
#subtitle{font-family:'Museo300';font-size:14px;position:absolute;top:58px;z-index:201;color:#a68c80;left:64px;top:100px;cursor:pointer}
#subtitle2{font-family:'Museo300';font-size:48px;position:absolute;top:45px;z-index:201;color:#f4fcfd;left:50px;z-index:10}

*{margin:0; padding:0;font-family:'Museo300'}
.header{position:relative;width:1072px;margin-left:auto;margin:auto;height:50px;}
.logo{background:url(img/logo_kasal.png) no-repeat; width:124px; height:69px;margin-left:auto; margin-right:auto;visibility:visible;
position:relative;top:150px;z-index:200;right:410px;top:130px;z-index:203;}
.logo:hover{background-position:0px -69px;cursor:pointer;}
.content_body{margin-left:auto;margin-right:auto;width:980px;height:600px;min-height:710px;position:relative;border: solid 1px #A68C80;padding-top:80px;padding-left:45px;padding-bottom:40px;padding-right:45px;background-color:white;}
.content{position:absolute;top:120px;width:980px;}
.content.clients{left:35px;position:absolute;top:170px; }
.content.info{left: 500px;margin-top: 0px;color: #917e75;font-size:18px!important;width:480px;}
#produkce{color:#917e75;font-size:18px;margin-left:145px;position:absolute;margin-top:30px;width:200px;}
.content_body.info{width:980px; height:700px; background: url(img/info.jpg) no-repeat; margin-left:auto; margin-right:auto;z-index:0;padding-top:100px;background-position:center 80px;padding-left:45px;padding-right:45px;padding-bottom:20px;background-color:white;}
.content_body.clients{width:980px; height:760px; background: url(img/klienti.jpg) no-repeat; margin-left:auto; margin-right:auto;z-index:0;padding-top:20px;background-position:center 80px;padding-bottom:50px;color:#917e75;background-color:white;}

.menu{margin-left:auto;margin-right:auto;width:300px;position:relative;top:20px;font-size:17px;z-index:100;}
.menu a{text-decoration:none;padding-left:10px}
.menu a:hover{color:#86e2e8}
.menu_up{right:-10px;position:absolute;bottom:22px;width:320px;font-size:17px !important;border:none;}
.menu_down{left:430px;font-size:17px;}
.menu_up li{display:inline-block;padding:3px;border:none;}
.menu_down li{display:inline-block;}
.menu_down li a{color:#38a8af;border-left: solid 1px #7be0e6;line-height:45px;}
.menu_up li a{color:#38a8af;border:none;}
.menu_down li:first-child a{border:none;}
.klienti_bg{width:980px; height:700px; background: url(img/klienti.jpg) no-repeat; margin-left:auto; margin-right:auto;position:relative;z-index:-2}



a:hover{color:#86e2e8;cursor:pointer;}
a:active{color:rgb(68,167,176);}
a:visited{color:#38a8af;}
a{color:#38a8af;}

#name{color:#917e75;width:200px;border:none; border: solid 1px #917e75; height:20px;padding-bottom:3px; padding-left:5px; font-size:15px;margin:5px;}
#email{color:#917e75;width:200px;border:none; border: solid 1px #917e75; height:20px;padding-bottom:3px; padding-left:5px; font-size:15px;margin:5px;}
#tel{color:#917e75;width:200px;border:none; border: solid 1px #917e75; height:20px;padding-bottom:3px; padding-left:5px; font-size:15px;margin:5px;}
#message{
position:relative;
color:#917e75;
width: 200px;
border: solid 1px #917e75; 
height: 150px;
font-size: 15px;
margin:5px;
padding-left:5px;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
-webkit-flex-direction: column;
resize: none;
cursor: auto;
white-space: pre-wrap;
word-wrap: break-word;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
-webkit-writing-mode: horizontal-tb;}
#submit{border: none;background-color: #917e75;;cursor: pointer;position: relative;margin-left: 149px;font-size:15px;padding:5px;border: solid 1px #FFFFFF;color:white;}
#submit:hover{background:#FFF;color:#917e75;;border: solid 1px #917e75;}
#mail_formular{margin-top:155px;margin-left:135px;}
.first_clients_list{font-size:16px;!important position:absolute;}
.seccond_clients_list{font-size:16px;position:absolute;top:0px;left:250px;width:250px;}
.third_clients_list{font-size:16px;position:absolute;top:272px;left:250px;width:250px}
#footer{position:relative;font-size:15px;color:#38a8af;width:1070px;padding-bottom:50px;z-index:1000;padding:0px auto;margin:auto;letter-spacing:2px;margin-top:10px;}
#footer a{text-decoration:none;width:100px;}
#footer a:hover{color:#86e2e8;}
#copy{position:absolute;left:155px;top:3px;}
.fb-like{position:absolute;display:inline-block;}

.sipecka{background:url(img/sipecka.png) no-repeat; width:5px;height:5px;margin-left:auto;margin-right:auto;display:none;}

/* Prevent the slideshow from flashing on load */
    #slides {
      display: none
    }

    /* Center the slideshow */
    .container {
      margin: 0 auto
    }

    /* Show active item in the pagination */
    .slidesjs-pagination .active {
      color:rgb(68,167,176);
	  
	  
    }
	
	.slidesjs-pagination{display:none;}
	.slidesjs-navigation{left:850px;position:relative;text-decoration:none;position:absolute;margin-top:10px;font-size:17px;color:}
	.slidesjs-navigation:hover{color:#86e2e8}
	.slidesjs-navigation.slidesjs-next{margin-left:80px;margin-top:10px;}

    /* Media quires for a responsive layout */

    /* For tablets & smart phones */
    @media (max-width: 767px) {
      body {
        padding-left: 10px;
        padding-right: 10px;
      }
      .container {
        width: auto;
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .container {
        width: 980px
      }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .container {
        width: 980px
      }
    }