/********************************************************************/
/**********  Paintball Vidochov.cz | Created by studio WPJ **********/
/********************************************************************/

* {margin: 0; padding: 0; border:0px;}

/************************ GENERAL STYLES ****************************/

body {
    background: #000 url("../images/background.gif") 50% 160px no-repeat;
    font-family: "Myriad Pro", MyriadPro, Arial, Geneva, sans-serif;
    color:#fff;
    font-size:14px;
    text-align: left;
}
a:link { color: #fff; text-decoration: underline;}
a:visited {color: #fff;text-decoration: underline; }
a:hover {color: #e95d19; text-decoration: underline;}

h1 {
    padding: 5px 5px 5px 5px;
    font-size: 30px;
    color:#fff;
    font-weight: normal;
}
h2 {
    padding: 5px;
    font-size: 24px;
    color:#e75d19;
    font-weight: normal;
}
h3 {margin: 0; padding: 8px 5px 3px 5px; font-size:20px; font-weight:normal; color:#e75d19;}
h4 {margin: 0; padding: 8px 5px 3px 5px; font-size:16px; font-weight:normal; color:#8e8e8e;}
h5 {margin: 0; padding: 8px 5px 3px 5px; font-size:14px; font-weight:normal; color:#8e8e8e;}

/* Cleaner */
.cleaner { clear:both; padding:0; margin:0; background:none;}

/* Font */
@font-face { font-family: MyriadPro;src: url(MyriadPro-Regular.ttf);}
@font-face { font-family: MyriadPro;src: url(MyriadPro-Bold.ttf); font-weight:bold;}

/* speciální tlačítko */
a.button{
    display:block;
    background: url("../images/button.png") no-repeat 0 0 ;
    height:26px;
    width:138px;
    text-decoration:none;
    color:#FFF;
    text-transform:uppercase;
    padding:9px 0 0 16px;
    font-size:13px;
    margin-top:8px;
}
a.button:hover{
    background-position:left bottom;
}

/*************************** MAIN LAYOUT *****************************/
#page {
    background: url("../images/content_back.jpg") no-repeat 0 0;
    margin:0px auto;
    width: 980px;
    padding:0;
    position: relative;
}
#header{
    background: url("../images/header.gif") no-repeat 50% 0%;
    height:160px;
    width:100%;
    position:relative;
}
#header-wrapper{
    width:980px;
    margin:0px auto;
    height:160px;
    position:relative;
}
a.logo {
    position:absolute;
    z-index:20;
    top:40px;
    left:5px;
    display: block;
    width: 310px;
    height: 100px;
}

/*********** MAIN MENU ****************/
#topmenu{
    float:right;
    margin: 104px 0 0 0px;
    padding: 0;
    position:relative;
    width: 543px;
    height: 56px;
}
#nav {
    padding: 0;
    text-align:left;
    margin: 0;
    list-style:none;
}
#nav li {
    display:block;
    float:left;
    margin:0 9px;
}
#nav li a {
    display:block;
    padding:17px 0px 19px;
    color: #f4f4f4;
    font-size:16px;
    text-decoration:none;
    text-transform:uppercase;
}
/* Tlačítko po najetí a aktivní */
#nav li a:hover{
    background: url("../images/topmenu_hover.gif") repeat-x top left;
    color: #e95d19;
}
#nav li a.selected {
    background: url("../images/topmenu_hover.gif") repeat-x top left;
    color: #e95d19;
}
/* Seznam submenu */
#nav li ul{
    background: url("../images/submenu_back.gif") repeat-x top left;
    position:absolute;
    display: none;
    z-index:9;
    background-color:#e15b1a;
    border:1px solid #ff7815;
    padding:8px 3px 10px;
}
#nav li:hover > ul {
    display: block;
}

/* Tlačítko submenu */
#nav li li{
    list-style:none;
    background-image:none;
    float:none;
    display:block;
    border-bottom:1px solid #f39055;
    width:160px;
}
#nav li li a {
    background-image: none;
    padding:8px 7px;
    font-size:12px;
    color:#FFF;
}
#nav li li a:hover {
    background-image: none;
    background-color:#bb3d00;
    color:#FFF;
}
/* Tlačítko submenu aktivní */
#nav li li a.selected {
    background-image: none;
    background-color:#bb3d00;
    color:#FFF;
}
#nav li li a.selected:hover {
    color:#FFF;
}
/*********** MAIN MENU END ****************/

