* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
html { height: 100%; }
body { font-family: 'Concert One', cursive;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b6c7db', EndColorStr='#FFFFFF',GradientType=0); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#b6c7db', EndColorStr='#FFFFFF',GradientType=0)"; 
	background: -ms-linear-gradient(top, #b6c7db 0%, #FFFFFF 100%);
	background: -moz-linear-gradient(top, #b6c7db 0%, #FFFFFF 100%);
	background: -webkit-linear-gradient(top, #b6c7db 0%, #FFFFFF 100%); 
	background: -o-linear-gradient(top, #b6c7db 0%, #FFFFFF 100%);
}
.tit { margin:0px auto; background:rgba(255,255,255,.8); border-radius:20px; padding: 20px; border:2px solid #CCC; }
.tit h1 { font-size:calc(1em + 1vw); margin:0px; }
.tit h2 { font-size:calc(.8em + .8vw); margin:0px; color:#666; }
.txt { font-size:13px; margin:20px auto; background:rgba(0,0,0, .8); color:#FFFFFF; font-family:'Roboto', sans-serif; border-radius:15px; padding:40px 20px; border:2px solid #CCC; }
.cen { text-align:center; }
.bol { font-weight:700; }
.cajo { position:relative; margin:5px auto; width:80%; background:url(/chambord/images/L3azul.jpg) no-repeat; background-size:cover; border:1px solid #999999; }
.mitad { float:left; padding:20px; position:relative; }
.m1 { width:55%; }
.m2 { width:42%; }
.m2 img { width:100%; height:auto; }
.scale { width:80%; height:auto; }
.m2 img { position:absolute; top:30px; left:0px; right:10px; bottom:10px; }
.mar { margin:20px auto; }
.mar a { color:#b5c7e1; }
.mar a:hover { color:#91abd2; }
.clear { clear:both; }
.z1 { z-index:20; }
.z2 { z-index:10; }
button { background:#444444; color:#FFF; font-weight:700; margin:10px auto; padding:10px 20px; }
button:hover { cursor: pointer; background:#CCCCCC; color:#000; }
.secc { -webkit-animation: animate-it 3s ease 1; animation: animate-it 3s ease 1; }
@-webkit-keyframes animate-it {
	from { -webkit-transform: translateY(100px); opacity: 0; }
	to { -webkit-transform: translateY(0px); opacity:1; }
	}
@keyframes animate-it {
	from { -webkit-transform: translateY(100px); opacity: 0; }
	to { -webkit-transform: translateY(0px); opacity: 1; }
	}
.fade-in {
	opacity: 1;
	-webkit-animation: fadeInOpacity 5s ease-in 1;
	animation: fadeInOpacity 5s ease-in 1;
	}
@keyframes fadeInOpacity {
	0% { opacity: 0; }
	100% { opacity: 1; }
	}
.fade-out {
	opacity: 0;
	-webkit-animation: fadeOutOpacity 5s ease-in 1;
	animation: fadeOutOpacity 5s ease-in 1;
	}
@keyframes fadeOutOpacity {
	0% { opacity: 1; }
	100% { opacity: 0; }
	}

@media (max-width:1024px) {
	.cajo { margin:0px; width:100%; }
}
@media (max-width:900px) {
	.m1 { margin:0px; width:auto; float:none; }
	.m2 { float:none; display:none; }
}