* {
margin: 0;
list-style: none;
outline: none;
}

body {
text-align: center;
color:black;
font-family:Century Gothic,"Trebuchet MS","Lucida Grande",Helvetica,Arial,sans-serif;
font-size:70%;
padding:0 0 12px;
background: #9FBED3 url('../images/web/pozadi.gif') repeat-x scroll left top;
}

#page-header {
display: block;
margin:auto;
width:995px;
}

#wrap {
position: relative;
margin:0 auto;
min-width:1000px;
display:block;
text-align:left;
width:995px;
}

.headerbar {
color: #FFFFFF;
height:139px;
padding:0;
margin:10px 0 0 0;
text-align:center;
width:995px;
background:none repeat scroll 0 0 #FDFCFA;
background: #FCFCFC url('../images/web/header.jpg') no-repeat scroll left top;
}

#page-content {
background-color: #fff;
margin:auto;
width:995px;
}

.cleaner {
display:block;
padding-bottom:10px;
}


.inner {
width:230px;
}

.clear {
clear: both;
}

.logo {
background: url('../images/web/logo1.jpg') no-repeat scroll left top;
float: left;
height: 100%;
width: 230px;
}

.logo-odkaz{
border:none;
}

.banner {
float: left;
height: 100px;
width: 747px;
margin-top:37px;	
margin-left:10px;
}

#site-description {
width: 100%;
height: 40%;
}

.kalendar {
background: url('../images/web/kalendar.gif') no-repeat scroll left top;
height: 60%;
width: 100%;
}

.strap {
background: #a32400 url('../images/web/pruh1.gif') repeat scroll left top;
width: 100%;
height: 35px; 
}

.strap_content {
position:absolute;
top:150px;
left:0px;
color:#FFBF73;
font-size:1.2em;
font-weight:bold;

width:995px;
height:20px;
}

.datum {
float:left;
padding-left:35px;
width:270px;
}

.svatek {
color:#FFBF73;
float:right;
text-align: right;
width: 620px;
padding-right:35px;
}

#osobni_udaje {
text-align:center;
height:45px;
margin:auto;
width:995px;
font-size: 8px;
}

.bubble {
background: #74a8bc url('../images/web/pruh2.jpg') repeat-x scroll left top;
width:100%;
height:28px; 
}

.bubble_help {
height:17px;
left:0px;
position:absolute;
top:180px;
width:995px;
}

.bubble_text {
color:#b5d2e2;
font-weight: bold;
font-size:1.2em;
margin-left:232px;
}

.bubble_text a{
color:#b5d2e2;
}

#content {
display: block;
text-align: center;
width:100%;
}

.center_block {
width:770px;
margin:auto;
float:right;
}

.center {
float:left;
width:550px; 
/*margin-left:6px;*/
margin-top:10px;
text-align:left;
}

.right {
float:right; 
margin-top:10px;
margin-right:10px;
text-align:center;
}

.left {
width: 207px;
margin:10px 0 0 10px;
}

.left-block {
background: url('../images/web/menu-pozadi.gif') repeat scroll left top;
width:204px;
}

.left-block-end {
background: url('../images/web/menu-paticka.gif') no-repeat scroll left top;
margin-bottom:20px;
height:13px;
width:204px;
}

.hlavicka {
background: url('../images/web/nadpis.gif') repeat scroll left top;
width:204px;
height:39px;
vertical-align:middle;
}

.kalendarik {
background: url('../images/web/list.jpg') no-repeat scroll 5px 5px;
width:26px;
height:27px;
float:left;
margin:auto;
}

.vyhledavani {
background: url('../images/web/lupa.gif') no-repeat scroll 5px 5px;
width:28px;
height:28px;
float:left;
margin:auto;
}

.facebook {
background: url('../images/web/facebook.gif') no-repeat scroll 5px 8px;
width:27px;
height:28px;
float:left;
margin:auto;
}

.nadpis {
color:#ffbf73;
width:80%;
margin:10px 0 0 12px;
float:left;
text-align:left;
font-size:1.4em;
font-weight:bold;
}

ul {
margin-top:10px;
text-align:left;
padding-left:20px;
}

