@import url('http://fonts.cdnfonts.com/css/coronet');

body { 
   background: rgb(204,255,204);
 }


/* písmo */
h2 { 
  font-size: 52px;
  font-weight: none;
  font-family: 'Coronet', sans-serif;
  text-align: center;  
  text-shadow: 5px 5px 3px rgb(163,221,152);
  margin-top: 10 px;
  color: rgb(64,128,0);
 }
h3 {
  font-size: 24px; 
  font-weight: bold;
  color: #008000;
  text-align: center; 
  margin: auto;  
  margin-bottom: 10px;  
}
 
 
/* odkazy */
a { 
  color: #008000; 
  text-decoration: underline;
 }
a:hover { 
  color: #008000; 
  text-decoration: none;
 }


marquee {  
 width: 100%; 
 margin-left: 10px;
 margin-top: 25px;
}


a.odkaz_animace { 
  color: #FFFF00; 
  font-weight: bold;
  text-decoration: none;
  text-align: center; 
 }
a.odkaz_animace:hover { 
  color: rgb(234,175,75); 
  text-decoration: none;
 }


a.odkaz_novinky { 
  color: #008000; 
  font-weight: bold;
  text-decoration: underline;
  text-align: center; 
  padding-bottom: 10px;  
 }
a.odkaz_novinky:hover { 
  color: #008000; 
  text-decoration: none;
 }


.center {
  margin-left: auto;
  margin-right: auto;
}


.img_center {
  display: block;
  margin: 0px auto 0px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.img_top {
  margin-top: 5px;
}



.smile {  
  width: 8px; 
  height: 8px;
  //background: url('../images/ikony/smile.png') no-repeat top;
  
  background: red;
    
 }


.popis-green-cen { 
    color: rgb(0,128,0);
    font-size: 16px;
    font-weight: bold;
    text-align: center;

 }




#header {
  width: 105%;
  height: 215px;
  float: left;
  margin: -10px 10px 0 -10px;
  background: rgb(30,136,0);
}

.header_logo {
   margin-top: 15px; 

}








/* jednotlivý psi */
#dog-menu { 
  width: 100%;
  text-align: center;  
  margin-top: 20 px;
  margin-bottom: 10 px;
  font-family: 'Coronet', sans-serif;
  //background: silver;  
 }


/* jednotlivý psi */
#dog-menu .ikona { 
  margin-bottom: 15px;
 }
  








/* jednotlivý psi */


#novinky, #hlavni-blok { 
  max-width: 800px;
  margin: auto;  
  padding: 5px;
 }

#hlavni-blok img { 
//  padding: 5px;
  //object-fit: cover;   
  border-radius: 12px;
 // background: red;
  box-shadow: 5px 8px 10px #rgb(180,180,180);
 }


 .img_tlapka { 
  margin-bottom: -10px
 }


 .img_gallery { 
  margin-bottom: 10px
 }


 



.novinky-blok {
  font-size: 18px; 
  color: #000000;
  display: block;
  border-radius: 5px;  
  padding: 15px;
  margin: 10px;
  background: rgb(213,255,214);
  box-shadow: 2px 2px 5px 2px #c3c3c3; 
}



.novinky-datum {
  width: 100%;
  font-size: 14px; 
  font-weight: bold;
  color: #008000; 

}

.novinky-nadpis {
  width: 100%;
  font-size: 20px; 
  font-weight: bold;
  color: #008000; 
  margin-top: 10px;  
  margin-bottom: 10px;
}


.novinky-text {
  width: 100%;
  font-size: 16px; 
  //font-weight: bold;
  color: #000000; 
  margin-top: 10px;

}

.novinky-foto {
  width: 100%;
  margin-top: 10px;
}






.rodokmen-rodic {
  font-size: 16px; 
  font-style: italic;
  text-align: left;
}

.rodokmen-title {
  font-size: 18px; 
  font-weight: bold;
  padding: 6px 0 6px 0px;
  text-align: left;
}

.rodokmen-text {
  font-size: 14px; 
  text-align: left;

}






table.roundedCorners {
        width: 100%; 
        margin-bottom: 10px;
        border-collapse: separate;
        border: solid 0px silver; 
        border-spacing: 0px;
//        background: rgb(00,00,00);
//        box-shadow: 2px 2px 5px 2px #c3c3c3; 
}

table.roundedCorners th { 
  font-size: 16px; 
  font-family: Calibri, Arial, sans-serif;   
  padding: 6px 1px 1px 5px;  
  border: solid 2px rgb(0,128,0); 
  }