/************* SEARCH *********************/
#search_closed {
    background: url("../images/search_closed.png") no-repeat 0 0;
    height:37px;
    width:57px;
    position:absolute;
    right:19px;
    bottom:4px;
    cursor:pointer;
}
#search {
    background: url("../images/search_open.png") no-repeat 0 0;
    height:21px;
    width:180px;
    position:absolute;
    right:19px;
    bottom:4px;
    cursor:pointer;
    z-index:2;
    padding:8px 10px;
    display:none;
}
#search input[type=text]{
    padding:2px 3px;
    border-radius:4px;
    width:135px;
}
#search input[type=submit]{
    background: url("../images/search_button.png") no-repeat 0 0;
    height:18px;
    width:23px;
    position:absolute;
    right:16px;
    bottom:8px;
    cursor:pointer;
    z-index:2;
    font-size:0px;
}
/*********** SEARCH END ****************/


/*********** LEFT CONTENT ****************/
#side-content {
    width: 259px;
    float: right;
    background: url("../images/side_back.gif") repeat-y top right;
}
#side-content-top {
    background: url("../images/side_top.gif") no-repeat top right;
    width: 259px;
    float: left;
}
#side-content-bottom {
    background: url("../images/side_bottom.gif") no-repeat bottom right;
    width: 259px;
    float: left;
}
/* Levé menu */
#side-content ul{
    width: 234px;
    background: url("../images/submenu_top.png") no-repeat top left;
    float: left;
    list-style:none;
    font-size:14px;
    margin:0 0 30px 0!important;
}
#side-content li a{
    background: url("../images/sidemenu_divider.gif") center bottom no-repeat;
    display:block;
    padding:7px 0 8px 30px;
    text-decoration:none;
    color:#0a6aa7;
    margin-top:4px;
}
#side-content li a.selected, #side-content li a:hover{
    background: url("../images/sidemenu_active.gif") top left no-repeat;
}
/* Leve menu podmenu */
#side-content ul ul{
    border:none;
    list-style:none;
    padding:3px 0 3px 6px;
    background-color:#e5e5e5;
    font-size:12px;
}
#side-content ul ul li a{
    background: url("../images/side_menu_sub.gif") no-repeat 10px 8px;
    display:block;
    padding:4px 0 4px 22px;
    color:#2f2f2f;
}
#side-content ul ul li a:hover, #side-content ul ul li a.selected{
    background: url("../images/side_menu_sub.gif") no-repeat 10px 8px;
    color:#2f2f2f;
}
/* Levé menu END */

/***** BANNERY ******/
#side_banners{
    width:259px;
    float:left;
    padding:0;
}
#side_banners a{
    display:block;
    float:left;
    font-size:0px;
}
#side_banners a#rezervuj{
    margin-top:15px;
    background: url("/templates/images/side_rezervuj.png") no-repeat 0 0;
    width:259px;
    height:47px;
}
#side_banners a#rezervuj:hover{background-position: left bottom;}

#side_banners a#side_calendar{
    margin-top:15px;
    background: url("/templates/images/side_calendar.png") no-repeat 0 0;
    width:259px;
    height:47px;
}
#side_banners a#side_calendar:hover{background-position: left bottom;}

#side_banners a#nej_paintball{
    margin-top:15px;
    background: url("/templates/images/side_nejlevnejsi.gif") no-repeat 0 0;
    width:259px;
    height:74px;
}
#side_banners a#nej_paintball:hover{background-position: left bottom;}

#side_banners a#poukazy{
    margin-top:15px;
    background: url("/templates/images/side_poukazy.gif") no-repeat 0 0;
    width:259px;
    height:74px;
}
#side_banners a#poukazy:hover{background-position: left bottom;}

#side_banners a#souteze{
    margin-top:15px;
    background: url("/templates/images/side_akce.gif") no-repeat 0 0;
    width:259px;
    height:74px;
}
#side_banners a#souteze:hover{background-position: left bottom;}