li {
list-style-image: url('../images/web/menu_item.gif');
list-style-position:inside;
list-style-type:none;
color: #a64508;
line-height: 1.1;
font-size:1.5em;
font-weight:bold;
}

li.menu-active {
list-style-image: url('../images/web/menu_active.gif');
list-style-position:inside;
list-style-type:none;
color: #a64508;
line-height: 1.1;
font-size:1.5em;
font-weight:bold;
}

.reklama-left {
margin-top:15px;
width:204px; 
text-align:center;
padding-bottom:15px;
}

.center-text {
margin:7px 0 17px 0;
float:left;
width:100%;
}

.center-text-pranostiky {
margin:0 0 10px 0;
float:left;
width:100%;
}


p {
/*text-indent:10px;*/
margin: 0 10px 12px 10px;
font-size:1.2em;
}

.right-block {
background: url('../images/web/right-pozadi.gif') repeat scroll left top;
width:198px;
font-weight:bold;
}

.right-block-end {
background: url('../images/web/right-paticka.gif') no-repeat scroll left top;
margin-bottom:20px;
height:12px;
width:198px;
}

.right-header {
background: url('../images/web/nadpis.gif') repeat scroll left top;
width:198px;
height:39px;
vertical-align:middle;
}

.right-content {
color:#000;
margin:10px 10px 5px;
text-align:center;
font-size:1.2em;
line-height:1.3em;
}

.right_content_search {
color:#000;
margin:10px 10px 5px 23px;
text-align:left;
font-size:1.2em;
line-height:1.3em;
}

.right-nadpis {
color:#ffbf73;
width:80%;
margin:10px 0 0 0;
float:left;
text-align:center;
font-size:1.2em;
}
.right-nadpis h4{font-size:1em}

a.right-odkaz {
color:#000;
text-decoration:underline;
}

.den {
width:50px;
color:#516d7c;
margin:0 2px 0 0;
float:left;
text-align:right;
}

.narozeniny {
color:#df7b0b;
text-align:left;
}

h1 {
font-size:1.8em;
color:#a65a00;
padding:10px;
}

h2 {
font-size:1.7em;
color:#a65a00;
padding:5px 10px 0 10px;
}

h3 {
font-size:1.3em;
/*margin:10px 0 10px 0;*/
padding:10px;
}

h4 {
font-size:1em;
}

a.svatek-odkaz, a.vice {
color:#c08d55;
}

a.svatek-odkaz {
/*font-size:1.3em;
padding:10px;
font-weight:bold;*/
}

a.vice {
font-size:1.1em;
font-weight:bold;
}

.vice {
text-align:right;
margin-right:15px;
}

a.svatek-head {
color:#FFBF73;
}

#page-footer {
background: #6aa5c5 url('../images/web/paticka.gif') repeat scroll left top;
text-align:center;
height:45px;
margin:auto;
width:995px;
}

.footer, .footer a {
color:#516d7c;
text-decoration:none;
font-weight:bold;
font-size:1.1em;
height:100%;
padding-top:13px;
}

.button {
color:#6ba3c4;
background: url('../images/web/button.gif') no-repeat scroll left top;
border:1px solid #ABC6DD;
font-weight:bold;
font-size:1.3em;
width:84px;
height:26px;
cursor:pointer
}

.login-button {
background: url('../images/web/login.gif') no-repeat scroll left top;
}


th {
text-align:right;
padding:0 10px 0 20px;
}

.menu {
color: #a64508;
text-decoration:none;
}

.mesic {
color: #a64508;
}

.active {
color: #6ea4c0;
}

.column {
width:40%;
margin:10px 30px 10px 0;
float:left;
height:auto;
}

.column_pranostiky {

}

.column_right {
width:40%;
margin:10px 10px 10px 20px;
float:left;
height:auto;
}

.column_day {
width:20px;
text-align:right;
float:left;
}

.column_day_pranostiky {
width:40px;
text-align:right;
float:left;
}

.column_day_stsv {
width:70px;
text-align:right;
float:left;
}

.column_text, .columnt_text_next {
margin:auto;
width:87%;
}

.column_text_next {
margin-left:22px;
}

