.cocido {
	outline: 1px dashed #98abb9;
	outline-offset: -5px;
	background: rgba(0,0,0,0.7);
	padding: 1% 0 5%;
	width: 80%;
	margin: 100px auto;
	box-shadow: 2px 2px 2px #000;
}
.cocido2 {
	outline: 1px dashed #000;
	outline-offset: -15px;
	width: 80%!important;
	padding: 0;
	margin: 0;
}
	.cocido2 div {
	}

.centrado {
	text-align: center;
}

.tucked-corners-top {
    position: relative;
    width: 500px; 
    margin: 100px auto; 
	padding: 40px;
    background-color: #fff; /* Fallback */
    background: 
		-webkit-linear-gradient(45deg,  transparent 10px, rgba(255,255,255,0.9) 10px),
		-webkit-linear-gradient(135deg, transparent 10px, rgba(255,255,255,0.9) 10px),
		-webkit-linear-gradient(225deg, transparent 10px, rgba(255,255,255,0.9) 10px),
		-webkit-linear-gradient(315deg, transparent 10px, rgba(255,255,255,0.9) 10px);
       background: 
		-moz-linear-gradient(45deg,  transparent 10px, rgba(255,255,255,0.9) 10px),
		-moz-linear-gradient(135deg, transparent 10px, rgba(255,255,255,0.9) 10px),
		-moz-linear-gradient(225deg, transparent 10px, rgba(255,255,255,0.9) 10px),
		-moz-linear-gradient(315deg, transparent 10px, rgba(255,255,255,0.9) 10px);
       background: 
		-o-linear-gradient(45deg,  transparent 10px, rgba(255,255,255,0.9) 10px),
		-o-linear-gradient(135deg, transparent 10px, rgba(255,255,255,0.9) 10px),
		-o-linear-gradient(225deg, transparent 10px, rgba(255,255,255,0.9) 10px),
		-o-linear-gradient(315deg, transparent 10px, rgba(255,255,255,0.9) 10px);	        
    background-position: bottom left, bottom right, top right, top left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
	box-shadow: 0 20px 10px -20px rgba(255,255,255,0.9);	
}

[class*='tucked-corners-']::before, /* All the four corners */
[class*='tucked-corners-']::after {
	content: '';
	position: absolute;
	height: 20px; width: 80px;
    box-shadow: 0 8px 15px -5px rgba(0, 0, 0, 1);
	box-shadow: none\9; /* Do not show on IE9 #needed */
        
}

	.tucked-corners-top::before, /* Top left & top right */
	.tucked-corners-top::after {
		top: -10px;
	}
	.tucked-corners-bottom::before, /* Bottom left & bottom right */
	.tucked-corners-bottom::after {
		bottom: -10px;
	}		
	.tucked-corners-top::before, /* Top left & bottom left */
	.tucked-corners-bottom::before {
		left: -42px;
	}
	.tucked-corners-top::after, /* Top right & bottom right */
	.tucked-corners-bottom::after {
		right: -42px;
	}
	.tucked-corners-top::before { /* Top left */
		        transform:  rotate(-45deg);
	}

	.tucked-corners-top::after { /* Top right */
		        transform: rotate(45deg);
	}

	.tucked-corners-bottom::before { /* Bottom left */
		        transform: rotate(-135deg);
	}

	.tucked-corners-bottom::after { /* Bottom right */
		        transform: rotate(135deg);
	}


.slide{
	background: rgba(0,0,0,0.2);
	padding: 0;
	border: 0;
	color: #000;
}

#intro {
	background: url('../images/bg10.jpg') center center no-repeat;
	background-size: cover;
}

	#intro h1 {
		font-size: 72px;
		margin: 5% auto;
		text-align: center;
		line-height: 100%;
		text-shadow: #fff 2px 2px 2px;
		color: #222;
	}

	#intro h6 {
		text-align: center;
		font-size: 18px;
		padding:.6em 0;
		overflow: hidden;
		color: #555;
		font-weight: normal;
	}
	#intro .amor {
		text-shadow: 0 0 15px red, 0 0 2px;
	}
	
#elfin {
	background: url('../images/elfin.jpg') center center no-repeat;
	background-size: cover;
}

	#elfin h1 {
		font-size: 72px;
		margin: 5% auto;
		text-align: center;
		line-height: 100%;
		color: #fff;
		text-shadow: #000 2px 2px 3px;
	}

#css-controls-demo label {
	display: block;
}

header h1 {
	text-shadow: #222 2px 2px 2px;
	color: #fff;
}

code a {
	text-decoration: none;
	text-shadow: #fff 0 0 2px;
}