#side_banners a#facebook{
    margin-top:15px;
    margin-right:26px;
    background: url("/templates/images/side_facebook.gif") no-repeat 0 0;
    width:171px;
    height:57px;
}
#side_banners a#gplus{
    margin-top:15px;
    background: url("/templates/images/side_gplus.gif") no-repeat 0 0;
    width:62px;
    height:57px;
}

/*** BANNERY END ****/


/*********** LEFT CONTENT END *************/

/*********** RIGHT CONTENT ****************/

/* Drobečková navigace */
#return_nav	{
    margin:0;
    padding: 11px 20px 0 55px;
    width: 615px;
    height:25px;
    float: left;
    background: transparent url("../images/return_nav_back.png") no-repeat top left;
    font-size:11px;
    text-transform:uppercase;
}
#return_nav	a{
    color:#e95d19;
}
#return_nav	a:hover{
    text-decoration:none;
}
#return_nav	span{
    color:#fff;
}
#return_nav	img{
    margin: 0 5px;
}
/* Drobečková navigace END */
#content {
    min-height:515px;
    float:left;
    width: 640px;
    padding:15px 25px 25px;
    background: #262626 url("../images/inner_content_back.gif") no-repeat top left;
}
#content p{
    line-height:22px !important;
}
#content.wide{
    float:none;
    width: 100%;
}
#main-content {
    padding: 10px 0px 70px 0;
    width: 980px;
    background: url("../images/content_bottom.gif") no-repeat bottom center;
}
#main-content ul, #main-content ol{
    line-height:25px;
    margin-left:25px;
}
#main-content p{
    line-height:18px;
    padding:5px;
}
#main-content table{
    margin:10px 3px 10px 3px;
    border:2px solid #686868;
    border-collapse:collapse;
    max-width:565px !important;
}
#main-content td{
    border:1px solid #686868;
    padding:6px 15px;
}
#main-content th{
    font-weight:bold;
    padding:6px 15px;
    border:1px solid #686868;
    text-align:center;
    background-color:#555555;
    color:#FFF;
}
#content img {
    border: solid #545454 1px;
}
#content img:hover {
    border: 1px solid #d4571b;
}

/********** RIGHT CONTENT END *************/

/*********** FOOTER CONTENT ****************/
#footer{
    margin:0px;
    background: url("../images/footer.png") no-repeat top center;
    height:110px;
    padding:0;
    position:relative;
}
#footer p{
    width:729px;
    margin:0px auto;
    font-size:12px;
    line-height:16px;
    color:#8a8a8a;
    padding:25px 10px 0 241px;
}
#footer p a{color:#8a8a8a;}
#footer p a:hover{color:#e95d19;}
#footer p span{
    float:right;
}
/*********** FOOTER CONTENT END **************/

/*************************** MAIN LAYOUT END *****************************/

/**************************** GALERIE ************************************/
#fotogalerie{
    margin:10px 0 0;
    clear:both;
    float:left;
    border-top:1px solid #585858;
    padding:15px 0 0 0;
}
#fotogalerie img {
    display: block;
    float: left;
    border: solid #545454 1px;
}
#fotogalerie img:hover {
    border: 1px solid #d4571b;
}
#fotogalerie a.imgbox {
    margin:0px 14px 20px 14px;
    position:relative;
    float:left;
}
/************************** GALERIE END *************************************/

/************************** FORMULÁŘOVÉ PRVKY *******************************/
#main-content table#formular  {
    margin:15px 20px 10px 20px;
    padding:0;
    border:0;
}
#main-content table#formular td {
    padding:7px 2px;
}
#main-content table#formular th {
    color: #006bae;
}