.column_text_pranostiky, .columnt_text_next_pranostiky {
margin:auto;
width:505px;
float:left;
}

.column_text_next_pranostiky {
margin-left:40px;
}

.column_text_next_stsv {
margin-left:70px;
}

div.noactive {
border:1px solid #CCCCCC;
color:#B6C4D5;
}

.login-text {
text-align:right;
width:40px;
margin-left:7px;
float:left;
font-weight:bold;
}

.login-control {
margin:auto;
width:137px;
text-align:left;
float:left;
margin-left:10px;
}

.login-button {
margin-top:15px;
}

#frm-searchForm {
text-align:center;
}

a.odkaz {
color:#FFBF73;
text-decoration:none;
}


.cara {
width:540px;
border-bottom:2px solid #A64508; 
margin:20px 0 0 0;
}


.diar-horni {
background: url('../images/web/diar_horni.jpg') repeat scroll left top;
width:551px;
height:25px;
}

.diar-horni-end {
background: url('../images/web/diar_horni_pata.jpg') 0 0 no-repeat;
margin-bottom:15px;
height:25px;
width:551px;
}

.diar-horni-text {
background:url('../images/web/diar_horni_boky.jpg') repeat-y scroll left top transparent;
border-bottom: 1px solid transparent;
margin:0;
padding:0;
width:551px;
 
}


.diar-spodni {
background: url('../images/web/diar_spodni.jpg') repeat scroll left top;
width:551px;
height:25px;
}

.diar-spodni-end {
background: url('../images/web/diar_spodni_pata.jpg') no-repeat scroll left top;
margin-bottom:20px;
height:25px;
width:551px;
}

.diar-spodni-text {
background:url('../images/web/diar_spodni_boky.jpg') repeat-y scroll left top transparent;
margin:0;
padding:0;
width:551px;
}

.podmenu1 {
  border: 1px solid #e1e1e1;
  margin: 5px 10px 10px 10px;
}

.podmenu1 div {float: left; text-align: left; font-size: 1.2em; width: 45%; margin: 5px;}
.podmenu1 div a {color: #000; font-size: bold;}
.podmenu1 .cleaner {clear: both; height: 1px; border: none; line-height: 1px; font-size: 1px; margin: 0; padding: 0;}

.podmenu2 div {font-size: 1.2em; text-align: left; margin: 8px 5px;font-weight:normal}
.podmenu2 div a {color: #000; font-size: bold;}


/************ info boxy ~ flash zpravy ******************/
.flash, .info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 5px;
padding: 15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
/*font-family:Arial, Helvetica, sans-serif;*/ 
font-size: 13px;
font-weight:bold;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-radius: 5px;
opacity: 0.9;
border: none !important;
}
.info {
color: #00529B;
background-color: #C6DBFF;
background-image: url('../images/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../images/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../images/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../images/error.png');
}
.validation {
color: #D63301;
background-color: #FFCCBA;
background-image: url('../images/warning.png');
}
h2.smallest {font-size: 0.9em; margin-top: -13px; color: #FFBF73; }

#frm-daybydateForm{
    background: #fef3e5;
    padding: 15px 30px;
    border: 1px solid #f8e9d5;
}

#frm-daybydateForm #frmdaybydateForm-save{
    width: 150px;
    background: none;
}

.cosestalo{
    font-size: 16px;
    margin-top: 10px;
}

.zjisti.big a:hover{
		text-decoration: underline;
}




