div.cont4{
	width: 100%;
	min-width: 1200px;
	height: 3111px;
	z-index: 4;
	background-color: white;
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
}
div.c4_intro_cont{
	height: 150px;
	background-color: white;
}
div.c4_intro{
	height: 100px;
	width: 1200px;
	padding-top: 25px;
	padding-bottom: 25px;
	margin: auto;
}
div.c4_navbar_cont{
	height: 330px;
	padding-bottom: 30px;
	background: -webkit-linear-gradient(white 92%, #00a295);
    background: -o-linear-gradient(white 92%, #00a295);
    background: -moz-linear-gradient(white 92%, #00a295);
    background: linear-gradient(white 92%, #00a295);
}
div.c4_navbar{
	height: 280px;
	width: 1200px;
	padding-top: 25px;
	padding-bottom: 25px;
	margin: auto;
}
div.c4_navitem{
	height: 280px;
	width: 300px;
	float: left;
	cursor: pointer;
}
div.c4_navitem:hover{
	text-shadow: 0px 0px 5px #00a295;
}
img.c4_nav_image{
	max-height: 150px;
	max-width: 300px;
}
div.c4_item_cont1{
	height: 346px;
	background-color: white;
	padding-bottom: 60px;
	background: -webkit-linear-gradient(#00a295, #00a295 13.3%, white 19.5%, white 93.8%, #00a295);
    background: -o-linear-gradient(#00a295, #00a295 13.3%, white 19.5%, white 93.8%, #00a295);
    background: -moz-linear-gradient(#00a295, #00a295 13.3%, white 19.5%, white 93.8%, #00a295);
    background: linear-gradient(#00a295, #00a295 13.3%, white 19.5%, white 93.8%, #00a295);
}
div.c4_item_cont2{
	height: 414px;
	background-color: white;
	padding-bottom: 60px;
	background: -webkit-linear-gradient(#00a295, #00a295 11.3%, white 16.7%, white 94.7%, #00a295);
    background: -o-linear-gradient(#00a295, #00a295 11.3%, white 16.7%, white 94.7%, #00a295);
    background: -moz-linear-gradient(#00a295, #00a295 11.3%, white 16.7%, white 94.7%, #00a295);
    background: linear-gradient(#00a295, #00a295 11.3%, white 16.7%, white 94.7%, #00a295);
}
div.c4_item_cont3{
	height: 271px;
	background-color: white;
	padding-bottom: 60px;
	background: -webkit-linear-gradient(#00a295, #00a295 16.3%, white 23.9%, white 92.4%, #00a295);
    background: -o-linear-gradient(#00a295, #00a295 16.3%, white 23.9%, white 92.4%, #00a295);
    background: -moz-linear-gradient(#00a295, #00a295 16.3%, white 23.9%, white 92.4%, #00a295);
    background: linear-gradient(#00a295, #00a295 16.3%, white 23.9%, white 92.4%, #00a295);
}
div.c4_item_cont4{
	height: 530px;
	background-color: white;
	padding-bottom: 60px;
	background: -webkit-linear-gradient(#00a295, #00a295 9.6%, white 13.4%, white 95.8%, #00a295);
    background: -o-linear-gradient(#00a295, #00a295 9.6%, white 13.4%, white 95.8%, #00a295);
    background: -moz-linear-gradient(#00a295, #00a295 9.6%, white 13.4%, white 95.8%, #00a295);
    background: linear-gradient(#00a295, #00a295 9.6%, white 13.4%, white 95.8%, #00a295);
}
div.c4_item{
	width: 1200px;
	padding-bottom: 25px;
	margin: auto;
}
div.c4_item1{height: 346px;}
div.c4_item2{height: 414px;}
div.c4_item3{height: 271px;}
div.c4_item4{height: 530px;}
div.c4_item_text{
	width: 800px;
	float: left;
}
div.c4_item_textc{
	width: 800px;
	float: right;
}

ul.c4{
	list-style-type: none;
}
li.c4{
	margin-left: 32px;
	padding-left: 32px;
	background-repeat: no-repeat;
	background-position: 0px 5px;
	font-size: 20px;
	text-align: left;
	display: block !important;
}
li.c4_1{background-image: url('/images/cons/ammonite-s.png');}
li.c4_2{background-image: url('/images/cons/campo-s.png');}
li.c4_3{background-image: url('/images/cons/laboratorio-s.png');}
li.c4_4{background-image: url('/images/cons/divulgacion-s.png');}
div.c4_item_image{
	width: 400px;
	float: right;
}
div.c4_item_imagec{
	width: 400px;
	float: left;
}
img.c4_image{
	max-height: 300px;
	max-width: 300px;
}


h1.c4{
	color: white;
}
h1.c4_nav{
	font-weight: normal;
	font-family: 'Patrick Hand SC';
	font-size: 40px;
	width: 210px;
	padding: 22px 45px 0px 45px;
}
h2.c4{}
h3.c4{
	font-size: 22px;
	text-align: justify;
}

@media screen and (max-width: 1200px) {
	div.cont4{
		min-width: 760px;
		height: 3140px;
	}
	div.c4_intro_cont{
		height: 175px;
	}
	div.c4_intro{
		height: 125px;
		width: 750px;
	}
	div.c4_navbar_cont{
		height: 270px;
		padding-bottom: 20px;
	}
	div.c4_navbar{
		height: 240px;
		width: 750px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	div.c4_navitem{
		height: 240px;
		width: 180px;
	}
	img.c4_nav_image{
		max-height: 140px;
		max-width: 180px;
	}
	div.c4_item_cont3{
		height: 308px;
	}
	div.c4_item_cont4{
		height: 567px;
	}
	img.c4_img1{
		padding: 0px 12px 0px 12px !important;
	}
	img.c4_img2{
		padding: 0px 5px 0px 5px !important;
	}
	img.c4_img3{
		padding: 40px 0px 40px 0px !important;
	}
	img.c4_img4{
		padding: 0px 27px 0px 27px !important;
	}
	div.c4_item{
		width: 750px;
	}
	div.c4_item_text{
		width: 750px;
	}
	div.c4_item_textc{
		width: 750px;
	}
	div.c4_item_image{
		position: absolute;
		z-index: 8;
		opacity: 0.3;
	}
	div.c4_item_imagec{
		position: absolute;
		z-index: 8;
		opacity: 0.3;
	}
	img.c4_subimg1{
		padding: 91px 50px 0px 400px !important;
	}
	img.c4_subimg2{
		padding: 170px 50px 0px 406px !important;
	}
	img.c4_subimg3{
		padding: 175px 50px 0px 300px !important;
	}
	img.c4_subimg4{
		padding: 270px 50px 0px 432px !important;
	}
	h1.c4_nav{
		font-size: 34px;
		width: 180px;
		padding: 0px;
	}
}
@media screen and (max-width: 760px) {
	div.cont4{
		min-width: 200px;
		height: auto;
	}
	div.c4_intro_cont{
		height: auto;
	}
	div.c4_intro{
		height: auto;
		width: auto;
	}
	div.c4_navbar_cont{
		height: auto;
		padding-bottom: 20px;
	}
	div.c4_navbar{
		height: auto;
		width: auto;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	div.c4_navitem{
		height: 240px;
		width: 180px;
		float: none;
		margin: auto;
		padding: 20px 0px 20px 0px;
	}
	img.c4_nav_image{
		max-height: 140px;
		max-width: 180px;
	}
	div.c4_item_cont1, div.c4_item_cont2, div.c4_item_cont3, div.c4_item_cont4{
		padding-bottom: 20px;
		height: auto;
		background: -webkit-linear-gradient(white 94%, #00a295);
		background: -o-linear-gradient(white 94%, #00a295);
		background: -moz-linear-gradient(white 94%, #00a295);
		background: linear-gradient(white 94%, #00a295);
	}
	div.c4_item1, div.c4_item2, div.c4_item3, div.c4_item4{
		height: auto;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	div.c4_item1{
		background-image: url('/bg/ammonite.png');
	}
	div.c4_item2{
		background-image: url('/bg/campo.png');
	}
	div.c4_item3{
		background-image: url('/bg/laboratorio.png');
	}
	div.c4_item4{
		background-image: url('/bg/divulgacion.png');
	}
	img.c4_img1{
		padding: 0px 12px 0px 12px !important;
	}
	img.c4_img2{
		padding: 0px 5px 0px 5px !important;
	}
	img.c4_img3{
		padding: 40px 0px 40px 0px !important;
	}
	img.c4_img4{
		padding: 0px 27px 0px 27px !important;
	}
	div.c4_item{
		width: auto;
	}
	div.c4_item_text{
		width: auto;
		padding: 20px;
		float: none;
	}
	div.c4_item_textc{
		width: auto;
		padding: 20px;
		float: none;
	}
	div.c4_item_image{
		display: none;
	}
	div.c4_item_imagec{
		display: none;
	}
	img.c4_subimg1{
		padding: 0px !important;
	}
	img.c4_subimg2{
		padding: 0px !important;
	}
	img.c4_subimg3{
		padding: 0px !important;
	}
	img.c4_subimg4{
		padding: 0px !important;
	}
	img.c4_image{
		max-height: 300px;
		max-width: 300px;
	}
	h1.c4{
		background: -webkit-linear-gradient(#00a295 80%, white);
		background: -o-linear-gradient(#00a295 80%, white);
		background: -moz-linear-gradient(#00a295 80%, white);
		background: linear-gradient(#00a295 80%, white);
		margin: -20px;
		padding: 20px;
	}
	h1.c4_nav{
		font-size: 34px;
		width: 180px;
		padding: 0px;
	}
	h2.c4{
		padding-right: 20px;
		padding-left: 20px;
	}
	li.c4{
		margin-left: 16px;
	}
}