#formular select  {
    background-color: white;
    border: 1px solid #412211;
    color:#000000;
    font-weight:bold;
    margin-bottom:1px;
    margin-top:1px;
    text-align:left;
    padding: 3px;
}
#formular textarea {
    background-color: #f6fbff;
    border: 1px solid #c3d8e9;
    height:150px;
    width:400px;
    box-shadow: inset 0px 0px 4px #ebf2f8;
    padding:10px 15px;
}
ul.errorlist {
    list-style:none;
    margin:0px !important;
    color:#ff0000 !important;
}
#formular textarea:focus {
    background-color:#FFF;
}
#formular input {
    background-color: #f6fbff;
    border: 1px solid #c3d8e9;
    border-radius:3px;
    color:#000000;
    margin-bottom:1px;
    margin-top:1px;
    text-align:left;
    padding: 3px;
    box-shadow: inset 0px 0px 4px #ebf2f8;
}
#formular input[type=text] {width: 220px;}
#formular input#id_captcha_1 {width: 40px;}
#formular input:focus {
    background-color:#FFF;
}
#formular span{
    color:#F00;
}
#formular td{
    text-align:left;
    background: transparent;
    border:none;
}
#formular th {
    text-align:right;
    background: transparent;
    border:none;
    padding:0 10px 0 0;
}
form label[for="id_captcha"],
#registrace label[for="id_captcha"]{
   display: none!important;
}
form .block.field_captcha,
#registrace .block.field_captcha {
    margin-left: 25px;
    margin-top: 27px;
    width: 356px;
}

/*************************** FORMULÁŘOVÉ PRVKY END **********************************/


/*********************************  ÚVOD ************************************************/

/***** SLIDER *******/
#slideshow{
    width:980px;
    height:503px;
    position:relative;
}
#slideshow a.rezervace_button{
    text-decoration:none;
    font-size:0px;
    bottom:85px;
    right:-22px;
    display:block;
    position:absolute;
    z-index:9;
    height:60px;
    width:308px;
    background: url("/templates/images/slider_rezervuj.png") no-repeat 0 0;
}

#slideshow a.rezervace_button:hover{
    background-position:bottom left;
}
#slideshow a.calendar_button{
    text-decoration:none;
    font-size:0px;
    bottom:30px;
    right:0px;
    display:block;
    position:absolute;
    z-index:9;
    height:50px;
    width:285px;
    background: url("/templates/images/calendar_button.png") no-repeat 0 0;
}

#slideshow a.calendar_button:hover{
    background-position:bottom left;
}
/*** SLIDER END *****/

/***** BANNERY ******/
#main_banners{
    background: url("/templates/images/banner_back.gif") no-repeat 0 0;
    width:678px;
    height:249px;
    float:left;
    padding:12px 0 0 12px;
}
#main_banners a{
    display:block;
    float:left;
    font-size:0px;
}
#main_banners a#skupiny{
    background: url("/templates/images/banner_skupiny.gif") no-repeat 0 0;
    width:325px;
    height:56px;
}
#main_banners a#skupiny:hover{background-position: left bottom;}

#main_banners a#firmy{
    margin-left:14px;
    background: url("/templates/images/banner_firmy.gif") no-repeat 0 0;
    width:325px;
    height:56px;
}
#main_banners a#firmy:hover{background-position: left bottom;}

#main_banners a#nej_paintball{
    margin-top:20px;
    background: url("/templates/images/banner_nejlevnejsi.png") no-repeat 0 0;
    width:212px;
    height:159px;
}
#main_banners a#nej_paintball.en{
    background: url("/templates/images/banner_nejlevnejsi_en.png") no-repeat 0 0;
}
#main_banners a#nej_paintball:hover{background-position: left bottom;}

#main_banners a#poukazy{
    margin-left:15px;
    margin-top:20px;
    background: url("/templates/images/banner_poukazy.png") no-repeat 0 0;
    width:212px;
    height:159px;
}
#main_banners a#poukazy:hover{background-position: left bottom;}

#main_banners a#souteze{
    margin-left:15px;
    margin-top:20px;
    background: url("/templates/images/banner_akce.png") no-repeat 0 0;
    width:212px;
    height:159px;
}
#main_banners a#souteze:hover{background-position: left bottom;}
/*** BANNERY END ****/

/***** KONTAKT ******/
#kontakt{
    float:right;
    width:263px;
    height:261px;
    background: url("/templates/images/contact_back.gif") no-repeat 0 56px;
}
#kontakt h1, #kontakt h2{
    font-size:0px;
    padding:0px;
    margin:0px;
    height:56px;
    background: url("/templates/images/contact_top.gif") no-repeat 0 0px;
}
#kontakt div{
    padding:10px 18px 10px 18px;
}
#kontakt p strong {letter-spacing:1px; text-transform:uppercase;font-size:14px;}
/*** KONTAKT END ***/

