body {

color: #FBFFD4;
background-color: #163D64;
font-family: "Comic Sans MS", "Comic Sans", cursive;
/*width: 1217px;*/



}

p{
text-align: center;
font-size: 1.7em;
letter-spacing: 3px;

}

a {
 margin:0px;
padding:0px;
}




a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}





.indiv{
padding: 10px 10px 25px 25px;

}

.bnr{
display: inline-block;
padding: 100px 10px 25px 70px;
width: 1217px;
}

div.bnr{}

.blgs{
display: inline-block;
padding: 10px 10px 25px 25px;
font-size: 0.1em;
color:#163D64;
transition: font-size 3s, color 9s;
}


.blgs:hover{
color: #FBFFD4;
font-size: 1.7em;
}


.btxt{
display: inline-block;
width: 217px;
height: 192px;
background-image: url("lgslgdkw2.jpg");
padding:0px 0px 0px 0px;
border-style: solid ;
border-width: 70px 60px 70px 60px;
border-color: #2b3f53 #727451 #2b3f53 #727451;
background-color: #1F638C;
transition:  border-color 27s;
}


.btxt:hover{
border-color: #98c6f3 #e5e7bc #98c6f3 #e5e7bc ;
}







.blgs2{
display: inline-block;
padding: 10px 10px 25px 10px;
color: #163D64;
font-size: 0.1em;
transition: font-size 3s, color 7s;
}

.blgs2:hover{
color: #FBFFD4;
font-size: 1.2em;
}

.mnu,.sbmnu,.sbmnum,.sbmnumo {

padding: 10px 10px 2px 100px;
border-width: 7px;
border-top-color: #163D64;
border-right-color: #163D64;
border-bottom-color: #dfdfbc;
border-left-color: #163D64;
border-style: solid;
width: 817px;
margin: 17px 57px 0px 57px;
}

.sbmnu {
border-bottom-color: #163D64;
display:flex;
margin-bottom:37px;
padding:7px;
margin-left:37px;
margin-top:7px;
}

.sbmnum,.sbmnumo{
display:flow;
border-width: 3px;
border-top-color: #163D64;
border-bottom-color: #dfdfbc;
width:617px;
font-size:0.6em;
margin: 3px;
padding:3px 0px 3px 0px;
}

.sbmnumo{

width:117px;

}



.sbmnuxtnd{
display:none;
border-top-color: #C6F0FA;
border-right-color: #163D64;
border-bottom-color: #C6F0FA;
border-left-color: #163D64;
border-style: solid;
margin:0px 7px 0px 7px;
padding: 0px 0px 0px 0px;
border-radius: 37px;
border-width: 3px;
float:right;
}

.sbmnum:hover {
border-bottom-color: #163D64;

}

.sbmnumo:hover {
border-bottom-color: #163D64;

}



.sbmnum:hover  .sbmnuxtnd{
display:flex;

}


.btttt{
float:right;
width: 137px;
height:100px;
background-image: url('lgstttbt.jpg');
margin:0px 0px;
padding:0px 0px;
display:flex;
opacity:1;
background-size:contain;
}


.btttt:hover{
background-image: url('lgstttbt1.jpg');


}






.bt1,.bt2,.bt3,.bt4{
color: #FBFFD4;
background-color: #163D64;
font-size: 1.7em;
text-align: center;
transition:  border-color 2s, color 4s;
padding: 0px 7px 7px 7px;
margin-left: 40px;
border-width: 7px;
border-color: #163D64;
border-radius: 17px;
border-style: solid;

}

.bt2{
padding:0px;
margin:0px;
float:right;
}