/*
cookie control
*/
.cookiesConfirm{
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #f2f2f2; 
    color: #657888;
    padding: 0px;
    line-height: 25px;
    margin-bottom: 0px;
    text-align: center;
    z-index:9999999;
}
.cookiesConfirm p{ margin: 0; padding: 10px;}
.cookiesConfirm a{ color: #657888; }
.cookiesConfirm a.ok{
    background: #4a8cf6;
    padding: 5px 20px;
    text-decoration: none;
    color: white;
    margin-left: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}






@media (max-width: 700px){
  
    body{
      margin: 0px;
    }

    body, #wrap, #page-header, .headerbar, .strap, #page-content, #page-footer, 
    #strap_content, .bubble_help, .center_block, .center_block div.center, .center_block div.right, 
    #page-content .left, .right-block, .right-header, .hlavicka, .left-block, .left-block ul li, .left-block ul li a   {
        width: 100%;
    }
    	
    .strap_content .svatek , .strap_content, .bubble_help{
    	width: auto;
    	
    }
   	
    #wrap{
    	min-width: 100px;
    }	
    	
    .banner, img.logo-odkaz, .bubble, .right-block-end, .left-block-end{
            display: none;
    }
       
    .logo a{
        display: block;
        width: 100%;
        height: 100%;
    }
    
    .center_block, .center_block div.center, .center_block div.right, #page-content .left, .strap_content .svatek, .strap_content .datum{
            float: none;
    }

    #page-content .left{
            margin: 0;
    }


    .strap{
            background: url('../images/mob/bg-strap.jpg');
            height: 56px;
    }


    .logo{
            background: url('../images/mob/logo.jpg');
            width: 237px;
            height: 74px;
    }

    .headerbar{
            background: white;
            height: 74px;
            margin: 0;
    }

    .strap_content .datum{
            padding-left: 0px;	
            width: auto;	
    }

    .strap_content .svatek{
            text-align: left;
            padding: 0;
    }

    .strap_content{
            top: 82px;
            margin-left: 10px;		
    }

    .bubble_help{
            position: absolute;
            top: 134px;
            margin-left: 10px; 
    }

    .bubble_text{
            margin: 0;
            color: black;
            font-weight: normal;
            font-size: 12px;
    }	

    .bubble_text a{
            color: #a65a00;
            font-weight: normal;
            font-size: 12px;
    }	

    .center{
            margin-top: 26px;
    }	

    .center-text{
            text-align: justify;
            margin: 0;
            padding: 14px 0;
            border-bottom: 1px dotted black;
    }

    .center-text p{
        margin-bottom: 3px;
    }

    .center-text, .center-text h2{
       background: none;
    }



    .right-block, .left-block{
            background: #fef3e5;
    }	

    .left-block ul{
            margin: 10px;
    }

    li , li.menu-active{
        list-style-image: none;		
    }

    .left-block ul li a{
            text-align: center;
            width: 100%;
            display: block;
            padding: 3px 0;
    }

    .left-block ul li a:hover{
        color: black;
    }

    .hph1title{
        margin-top: 10px;
    }

    #page-footer{
        background: #6aa5c5;
        color: white;
    }

    #page-footer a, .footer{ 
        color: white;
    }
    
    
    .svatekMesic{
        padding-left: 10px;
        width: auto;
    }
    .svatekMesic{
        font-size: 16px;
        line-height: 20px;
    }
    .mesicJmena a, .column_day{
        font-size: 14px;
        line-height: 15px;
    }
    .column_day{
        margin-right: 10px;
        width: auto;
    }
    
    .center-text .column_text a.mesic{
        font-size: 16px;
    }
    
    .udalostiTable .column, .column_right{ 
        width: auto;
        padding: 10px;       
        margin: 0;
    }
    
    .udalostiTable .column div{ 
        margin-bottom: 5px;
    }
    
    .mesic_all{
        margin-top: 10px;
    }
    
    .pranList{
        font-size: 13px;
        width: auto;
        padding: 10px;
    }
    
    .pranList .column_text_next_pranostiky{
        clear: both;
    }
    
    .column_text_pranostiky, .column_text_next_pranostiky{
        width: auto;
        float: none;
    }
    
    .column_day_pranostiky{
        width: 46px;
        text-align: left;
    }
    .column_text_next_pranostiky, .mesicJmena .column_text_next{
        margin-left: 46px;
    }
    
    .animalCalendar .column, .animalCalendar .column_right, .mesicJmena .column, .mesicJmena .column_right{
        width: auto;
        padding: 10px;
        float: none;
        margin: 0;
    }
    
    .diar-horni-text, .diar-horni, .diar-horni-end, .diar-spodni, .diar-spodni-text, .diar-spodni-end{
        width: 100%;
        max-width: 551px;
    }
    
    .square-mobile{
    	height: auto;
    	margin: 0px auto;
    	margin-bottom: 0;
    	text-align: center;
    	overflow: hidden;
    }
    
}