/*** FACEBOOK ***/
#facebook{
    margin-top:21px;
    float:left;
    width:691px;
    height:425px;
    background: #262626 url("/templates/images/facebook_back.gif") repeat-x 0 56px;
}
#facebook h2{
    font-size:0px;
    padding:0px;
    margin:0px;
    height:56px;
    background: url("/templates/images/facebook_top.gif") no-repeat 0 0px;
}
#facebook div{
    margin-left:25px;
}
/*** FACEBOOK END ***/

/***** PROSTORY ******/
#prostory{
    margin-top:21px;
    float:right;
    width:263px;
    height:425px;
    background: #262626 url("/templates/images/prostory_back.gif") no-repeat 0 56px;
}
#prostory h2{
    font-size:0px;
    padding:0px;
    margin:0px;
    height:56px;
    background: url("/templates/images/prostory_top.gif") no-repeat 0 0px;
}
#prostory div{
    padding:10px 18px 10px 18px;
    height:349px;
    background: url("/templates/images/prostory_bottom.gif") no-repeat left bottom;
}
#prostory p {padding:0px !important}
#prostory p img{border:1px solid #3a3a3a; margin-top:8px; height:138px; width:227px;}
#prostory p img:hover{border:1px solid #e75c18;}
/*** PROSTORY END ***/

/*************************************  ÚVOD END **********************************************/


/*************************************  VYHLEDÁVÁNÍ **********************************************/
.pagination{
    border-top:1px #d6d6d6 solid;
    padding:5px 15px;
    clear:both;
}
/***********************************  VYHLEDÁVÁNÍ END ********************************************/

/***********************************  REGISTRACE DO KLUBU *****************************************************/
#registrace {padding: 5px 0px;}
#registrace .group {background-color:#050505; border:1px #3d3d3d solid; padding:20px 10px;}
#registrace .group .cleaner.orange{margin:15px 0px; padding:0px; clear:both; border-bottom:1px solid #e75c18;}
#registrace .group h2{font-size:18px;padding:15px 14px 20px 14px;font-weight:bold;}

#registrace .block {float:left; width: 260px; margin:5px 8px 5px 20px;position:relative;text-align:right;}
#registrace .block label{font-size:16px; padding:3px 10px 0 0; display:inline-block; margin-right:10px;}
#registrace label[for=agree]{padding:0 0 5px 10px; display:inline-block; color:#0161A9; font-weight:bold;}
#registrace .block input[type=text],
#registrace .block input[type=email] {
    padding:5px 8px;
    width:150px;
    box-shadow: inset 0 2px 5px #393939;
    border:1px solid #5f5f5f;
    float:right;
    background-color:#555555;
    color:#FFF;
}
#registrace .block input[type=text]:focus,
#registrace .block input[type=email]:focus {
    box-shadow: 0 0 5px #ad3900;
    border:1px solid #e75c18;
    background-color:#555555;
}
#registrace .block input#id_persons{
    width:50px;
}
#registrace .block select{
    padding:4px 4px;
    width:140px;
    box-shadow: inset 0 2px 5px #393939;
    border:1px solid #5f5f5f;
    float:right;
    background-color:#555555;
    color:#FFF;
}
/* Chyba ve formulari */
#registrace .block.error select,
#registrace .block.error input[type=email],
#registrace .block.error input[type=text] {
    border:1px solid #eb0000;
}
#registrace .block.error span{
    color: #eb0000;
    font-size:11px;
    display:none;
}
/* Chyba ve formulari END */
/* Seznam chybnych udaju */
.ui-widget div.error_list{
    display:inline;line-height:20px;
    padding:5px 10px;
}
/* Seznam chybnych udaju END */

/* Vyzadovane pole */
#registrace p img[alt=star]{border:none;}
#registrace .block.required label{background: url("/templates/images/required_star.png") no-repeat 100% 30%;}
/* Vyzadovane pole END */