.bt3{
background-image: linear-gradient(#163D64, #163D64);
color:#ededd3;
border-radius: 37px;
border-width: 3px;
margin:0px;
padding:0px;
border-top-color: #163D64;
border-right-color: #163D64;
border-bottom-color: #163D64;
border-left-color: #163D64;
background-clip:content-box;
transition:background-image 4s;

}



span.bt1{
}

span.bt1:hover{
color: #d0d045;
border-color: #dfdfbc  #dfdfbc  #163D64 #dfdfbc  ;
}

span.bt2{

}

span.bt2:hover{
color: #d0d045;

}

span.bt3{

}

span.bt3:hover{
background-image: linear-gradient(#C6F0FA,#163D64,#163D64, #163D64,grey);
background-color:none ;

}

span.bt4{

}

span.bt4:hover{
color: #d0d045;
border-color: #dfdfbc  #dfdfbc  #163D64 #dfdfbc  ;
}

.txt1 {
display: block;
margin: 100px 40px;
padding: 10px 10px 2px 100px;
width: 817px;
height:317px;
background-image: url('txt1shtcloudi.jpg');
background-position: top left;
background-repeat: no-repeat;
}

div.shout1 {
margin-left: 200px;
margin-top: 27px;
color: #163D64;
font-size: 1.7em;
transition: transform 4s, font-size 5s, color 4s;
padding: 0px 7px 7px 7px;
transform: rotate(15deg);
}

div.shout1:hover {
color: #FBFFD4;
transform: rotate(0deg);
}

div.shout2 {
color: #163D64;
font-size: 1.7em;
transition: transform 4s, font-size 5s, color 4s;
padding: 0px 7px 7px 7px;
margin-top: 67px;
transform: rotate(0deg);
}

div.shout2:hover {
color: #FBFFD4;
transform: scale(2, 2);
}


.txt2 {
font-size: 1.5em;
display: block;
margin: 71px 17px;
padding: 0px;
width: 1217px;

}

img.ul{
display:block;
width: 717px; 
height: 77px;
margin: 2px 217px 17px 217px;
}

.dkcc {
display:block;
padding: 47px 29px 17px 17px;
margin:47px 0px 0px 3px;
/*border-top:57px solid #C6F0FA;*/
/*border-right:47px solid #FBFFD4;*/
/*border-bottom:57px solid #C6F0FA;*/
/*border-left:47px solid #163D64;*/
  /*border: 1px solid transparent;*/
  border-image-source: url(dkccbrd1.jpg);
  border-image-repeat: stretch;
  border-image-slice: 39;
  border-image-width: 27px;  





}

.dkntl {
display:block;
margin: 71px 17px;
padding: 3px 3px 3px 3px;

}




.dkccm{
display:inline-block;
margin: 0px 0px;
padding: 7px 3px 3px 3px;
}


table.dkccm{
display:inline-block;
border-collapse: collapse;
font-family: "Comic Sans MS", "Comic Sans", cursive;
font-size: 1.17em;
color: #FBFFD4;
padding: 7px 3px 117px 3px;
text-align: center;
}

tr.dkccm {
border-bottom: 3px solid #dfdfbc;
display: table-row;
}

th {
padding: 7px 17px 17px 7px;
display: table-cell;
}

th.dkcccm {
border-right: 3px solid #dfdfbc;
}

.crayons{
opacity:0;
transition: opacity 17s;
}

img.pequebaby:hover + .crayons{
opacity:1;
}

.dkccgallery{
display: block;
}

.dkcczoom{
margin: 17px 0PX 0PX 17PX;
padding: 6px 3PX 6PX 3PX;
display: inline-block;
}

.dkcczoomfrxtnd {
display: inline-block;

}

.dkntlzoomfrxtnd {
display: inline-block;
float:right;
}

.dkcczoombthxtnd {
display: inline-block;

}



.dkcczoomarxtnd, .dkntlzoomarxtnd{
display: inline-block;
}

.dkcczoomkrxtnd, .dkntlzoombthxtnd, .dkntlzoomkrxtnd {
display: block;
margin: 57px 0PX;
}

.dkcczoomfr, .dkcczoomar,.dkcczoombth,.dkcczoomkr,.dkntlzoomfr,.dkntlzoomar,.dkntlzoombth,
.dkntlzoomkr {
border-color: #FBFFD4;
border-radius: 17px;
border-style: solid;
border-collapse: collapse;
border-width: 5px;
padding: 5px 11PX 5PX 11PX;
background-color: #3F4229;
}

img.dkccpicfr, img.dkccpicar, img.dkccpicbth, img.dkccpickr, img.dkntlpicfr, img.dkntlpicar, img.dkntlpicbth, img.dkntlpickr{
display: block;
opacity:0;
width:1px;
height:1px;
transition: width 2s, height 2s, opacity 2s;
}

.dkcczoomfr{
margin: 17px 37PX 0PX 0PX;
width:217px;
height:137px;
display: flex;
}

.dkcczoomfr:hover{
background-color: #0B3E50;
 border-width: 9px;
}

.dkcczoomfr:hover + .dkccpicfr{
/* display:block; */
opacity:1;
width:517px;
height:395px;
}

.dkcczoomar{
width:167px;
height:177px;
margin: 17px 37PX 0PX 0PX;
display: flex;
}

.dkcczoomar:hover{
background-color: #0B3E50;
 border-width: 9px;
}

.dkcczoomar:hover + .dkccpicar{
opacity:1;
width:416px;
height:515px;
}

.dkntlzoomar:hover + .dkntlpicar{
opacity:1;
width:392px;
height:517px;
}




.dkcczoombth{
width:137px;
height:77px;
margin: 17px 37PX 0PX 0PX;display: flex;
}

.dkcczoombth:hover{
background-color: #0B3E50;
 border-width: 9px;
}

.dkcczoombth:hover + .dkccpicbth{
opacity:1;
width:517px;
height:403px;
}

.dkntlzoombth:hover + .dkntlpicbth{
opacity:1;
width:390px;
height:517px;
}




.dkcczoomkr{
margin: 0px 37PX 0PX 0PX;
width:137px;
height:117px;
margin-top:7px;
float: right;
display: flex;
}

.dkcczoomkr:hover{
background-color: #0B3E50;
 border-width: 9px;
}

.dkcczoomkr:hover + .dkccpickr{
opacity:1;
width:458px;
height:517px;
}

.dkntlzoomkr:hover + .dkntlpickr{
opacity:1;
width:395px;
height:517px;
}



.dkccc{

}

.dkntlzoomfr{
margin: 17px 37PX 0PX 0PX;
width:217px;
height:337px;
display: flex;
}

.dkntlzoomfr:hover{
background-color: #0B3E50;
 border-width: 9px;
}

.dkntlzoomfr:hover + .dkntlpicfr{
opacity:1;
width:517px;
height:395px;
}

.dkntlzoomfr:hover + .dkntlpicfr{
opacity:1;
width:517px;
height:256px;
}


.dkntlzoomar{
width:167px;
height:177px;
margin: 17px 37PX 0PX 0PX;
display: flex;
}

.dkntlzoomar:hover{
background-color: #0B3E50;
 border-width: 9px;
}



.dkntlzoombth{
width:137px;
height:77px;
margin: 17px 37PX 0PX 0PX;
display: flex;
}


.dkntlzoombth:hover{
background-color: #0B3E50;
 border-width: 9px;
}



.dkntlzoomkr{
margin: 0px 37PX 0PX 0PX;
width:137px;
height:117px;
margin-top:7px;
display: flex;
}

.dkntlzoomkr:hover{
background-color: #0B3E50;
 border-width: 9px;
}





.dkccc{

}



.nd{
margin:2000px 10px;
display: block;
}