table.roundedCorners td { 
  font-size: 16px; 
  font-family: Calibri, Arial, sans-serif; 
  padding: 10px; 
  background: rgba(255,255,255,0.5);
  border: solid 2px rgb(0,128,0); 
  }

/*Vypnutí pravých a dolních rámečků*/
table.roundedCorners td, table.roundedCorners th { 
   border-style: solid none none solid; }

table.roundedCorners td.print_yes {   }
table.roundedCorners td.labels { color: #B0B0B0;  }
table.roundedCorners td.mailing { font-size: 13px;  }
table.roundedCorners td.odraz { padding-left: 12px;  }

/*Nastavení dolního rámečku posledním buňkám (td, th)*/
table.roundedCorners :not(thead):not(tbody) tr:last-child td,
table.roundedCorners :not(thead):not(tbody) tr:last-child th,
table.roundedCorners tbody:last-child   tr:last-child td,
table.roundedCorners tbody:last-child   tr:last-child th { border-bottom-style: solid;  }

/*Nastavení pravého rámečku buňkám v posledním sloupci(td, th)*/
table.roundedCorners td:last-child,
table.roundedCorners th:last-child { border-right-style: solid; }

/*Nastavení levého horního kulatého rohu*/
table.roundedCorners :not(tbody):not(tfoot) tr:first-child td:first-child,
table.roundedCorners :not(tbody):not(tfoot) tr:first-child th:first-child,
table.roundedCorners tbody:first-child  tr:first-child td:first-child,
table.roundedCorners tbody:first-child  tr:first-child th:first-child { border-top-left-radius: 10px;   }

/*Nastavení pravého horního kulatého rohu*/
table.roundedCorners :not(tbody):not(tfoot) tr:first-child td:last-child,
table.roundedCorners :not(tbody):not(tfoot) tr:first-child th:last-child,
table.roundedCorners tbody:first-child  tr:first-child td:last-child,
table.roundedCorners tbody:first-child  tr:first-child th:last-child  { border-top-right-radius: 10px;}

/*Nastavení levého dolního kulatého rohu*/
table.roundedCorners :not(thead):not(tbody) tr:last-child td:first-child,
table.roundedCorners :not(thead):not(tbody) tr:last-child th:first-child,
table.roundedCorners tbody:last-child   tr:last-child td:first-child,
table.roundedCorners tbody:last-child   tr:last-child th:first-child { border-bottom-left-radius: 10px;}

/*Nastavení pravého dolního kulatého rohu*/
table.roundedCorners :not(thead):not(tbody) tr:last-child td:last-child,
table.roundedCorners :not(thead):not(tbody) tr:last-child th:last-child ,
table.roundedCorners tbody:last-child   tr:last-child td:last-child,
table.roundedCorners tbody:last-child   tr:last-child th:last-child { border-bottom-right-radius: 10px;}






/*
table {
  border-collapse: collapse;
  border-radius: 1em;
  overflow: hidden;
  border:solid 1px #d3d3d3; 
}

th, td {
  padding: 1em;
  background: #ddd;
  border-bottom: 2px solid white; 
}
*/




/* Nastavení separovaných buněk a nulové vzdálenosti mezi buňkami */
table.rounded-corners {
 /* Change these properties */
 --border: 1px solid silver;
 border-radius: 10px;

 /* Don't change these properties */
 border-spacing: 0;
 border-collapse: separate;
 border: var(--border);
 overflow: hidden;
 margin: auto;  
}

table.rounded-corners th { 
  font-size: 21px; 
  font-weight: bold;
//  color: #008000;
  text-align: center; 
 padding: 5px;  
 background: rgb(128,255,128);
  }

table.rounded-corners td { 
 padding: 5px; 
// background: blue;
  }

/* Apply a border to the right of all but the last column */
table.rounded-corners th:not(:last-child),
table.rounded-corners td:not(:last-child) {
 border-right: var(--border);
}

/* Apply a border to the bottom of all but the last row */
table.rounded-corners>thead>tr:not(:last-child)>th,
table.rounded-corners>thead>tr:not(:last-child)>td,
table.rounded-corners>tbody>tr:not(:last-child)>th,
table.rounded-corners>tbody>tr:not(:last-child)>td,
table.rounded-corners>tfoot>tr:not(:last-child)>th,
table.rounded-corners>tfoot>tr:not(:last-child)>td,
table.rounded-corners>tr:not(:last-child)>td,
table.rounded-corners>tr:not(:last-child)>th,
table.rounded-corners>thead:not(:last-child),
table.rounded-corners>tbody:not(:last-child),
table.rounded-corners>tfoot:not(:last-child) {
 border-bottom: var(--border);
}