div.cont3{
	width: 100%;
	min-width: 1200px;
	height: 3310px;
	z-index: 4;
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
}
div.c3_text_cont{
	height: 250px;
	background: -webkit-linear-gradient(white 90%, #f7b308);
    background: -o-linear-gradient(white 90%, #f7b308);
    background: -moz-linear-gradient(white 90%, #f7b308);
    background: linear-gradient(white 90%, #f7b308);
}
div.c3_text{
	height: 250px;
	width: 1000px;
	margin: auto;
}
div.c3_taller_band{
	height: 520px;
	z-index: 7;
}
div.c3_taller_band2{
	height: 700px;
}
.c3_taller_band2 .c3_taller_cont{
	height: 700px;
}
.c3_taller_band2 .c3_taller_info{
	height: 700px;
}
div.c3_taller_cont{
	height: 520px;
	width: 1200px;
	margin: auto;
}
div.c3_taller_info{
	height: 520px;
	width: 600px;
	background: -webkit-linear-gradient(#f7b308 15%, white 20%, white 95%, #f7b308);
    background: -o-linear-gradient(#f7b308 15%, white 20%, white 95%, #f7b308);
    background: -moz-linear-gradient(#f7b308 15%, white 20%, white 95%, #f7b308);
    background: linear-gradient(#f7b308 15%, white 20%, white 95%, #f7b308);
}
img.c3_taller_img_bigcont{
	position: absolute;
	height: 394px;
	width: 590px;
	margin: 92px 0px 0px 0px;
	pointer-events: none;
	opacity: 0;
	display: none;
	transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
}
div.c3_x{
	position: absolute;
	margin: 82px 0px 0px 573px;
	height: 50px;
	width: 50px;
	z-index: 15;
	opacity: 0;
	transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
}
div.c3_taller_price_box{
	height: 88px;
	width: 136px;
	float: right;
	background-color: #00a295;
	border-radius: 20px 50px;
	-moz-box-shadow: 0px 0px 10px grey;
	-webkit-box-shadow: 0px 0px 10px grey;
	box-shadow: 0px 0px 10px grey;
	/*text-shadow: 0px 0px 5px white;*/
}
div.c3_taller_price_box:hover{
	text-shadow: 0px 0px 10px #384d5c;
}
div.c3_taller_img_cont{
	width: 510px;
	height: 460px;
	margin-left: 45px;
	margin-right: 45px;
	margin-top: 30px;
}
img.c3_taller_img_princ_over{
	height: 340px;
	width: 510px;
	position: absolute;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
}
img.c3_taller_img_princ{
	height: 340px;
	width: 510px;
	display: block;
}
img.c3_taller_img{
	max-height: 108px;
	max-width: 162px;
	display: block;
	float: left;
	margin-top: 12px;
}
img.c3_taller_img_princ, img.c2_ruta_img{
	cursor: pointer;
	box-shadow: 0px 0px 6px #888888;
	transition: box-shadow 0.2s, margin 0.2s;
	-o-transition: box-shadow 0.2s, margin 0.2s;
    -ms-transition: box-shadow 0.2s, margin 0.2s;
    -moz-transition: box-shadow 0.2s, margin 0.2s;
	-webkit-transition: box-shadow 0.2s, margin 0.2s;
}
img.c3_taller_img_princ:hover{
	margin-top: -3px;
	margin-bottom: 3px;
	box-shadow: 0px 3px 8px #888888;
}
img.c3_taller_img:hover{
	margin-top: 9px;
	margin-bottom: 3px;
	box-shadow: 0px 3px 8px #888888;
}

h1.c3{
	padding: 15px;
	font-size: 38px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Pragati Narrow', sans-serif;
	color: white;
}
h2.c3{
	font-size: 22px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-weight: 700;
}
h2.c3_intro{
	padding: 15px;
	font-size: 1.5em;
}
h2.c3_reserva{
	font-family: 'Permanent Marker';
	color: white;
	font-size: 20px;
	line-height: 1.8;
	letter-spacing: -1px;
	padding-top: 6px;
	
}
h3.c3{
	text-align: justify;
	font-size: 19px;
}
h3.c3_intro{
	text-align: center;
	font-size: 19px;
}
h3.c3_res{
	border-color: #c68f06;
	background-color: #f7b308;
	color: white;
	border-style: outset;
	border-width: 4px;
	margin: 0px 100px 0px 100px;
}

@media screen and (max-width: 1200px) {
	/*img.c2_ruta_img_bigcont{
		display: block;
	}
	img.c2_ruta_img_princ_over{
		display: none;
	}*/
	
	div.cont3{
		height: 3362px;
		min-width: 760px;
	}
	div.c3_text_cont{
		height: 282px;
	}
	div.c3_text{
		width: 750px;
		height: 282px;
	}
	div.c3_taller_cont{
		width: 750px;
		padding: 0px 5px 0px 5px;
	}
	img.c3_taller_img_princ_over{
		display: none;
	}
	div.c3_taller_info{
		height: 520px;
		width: 580px;
	}
	img.c3_taller_img_bigcont{
		display: block;
	}
	div.c3_taller_img_cont{
		width: 150px;
		height: 500px;
		margin: 30px 0px 0px 0px !important;
	}
	img.c3_taller_img_princ{
		max-height: 100px;
		max-width: 150px;
	}
	img.c3_taller_img{
		max-height: 100px;
		max-width: 150px;
		float: right;
		margin: 20px 0px 0px 0px !important;
	}
	h3.c3{
		text-align: justify;
		font-size: 18.8px;
	}
}
@media screen and (max-width: 760px) {
	div.cont3{
		min-width: 200px;
		height: auto;
	}
	div.c3_text_cont{
		height: auto;
	}
	div.c3_text{
		width: auto;
		height: auto;
		padding-bottom: 50px;
	}
	div.c3_taller_band{
		height: auto;
	}
	div.c3_taller_cont{
		width: auto;
		height: auto;
		padding: 0px;
	}
	div.c3_taller_info{
		height: auto;
		width: auto;
		padding: 0px 20px 0px 20px;
		background: none;
	}
	div.c3_taller_band2{
		height: auto ;
	}
	.c3_taller_band2 .c3_taller_cont{
		height: auto ;
	}
	.c3_taller_band2 .c3_taller_info{
		height: auto ;
	}
	img.c3_taller_img_bigcont{
		display: none;
	}
	div.c3_taller_img_cont{
		width: auto;
		height: auto;
		margin: 0 !important;
		padding: 20px 2% 20px 2% !important;
		background: -webkit-linear-gradient(white 90%, #f7b308);
		background: -o-linear-gradient(white 90%, #f7b308);
		background: -moz-linear-gradient(white 90%, #f7b308);
		background: linear-gradient(white 90%, #f7b308);
	}
	img.c3_taller_img_princ_over{
		display: none;
	}
	img.c3_taller_img_princ{
		max-height: none;
		max-width: none;
		width: 43%;
		height: auto;
		margin: 10px 3% 10px 3% !important;
		display: inline-block;
	}
	img.c3_taller_img{
		max-height: none;
		max-width: none;
		float: none;
		width: 43%;
		margin: 10px 3% 10px 3% !important;
		display: inline-block;
	}
	img.c3_taller_img_princ:hover, img.c2_ruta_img:hover{
		margin-top: 7px !important;
		margin-bottom: 13px !important;
	}
	h1.c3{
		padding: 15px 20px 30px 20px;
		margin: 0px -20px 0px -20px;
		background: -webkit-linear-gradient(#f7b308 80%, white);
		background: -o-linear-gradient(#f7b308 80%, white);
		background: -moz-linear-gradient(#f7b308 80%, white);
		background: linear-gradient(#f7b308 80%, white);
	}
	h3.c3{
		text-align: justify;
		font-size: 18.8px;
	}
	h3.c3_intro{
		text-align: center;
		font-size: 19px;
		padding: 0px 20px 0px 20px;
	}
	h3.c3_res{
		margin: 0px 20px 0px 20px;
	}
}