/* POZNÁMKY */
#registrace .block textarea{
    margin:10px 0 10px 5px;
    padding:5px 8px;
    width:340px;
    height:90px;
    box-shadow: inset 0 2px 5px #393939;
    border:1px solid #5f5f5f;
    background-color:#555555;
    color:#FFF;
}
#registrace .block textarea:focus{
    box-shadow: 0 0 5px #ad3900;
    border:1px solid #e75c18;
    background-color:#555555;
}
#registrace .block.field_notes{
    text-align:left;
}
/* POZNÁMKY END */
#registrace .group input[type=submit]{
    display:block;
    background: url("../images/button.png") no-repeat 0 0 ;
    height:35px;
    width:154px;
    text-decoration:none;
    color:#FFF;
    text-transform:uppercase;
    padding:0 30px 0 0;
    font-size:13px;
    margin-top:68px;
    margin-right:40px;
    float:right;
    cursor:pointer;
}
#registrace .group input[type=submit]:hover{
    background-position:left bottom;
}

#registrace .block ul{
    list-style:none;
}
#registrace .block ul li{
    display:inline-block;
}
#registrace .error_message {
    clear: both;
    display: none;
    padding: 5px;
    border-radius: 5px;
    margin-bottom:10px;
}
/***********************************  REGISTRACE DO KLUBU END **************************************************/

/*********************************** KONTAKT MAPA ************************************************************/
#map p{
    line-height:22px;
    padding:7px 8px;
    color:#000;
}
#map p a{
    line-height:22px;
    padding:7px 8px;
    color:#e75c18;
}
/*********************************** KONTAKT MAPA END ********************************************************/

/***************************** SPECIÁLNÍ MENU PRO TOUCHSCREEN *************************************************/
#small_submenu{
    display:none;
}
@media screen and (max-device-width: 1024px) {
    #small_submenu{
        background-color:#000;
        clear:left;
        float:left;
        display:block;
        width:689px;
        margin:0px !important;
        border-left: 1px solid #5f5f5f;
    }
    #small_submenu li{
        list-style:none;
        display:inline-block;
        margin-left:5px;
    }
    #small_submenu li a{
        text-decoration:none;
        display:block;
        float:left;
        padding:5px 10px;
        background-color:#e15b1a;
    }
    #small_submenu li a:hover{
        text-decoration:none;
        background-color:#a03400;
        color:#FFF;
    }
}
/***************************** SPECIÁLNÍ MENU PRO TOUCHSCREEN END *********************************************/

/************* EN ****************/
#page.en #slideshow a.rezervace_button {
    background-image: url("/templates/images/slider_rezervuj_en.png");
}

#page.en #slideshow a.calendar_button {
    background-image: url("/templates/images/calendar_button_en.png");
}

#page.en #main_banners a#skupiny{
    background-image: url("/templates/images/banner_skupiny_en.gif");
}

#page.en #main_banners a#firmy{
    background-image: url("/templates/images/banner_firmy_en.gif");
}

#page.en #main_banners a#nej_paintball {
    background-image: url("/templates/images/banner_nejlevnejsi_en.png");
}

#page.en #main_banners a#poukazy{
    background-image: url("/templates/images/banner_poukazy_en.png");
}

#page.en #main_banners a#souteze{
    background-image: url("/templates/images/banner_akce_en.png");
}


#page.en #prostory h2{
    background-image: url("/templates/images/prostory_top_en.gif");
}

#page.en #kontakt h1,
#page.en #kontakt h2{
    background-image: url("/templates/images/contact_top_en.gif");
}

#page.en #side_banners a#rezervuj {
    background-image: url("/templates/images/prostory_top_en.gif");
}

#page.en #side_banners a#rezervuj {
    background-image: url("/templates/images/side_rezervuj_en.png");
}

#page.en #side_banners a#side_calendar{
    background-image: url("/templates/images/side_calendar_en.png");
}

#page.en #side_banners a#nej_paintball{
    background-image: url("/templates/images/side_nejlevnejsi_en.gif");
}
#page.en #side_banners a#poukazy{
    background-image: url("/templates/images/side_poukazy_en.gif");
}

#page.en #side_banners a#souteze{
    background-image: url("/templates/images/side_akce_en.gif");
}


#flags {
    margin-top: 15px;
    float: right;
}

#flags a {
    display: inline-block;
    margin-left: 4px;
}

#flags a img {
    width: 20px;
    height: 20px;
    display: block;
    float:left;
    border: 2px solid #3d3d3d;
    box-sizing: border-box;
    border-radius: 50%;
}

#flags a.akt img {
    border-color: #e95d19;
}

#flags a:active img,
#flags a:hover img,
#flags a:focus img{
    border-color: #e95d19;
}