/* CSS Document */
body { background-image: url('../img/bg_body.png'); color: #FF8B00; text-align: center;}
.contenedor { width: 300px; margin: auto; margin-bottom: 15px; padding: 0 5px 5px 5px; background-color:#e74c3c; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 4px 4px 8px #888888;}
.contenedor hr { margin: 10px 0;}
.contenedor .bordes { border: 1px dashed #FFF; border-top: 0px; padding: 10px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.contenedor h1 { font-size: 18px; margin: 0; margin-top: 90px;}
.contenedor h2 { font-size: 25px; margin-bottom:20px;}
/*.contenedor { margin: 20px 0 20px 0;}*/
.contenedor button { background-color: #FF8B00; color: #FFF; border: 0;}
.contenedor button:hover { background-color: #FFF; color: #e74c3c;}
.contenedor button:focus { background-color: #FFF; color: #e74c3c;}
.contenedor a { color: #FF8B00; padding-bottom: 10px; display: block;}
#respuesta { color: #333;}

/* Solo en Moviles */
@media (max-width: 767px) {
	.contenedor h1 { margin-top: 50px;}
}

/* Solo Moviles Acostados*/
@media (min-width: 481px) and (max-width: 767px) { 
	.contenedor h1 { margin-top: 10px;}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1600px) {
	.contenedor h1 { margin-top: 200px;}
}