@charset "utf-8";

#page-top { position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#FFF; overflow-x:hidden; }	
.carousel, .carousel-inner, .carousel .item, .header-back { height:100%; }
.carousel-fade .carousel-inner .item { -webkit-transition: all 1s; transition: all 1s; }
.header-back { width:100%; 
	background-position:center center; background-repeat:no-repeat; background-color:#FFF; 
	-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; 
	-webkit-box-shadow: inset 0px 0px 200px -2px rgba(0,0,0,0.7);
	-moz-box-shadow: inset 0px 0px 200px -2px rgba(0,0,0,0.7);
	box-shadow: inset 0px 0px 200px -2px rgba(0,0,0,0.7);	
}
.header-back.uno { background-image: url('../imagenes/slider-001.jpg'); }
.header-back.dos { background-image: url('../imagenes/slider-002.jpg'); }
.header-back.tres {   background-image: url('../imagenes/slider-003.jpg'); }
.header-back.cuatro { background-image: url('../imagenes/slider-004.jpg'); }

.carousel-indicators { bottom:40px; }
.carousel-indicators li, .carousel-indicators .active { margin:1px 12px; }

#tit01 { font-family:Arial, Helvetica, sans-serif; position:absolute; top:160px; left:30px; font-size:60px; color:#fff; font-weight:700; }
#tit02 { font-family:Arial, Helvetica, sans-serif; position:absolute; bottom:15px; right:15px; font-size:20px; color:#fff; font-weight:700; letter-spacing:1px; line-height:30px; text-align:right; }
#tit03 { font-family:Arial, Helvetica, sans-serif; position:absolute; top:180px; right:30px; font-size:45px; color:#fff; font-weight:700; text-align:right; }
#tit04 { font-family:Arial, Helvetica, sans-serif; position:absolute; top:25%; left:0px; width:100%; font-size:50px; color:#fff; font-weight:700; text-align:center; }

@media(max-width:768px){ 
	#tit01, #tit03 { top:80px; font-size:25px !important;text-align: center; right: 35px !important; left:5px !important;}
	#tit04 { top:100px; font-size:40px; padding:5px 30px; }
}

#img02 { 
	margin-left: 170px;
	align-content: center;
	width: 210px;
	margin-bottom: 10px;
}

@media (min-width: 1363px){

	.contacts {
		display: none !important;
	}

}

@media (max-width: 1362px){

	.contacts {
		display: none !important;
	}

	.contacts2 {
		display: none !important;
	}

}

@media (min-width: 320px) and (max-width: 767px) {
	.contacts {
		display: block !important;
		margin-left: 0px !important; 
	}

	#img02 { 
		margin-left: 0px;
	}
}