@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');
@import url('../font-awesome/css/font-awesome.css');
body	{font-family:'Roboto Condensed', sans-serif; font-size:26px; line-height:30px; font-weight:400; color:#DDD; text-align:justify;
		background:url("../img/bg.jpg");}

h1, h2, h3	{margin:0 0 20px 0!important; font-weight:700; letter-spacing:1px!important;}
h2, i		{color:#ffa15a}
a		{text-decoration:none!important; color:#fff!important}
a:hover	{color:#406297!important}
i.m-left	{margin:0 10px 0 25px}
hr			{border-color:#ffa15a;}
.imgfx	{background:#ff914a; padding:8px;}
.flexslider	{border:8px solid #ff914a!important}

ul			{list-style-type:none;}
.fa-ul li	{margin-bottom:20px!important }

.orange-bg		{background:url("../img/bg-orange.jpg"); color:#FFF}
.orange-bg h2	{color:#406297}
.orange-bg hr	{border-color:#406297!important;}
.orange-bg i	{color:#406297}
.blue		{color:#406297}

.box		{padding:60px 20px;}
.flexslider {margin:0!important; padding:0!important}
.whatsapp, .fa-whatsapp	{color:#009911!important;}

#whatsapp {position:fixed; z-index:100; top:0px; left:0px}

/* FOOTER =========================================== */
.footer			{width:100%!important; height:auto; position:relative; padding-top:10px; background:#FFF;}
.footer-bg img	{width:100%!important; height:auto; }
.footer	.title	{width:100%; position:absolute; z-index:10; top:10%; text-align:center; }
.footer	.title h1	{font-weight:700; color:#FFF; display:inline-block; padding:5px 10px; margin:0;}
.footer-box		{position:absolute; z-index:10; width:70%; background:#FF6633; background:rgba(255, 102, 51, 0.75); left:3%; bottom:20%; padding:20px}
.footer-box h2	{font-size:30px; color:#FFF; }

.contacto p		{font-size:24px; line-height:24px; background:#FFF; color:#0066CC; padding:10px 20px; margin:30px 0; text-align:center; display:inline-block;}
.contacto a		{font-size:24px; line-height:24px; background:#FFF; color:#FF6633;}
.contacto a:hover	{color:#FF9900;}
.contacto img	{padding:40px 0; text-align:center; }

/* HOME BTN =========================================== */
#home-btn		{position:fixed; z-index:100; top:0; right:0; padding:2px 6px; background:#33aa33; text-align:center; border:2px solid #FFF; border-radius:6px;
				text-decoration:none; color:#FFF; font-size:12px!important; line-height: 16px}
#home-btn:hover	{background:#44bb44;}
#home-btn .fa	{color:#FFF; margin:0!important}

/* RESPONSIVE ==================== */

@media(min-width:992px) {
	body	{margin:40px 40px;}
	h2		{font-size:32px; line-height:36px; }
	h3		{font-size:26px!important;}
	.flexslider	{margin:0 20%!important}
	.slogan img	{width:80%; margin-left:10%}
}
@media(max-width:991px) {
	body			{font-size:18px; line-height:19px;}
	h2				{font-size:24px; line-height:24px;}
	h3				{font-size:22px!important; line-height:20px;}	
}


@media (max-width: 767px) {
	body			{font-size:16px; line-height:18px;}
	h2				{font-size:22px; line-height:22px;}
	h3				{font-size:20px!important; line-height:18px;}		
	#home-btn 		{font-size:10px; padding:0 1px;}	
	#home-btn span	{display:none}
	
}
@media (max-width: 480px) {
	body			{font-size:14px; line-height:17px;}
	h2				{font-size:20px; line-height:20px;}

}