#main > div.col.s12:nth-child(1) {
	background: url(../images/plantilla_head.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
h1.valign{
	color: #516f60;
}
h5.colaps {
    color: #516f60;
    font-family: 'Antic', sans-serif;
	font-weight: bold;
    border-left: 5px solid #516f60;
    margin: 3px;
    padding: 10px;
}
#content > div:nth-child(7) > article > div > div:nth-child(2) > ul > li.active > div.collapsible-body > ul > li{
	background: transparent url("/cnc/agua_disolvente/images/bullts.png") no-repeat 0 0;
	padding: 0 0 0 27px;
    margin: 0 0 10px 0;
	margin-left: 60px;
}	
#content > div:nth-child(5) > article > div > ul li.bullets{
	background: transparent url("/cnc/agua_disolvente/images/bullts.png") no-repeat 0 0;
	padding: 0 0 0 27px;
    margin: 0 0 10px 0;
	margin-left: 60px;
}
.centered > thead > tr > th {
    background-color: #516f60;
    border: 1px solid #fff;
    font-family: 'Antic', sans-serif;
    font-size: 18px;
	font-weight: normal;
    color: #fff;
	width: 50%;
}
.collapsible {
    background-color: #eef6f1;
}
.collapsible-header {
    display: block;
    cursor: pointer;
    min-height: 3rem;
    line-height: 3rem;
    padding: 0 1rem;
    background-color: #aab692;
    border-bottom: 1px solid #aab692;
}
span.draggable {
    background-color: #7EA698;
    display: inline-block;
    padding: 5px;
    color: #fff;
    margin: 5px;
    border-radius: 3px;
    cursor: move;
	font-size: 14px;
}
span.droppable {
    display: block;
}
.ui-droppable-hover {
    background-color: #aab692;
    border-radius: 3px;
}

.ui-droppable > span {
    display: block;
	font-size: 15px;
    font-weight: bold;
    color: #516f60;
}
#r1_c, #r2_c, #r3_c, #r4_c, #r5_c, #r6_c, #r7_c, #r8_c {
    border: none;
    border-bottom: 1px solid #9e9e9e;
    outline: 0;
    height: 3rem;
    font-size: 1rem;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
    box-shadow: none;
    box-sizing: content-box;
    transition: all .3s;
    width: 300px;
}
input.correct{
    background-color: #20B828;
    border-radius: 7px;
    color: #fff;
}
input.incorrect{
    background-color: #ff3d00;
    border-radius: 7px;
    color: #fff;
}
#respons-table{
	overflow-x: auto;
}
.check{
    margin-top: 20px;
}
.dere{
    float: right;
}
.centered > tbody > tr > td {
    width: 50%;
    text-align: left;
}
#content > div:nth-child(5) > article > div > ul.bullets
@media(min-width:601px) and (max-width:992px) {
	#main > div.col.s12:nth-child(1) {
		background: url(../images/plantilla_head.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
}
@media(max-width:600px) {
	#main > div.col.s12 {
		min-height: 200px;
	}
	#main > div.col.s12:nth-child(1) {
		background: url(../images/plantilla_head.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#content .section:nth-child(1) > article .col.s12:nth-child(1) > div.col.s12 img,
	#content footer.page-footer .container .row img {
		display: block;
		margin: 10px auto;
		width: 200px;
	}
	#main > div.col.s12:nth-child(2) {
		padding-top: 20px;
	}
	#content footer.page-footer div.footer-copyright {
		min-height: 106px;
	}
}
@media(max-width:430px) {
    #main > div h1, #content > div > header > div > h1, h3 {
        font-size: 35px;
    }
}