body { font-family: Lato, Helvetica, sans-serif !important;}

h1 { color:#FFF;
font-family: Lato, Helvetica, sans-serif !important;
font-size:18px;}

h2 { text-align:center ;
	 color:#464646 !important;
	 padding-top:20px;
	 padding-bottom:5px;
	 font-family: Lato, Helvetica, sans-serif !important;
	 font-size: 30px;
}
	 
h3 { text-align:center;
	 color:#838383;
	 font-size:18px;
	 padding-bottom:30px;
	 font-family: Lato, Helvetica, sans-serif !important;}

h4 { font-size:20px;
		font-family: Lato, Helvetica, sans-serif !important;}
	 
p { font-size:16px;
		color:white;
		text-align:center;
		padding-top:10px;
		font-family: Lato, Helvetica, sans-serif !important;}
		

span { text-align:center;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
font-family: Lato, Helvetica, sans-serif !important;}

.top2 { margin-top:4px;}

.fa { color:#FFF;
	   font-size:42px;
	   text-align:center;}

.margincero { padding:none !important;
			  margin:none !important;}
			  
.margin2 { padding-left:3px;
			padding-right:2px;}
			
.marginneg28 {margin-left: -28px;}

.cuadro { width:100%;
		  height: 418px;
		  background-image:url(../images/fondo_cuadro.jpg);
		  padding:50px 60px;}
		  
.cuadro_blanco { width: 100%;
				height: 100%;
				
				background-color:white;}
				
.cuadro_blanco img{ 
				padding: 30px 5px;
				}
				

.cuadro_inicio { background-color:#de6262 !important;
		width:100%;
		  height:100%;
		  padding:55px;
		  padding-left:85px;
		  box-shadow: 0px 1px 3px rgba(45, 45, 45, 0.38);
}

.cuadro_inicio:hover { background:#bd3d3d !important;}
		   
.cuadro_imagen {background-color: #c3cb82;
width: 100%;
height: 100%;
padding: 3px;
padding-left: 12px;
box-shadow: 0px 1px 3px rgba(45, 45, 45, 0.38);
}

.cuadro_footer {padding: 8px 0;
width: 35px;
display:inline-block;
margin-left:20px;
text-align: center;}

.fb { background:#527CC4;}
.twitter { background:#00B0E2;}

.fb:hover{ background:#2956A5;}
.twitter:hover{ background:#018DB4;}

.cuadro_clientes { background-color:#f6f6f6;}


.cuadro_clientes:hover {opacity: 1;
-webkit-transform: scale(1.15,1.15);
-moz-transform: scale(1.15,1.15);
-ms-transform: scale(1.15,1.15);
-o-transform: scale(1.15,1.15);
transition: all 0.25s ease-in-out;
}

.verde hr{ border:1px solid #25c389;}
.amarillo hr{ border:1px solid #ffb901;}
.rojo hr{ border:1px solid #de6262;}
.azul hr{ border:1px solid #19b2de;}

.gris { background-color:#d6d1c2 !important;}
.gris:hover { background-color:#B1AB99 !important;}

.negro_degradado {
	background: #485163 !important; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #485163 0%, #191d26 97%) !important; /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#485163), color-stop(97%,#191d26)) !important; /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #485163 0%,#191d26 97%) !important; /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #485163 0%,#191d26 97%) !important; /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #485163 0%,#191d26 97%) !important; /* IE10+ */
background: radial-gradient(ellipse at center, #485163 0%,#191d26 97%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#485163', endColorstr='#191d26',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */}

.morado_degradado {
	background: #887d9a !important;
background: -moz-radial-gradient(center, ellipse cover, #887d9a 0%, #5c5070 97%) !important;
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#887d9a), color-stop(97%,#5c5070)) !important;
background: -webkit-radial-gradient(center, ellipse cover, #887d9a 0%,#5c5070 97%) !important;
background: -o-radial-gradient(center, ellipse cover, #887d9a 0%,#5c5070 97%) !important;
background: -ms-radial-gradient(center, ellipse cover, #887d9a 0%,#5c5070 97%) !important;
background: radial-gradient(ellipse at center, #887d9a 0%,#5c5070 97%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#887d9a', endColorstr='#5c5070',GradientType=1 ) !important;}

.morado_degradado:hover{ background:#54466B !important;}

.morado_2 {
	background: #4f4975;
background: -moz-linear-gradient(left, #4f4975 0%, #6b3a51 97%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4f4975), color-stop(97%,#6b3a51));
background: -webkit-linear-gradient(left, #4f4975 0%,#6b3a51 97%);
background: -o-linear-gradient(left, #4f4975 0%,#6b3a51 97%);
background: -ms-linear-gradient(left, #4f4975 0%,#6b3a51 97%);
background: linear-gradient(to right, #4f4975 0%,#6b3a51 97%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4975', endColorstr='#6b3a51',GradientType=1 );}

.caption {
background: #776b5f;
}

.logo img{padding-top: 50px;
		min-width: 260px;}
		
#productos { 
			padding-bottom:100px;
			 }
#productos img{padding: 12px;}

#productos p{ font-size:14px;
			  text-align:left;}
			  
			  
#productos .fa {		  
			font-size: 17px;
			text-align: right;
			margin-left: 66%;}

#menu { 
		box-shadow: 0px 1px 5px rgba(45, 45, 45, 0.36);z-index:9999; background:#FFF;
		}

#inicio { 	z-index:555;
			-webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    box-shadow: inset 0 19px 12px -22px rgba(0, 0, 0, 0.69);
			padding-top:80px;
			padding-bottom:100px;
			background-image: -webkit-gradient(
	linear,
	left bottom,
	right top,
	color-stop(0, #AA8B6B),
	color-stop(1, #E6D7A4)
);
background-image: -o-linear-gradient(right top, #AA8B6B 0%, #E6D7A4 100%);
background-image: -moz-linear-gradient(right top, #AA8B6B 0%, #E6D7A4 100%);
background-image: -webkit-linear-gradient(right top, #AA8B6B 0%, #E6D7A4 100%);
background-image: -ms-linear-gradient(right top, #AA8B6B 0%, #E6D7A4 100%);
background-image: linear-gradient(to right top, #AA8B6B 0%, #E6D7A4 100%);}


#section_nosotros {
	padding-top:80px;
	padding-bottom:40px;
	
	
	}
	
#nosotros { padding-top:80px;
	padding-bottom:80px;}
	
#nosotros h3{ padding-top:20px;}

#nosotros p{ color:#838383;
			 text-align:left;
			 line-height:2;}
			 
			 
#contacto { padding-top:80px;
	padding-bottom:80px;}
			 
#contacto .fa{ font-size:24px;padding-left: 3px;}

#contacto p{ color:#838383;
			 text-align:center;
			 line-height:2;
			 display:inline-block}
			 
#contacto .circle { display: block;
margin: 0 auto;}

#centrar { text-align: center;}

#reglas .fa { color:#6D6D6D; font-size:62px; text-shadow: 0px 1px 3px rgba(255, 255, 255, 0.96);} 
	
#footer { background-color:#16242f;
			color:#FFF;
			padding-top:20px;
			padding-bottom:30px;
			}

#footer img { max-width:140px;}

#footer p { text-align: left;font-size: 12px;}

#footer .fa { font-size:24px;
padding-left: 7px;}

#icono .fa{ font-size:17px !important; padding-left:3px !important;}

.button {
	background-color:#19b2de;
	font-size:14px;
	text-transform:uppercase;
	margin-left: 41%;
	border-radius: 3px;
	margin-top: 30px;
	}
	
.centrar { margin:0 auto;
			float:left;
		}
.circle { width:40px;
			height:40px;
			border-radius:50%;
			background:#5c666f;
			padding: 10px;
			padding-left: 7px;
}

.circle:hover { background:#383F46;}

.top20 { padding-top:20px;}
.top30 { padding-top:30px;}
.top40 { padding-top:40px;}
.top50 { padding-top:50px;}

#bot5 img{ margin-bottom:5px; height: 180px;}
.sombra img{ box-shadow: 0px 1px 3px rgba(45, 45, 45, 0.34);}
		
#footer_arriba {
	padding-top:2px;
	background: #25c389;

background: -moz-linear-gradient(left,  #25c389 0%, #25c389 20%, #ffb901 20%, #ffb901 40%, #de6262 40%, #de6262 60%, #7e1695 60%, #7e1695 80%, #166ba2 80%, #166ba2 100%);

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#25c389), color-stop(20%,#25c389), color-stop(20%,#ffb901), color-stop(40%,#ffb901), color-stop(40%,#de6262), color-stop(60%,#de6262), color-stop(60%,#7e1695), color-stop(80%,#7e1695), color-stop(80%,#166ba2), color-stop(100%,#166ba2));

background: -webkit-linear-gradient(left,  #25c389 0%,#25c389 20%,#ffb901 20%,#ffb901 40%,#de6262 40%,#de6262 60%,#7e1695 60%,#7e1695 80%,#166ba2 80%,#166ba2 100%);

background: -o-linear-gradient(left,  #25c389 0%,#25c389 20%,#ffb901 20%,#ffb901 40%,#de6262 40%,#de6262 60%,#7e1695 60%,#7e1695 80%,#166ba2 80%,#166ba2 100%);

background: -ms-linear-gradient(left,  #25c389 0%,#25c389 20%,#ffb901 20%,#ffb901 40%,#de6262 40%,#de6262 60%,#7e1695 60%,#7e1695 80%,#166ba2 80%,#166ba2 100%);

background: linear-gradient(to right,  #25c389 0%,#25c389 20%,#ffb901 20%,#ffb901 40%,#de6262 40%,#de6262 60%,#7e1695 60%,#7e1695 80%,#166ba2 80%,#166ba2 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25c389', endColorstr='#166ba2',GradientType=1 );

}


/*----------------------------------------------------------------
Colores (Green, Yellow, Pink, Blue, Dark Blue and Violet)
----------------------------------------------------------------*/

.theme-menu ul li.menu-green a, .services-green, .blog-green .blog-date, .footer-menu ul li.menu-green a, .action-green, 
.blog-green.blist a.learn-more, .blog-green .blog-image, .blog-green .blog-image-left, .blog-green .blog-image-grid, .error-green,
.portfolio-green.portfolio-masonry { background:#25C289 !important; } /*Green*/
.theme-menu ul li.menu-green a:hover, .footer-menu ul li.menu-green a:hover, .services-list-two a:hover .services-green, 
.services-page-icon.services-green:hover, .blog-green.blist a.learn-more:hover, .error-green:hover { background:#12a46f !important; }
.theme-menu ul li.menu-yellow a, .services-yellow, .blog-yellow .blog-date, .footer-menu ul li.menu-yellow a, .action-yellow,
.blog-yellow.blist a.learn-more, .blog-yellow .blog-image, .blog-yellow .blog-image-left, .blog-yellow .blog-image-grid, .error-yellow,
.portfolio-yellow.portfolio-masonry { background:#FFBA00 !important; } /*Yellow*/
.theme-menu ul li.menu-yellow a:hover, .footer-menu ul li.menu-yellow a:hover, .services-list-two a:hover .services-yellow,
.services-page-icon.services-yellow:hover, .blog-yellow.blist a.learn-more:hover, .error-yellow:hover { background:#dea408 !important; }
.theme-menu ul li.menu-pink a, .services-pink, .blog-pink .blog-date, .footer-menu ul li.menu-pink a, .action-pink, 
.blog-pink.blist a.learn-more, .blog-pink .blog-image, .blog-pink .blog-image-left, .blog-pink .blog-image-grid, .error-pink,
.portfolio-pink.portfolio-masonry { background:#DE6262 !important; } /*Pink*/
.theme-menu ul li.menu-pink a:hover, .footer-menu ul li.menu-pink a:hover, .services-list-two a:hover .services-pink,
.services-page-icon.services-pink:hover, .blog-pink.blist a.learn-more:hover, .error-pink:hover { background:#bd3d3d !important; }
.theme-menu ul li.menu-blue a, .services-blue, .footer-menu ul li.menu-blue a, .action-blue, .blog-blue.blist a.learn-more, 
.blog-blue .blog-image, .blog-blue .blog-image-left, .blog-blue .blog-image-grid, .error-blue, .portfolio-blue.portfolio-masonry { background:#1691BE !important; } /*Blue*/
.theme-menu ul li.menu-blue a:hover, .footer-menu ul li.menu-blue a:hover, .services-list-two a:hover .services-blue,
.services-page-icon.services-blue:hover, .blog-blue.blist a.learn-more:hover, .error-blue:hover { background:#0680ad !important; }
.theme-menu ul li.menu-dblue a, .services-dblue, .blog-dblue .blog-date, .footer-menu ul li.menu-dblue a, .action-dblue, 
.blog-dblue.blist a.learn-more, .blog-dblue .blog-image, .blog-dblue .blog-image-left, .blog-dblue .blog-image-grid, .error-dblue,
.portfolio-dblue.portfolio-masonry { background:#166BA2 !important; } /*Dark Blue*/
.theme-menu ul li.menu-dblue a:hover, .footer-menu ul li.menu-dblue a:hover, .services-list-two a:hover .services-dblue,
.services-page-icon.services-dblue:hover, .blog-dblue.blist a.learn-more:hover, .error-dblue:hover { background:#0b5382 !important; }
.theme-menu ul li.menu-violet a, .services-violet, .blog-violet .blog-date, .footer-menu ul li.menu-violet a, .action-violet,
.blog-violet.blist a.learn-more, .blog-violet .blog-image, .blog-violet .blog-image-left, .blog-violet .blog-image-grid, .error-violet,
.portfolio-violet.portfolio-masonry { background:#852B99 !important; } /*Violet*/
.theme-menu ul li.menu-violet a:hover, .footer-menu ul li.menu-violet a:hover, .services-list-two a:hover .services-violet,
.services-page-icon.services-violet:hover, .blog-violet.blist a.learn-more:hover, .error-violet:hover { background:#701b83 !important; }

/*-------------------------------------
Menu
-------------------------------------*/

.select-menu { display:none; }
header { background:#FFF; width:100%; }
header.sticky-header { position:fixed; top:0; left:0; z-index:9999; }
.sticky-header-container { padding-top:160px; }
.theme-menu { float:right; }
.theme-menu ul li { float:left; position:relative; list-style: none;}
.theme-menu ul li i {
	position: relative;	display: inline-block; margin: 0 auto; 
	box-shadow: 0 0 0 30px transparent;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: box-shadow .6s ease-in-out;
	-moz-transition: box-shadow .6s ease-in-out;
	-o-transition: box-shadow .6s ease-in-out;
	-ms-transition: box-shadow .6s ease-in-out;
	transition: box-shadow .6s ease-in-out;
}	
.theme-menu ul li a:hover i {		
	box-shadow: 0 0 0 0 rgba(255,255,255,0.2);
	-webkit-transition: box-shadow .4s ease-in-out;
	-moz-transition: box-shadow .4s ease-in-out;
	-o-transition: box-shadow .4s ease-in-out;
	-ms-transition: box-shadow .4s ease-in-out;
	transition: box-shadow .4s ease-in-out;
}
.theme-menu ul li a:link, .theme-menu ul li a:visited { 
	background:#19B1DD; display:block; width:160px; padding:57px 0; font-size:16px; color:#FFF; 
}
.no-custom ul li a:link, .no-custom ul li a:visited { padding-left:20px; }
.theme-menu ul li a:hover { background:#0680ad; }
.menu-title { position:absolute; bottom:15px; left: 31%; }
.menu-icon { text-align:center; display:block; position:relative; top:-10px; }
.menu-icon i { background:#FFF; background:rgba(255,255,255,0.2); font-size:26px; width:46px; padding:10px 0; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; }
.has-menu:after { 
	content: "\f107"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; 
	color:#FFF; font-size:18px; position:absolute; right:20px; bottom:15px; 
}
.theme-menu ul li.has-menu ul li.has-menu:after { content:"\f105"; bottom:10px; }

/*-------------------------------------
Footer
-------------------------------------*/

footer { background:#15242F; }




/*-------------------------------------
Services
-------------------------------------*/

.services-block, .blog-block, .client-block { padding:0 0 60px; }
.services-list { float:left; margin-right:1px; width:241px; position:relative; }
.services-icon { color:#FFF; font-size:30px; background:#000; background:rgba(0,0,0,0.2); width:60px; height:60px; text-align:center; position:absolute; top:0; left:0; }
.services-icon i { position:relative; top:15px; }
.services-desc { padding:20px 20px 20px 80px; color:#FFF; }
.services-desc h4 { margin-bottom:10px; }
.services-desc h4 a { color:#FFF; }
a.learn-more:link, a.learn-more:visited { display:block; padding:10px 18px; background:#000; background:rgba(0,0,0,0.2); text-transform:uppercase; color:#FFF; position:relative; font-size: 12px;}
.services-green a.learn-more:hover { background:#0d7c54; } /*Green*/
.services-yellow a.learn-more:hover { background:#a37906; } /*Yellow*/
.services-pink a.learn-more:hover { background:#942a2a; } /*Pink*/
.services-dblue a.learn-more:hover { background:#073e62; } /*Dark Blue*/
.services-violet a.learn-more:hover { background:#661b78; } /*Violet*/
.services-blue a.learn-more:hover { background:#0b6a8d; } /*Blue*/
.services-list-two { float:left; width:545px; margin-right:30px; margin-bottom:30px; position:relative; }
.services-list-two .services-desc { padding:0; color:#888; }
.services-list-two .services-desc p { margin-bottom:0; }
.services-list-two .services-desc h4 a { font-size:18px; font-weight:500; color:#444; }
.services-list-two .services-desc h4 a:hover, .services-list-three .services-desc h4 a:hover, 
.services-list-four .services-desc h4 a:hover, .services-page-desc h5 a:hover, .blog-page-desc h4 a:hover, .blog-page-desc-left h4 a:hover, .blog-title-grid h4 a:hover { color:#30B9E0; }
.services-list-two .services-icon { position:relative; width:100px; height:100px; display:block; float:left; margin-right:30px; font-size:36px; }
.services-list-two .services-icon i { margin-top:15px; }
.services-list-three, .services-list-four, .skills-circular-list { float:left; margin-right:30px; width:250px; text-align:center; }
.services-list-three .services-desc, .services-list-four .services-desc { padding:0; color:#888; }
.services-list-three .services-desc h4, .services-list-four .services-desc h4 { font-size:18px; }
.services-list-three .services-desc h4 a, .services-list-four .services-desc h4 a { color:#444; }
.services-list-three .services-icon { position:relative; display:inline-block; margin-bottom:20px; font-size:40px; width:100px; height:100px; }
.services-list-three .services-icon i { top:30px; }
.services-list-three .services-green { background:none !important; border:4px solid #25C289; color:#25C289; } /*Green*/
.services-list-three a:hover .services-green { background:#25C289 !important; color:#FFF; }
.services-list-three .services-yellow { background:none !important; border:4px solid #FFBA00; color:#FFBA00; } /*Yellow*/
.services-list-three a:hover .services-yellow { background:#FFBA00 !important; color:#FFF; }
.services-list-three .services-pink { background:none !important; border:4px solid #DE6262; color:#DE6262; } /*Pink*/
.services-list-three a:hover .services-pink { background:#DE6262 !important; color:#FFF; }
.services-list-three .services-dblue { background:none !important; border:4px solid #166BA2; color:#166BA2; } /*Dark Blue*/
.services-list-three a:hover .services-dblue { background:#166BA2 !important; color:#FFF; }
.services-list-three .services-blue { background:none !important; border:4px solid #19B1DD; color:#19B1DD; } /*Blue*/
.services-list-three a:hover .services-blue { background:#19B1DD !important; color:#FFF; }
.services-list-three .services-violet { background:none !important; border:4px solid #852B99; color:#852B99; } /*Violet*/
.services-list-three a:hover .services-violet { background:#852B99 !important; color:#FFF; }
.services-list-four .hi-icon-effect-1.services-green, .services-list-four .hi-icon-effect-1.services-yellow,
.services-list-four .hi-icon-effect-1.services-pink, .services-list-four .hi-icon-effect-1.services-dblue,
.services-list-four .hi-icon-effect-1.services-blue, .services-list-four .hi-icon-effect-1.services-violet { background:none !important; }
.services-list-four .hi-icon-effect-1.services-green .hi-icon { background:#25C289; -moz-border-radius:50%; -webkit-border-radius:50%; } /*Green*/
.services-list-four .hi-icon-effect-1a.services-green .hi-icon:hover { color:#25C289; }
.services-list-four .hi-icon-effect-1.services-green .hi-icon:after { box-shadow:0 0 0 8px #25C289; -moz-box-shadow:0 0 0 8px #25C289; -webkit-box-shadow:0 0 0 8px #25C289; }
.services-list-four .hi-icon-effect-1.services-yellow .hi-icon { background:#FFBA00; -moz-border-radius:50%; -webkit-border-radius:50%; } /*Yellow*/
.services-list-four .hi-icon-effect-1a.services-yellow .hi-icon:hover { color:#FFBA00; }
.services-list-four .hi-icon-effect-1.services-yellow .hi-icon:after { box-shadow:0 0 0 8px #FFBA00; -moz-box-shadow: 0 0 0 8px #FFBA00; -webkit-box-shadow: 0 0 0 8px #FFBA00; }
.services-list-four .hi-icon-effect-1.services-pink .hi-icon { background:#DE6262; -moz-border-radius:50%; -webkit-border-radius:50%; } /*Pink*/
.services-list-four .hi-icon-effect-1a.services-pink .hi-icon:hover { color:#DE6262; }
.services-list-four .hi-icon-effect-1.services-pink .hi-icon:after { box-shadow:0 0 0 8px #DE6262; -moz-box-shadow: 0 0 0 8px #DE6262; -webkit-box-shadow: 0 0 0 8px #DE6262; }
.services-list-four .hi-icon-effect-1.services-dblue .hi-icon { background:#166BA2; -moz-border-radius:50%; -webkit-border-radius:50%; } /*Dark Blue*/
.services-list-four .hi-icon-effect-1a.services-dblue .hi-icon:hover { color:#166BA2; }
.services-list-four .hi-icon-effect-1.services-dblue .hi-icon:after { box-shadow:0 0 0 8px #166BA2; -moz-box-shadow:0 0 0 8px #166BA2; -webkit-box-shadow:0 0 0 8px #166BA2; }
.services-list-four .hi-icon-effect-1.services-blue .hi-icon { background:#19B1DD; -moz-border-radius:50%; -webkit-border-radius:50%; } /*Blue*/
.services-list-four .hi-icon-effect-1a.services-blue .hi-icon:hover { color:#19B1DD; }
.services-list-four .hi-icon-effect-1.services-blue .hi-icon:after { box-shadow:0 0 0 8px #19B1DD; -moz-box-shadow:0 0 0 8px #19B1DD; -webkit-box-shadow:0 0 0 8px #19B1DD; }
.services-list-four .hi-icon-effect-1.services-violet .hi-icon { background:#852B99; -moz-border-radius:50%; -webkit-border-radius:50%; } /*Violet*/
.services-list-four .hi-icon-effect-1a.services-violet .hi-icon:hover { color:#852B99; }
.services-list-four .hi-icon-effect-1.services-violet .hi-icon:after { box-shadow:0 0 0 8px #852B99; -moz-box-shadow: 0 0 0 8px #852B99; -webkit-box-shadow: 0 0 0 8px #852B99; }
.services-container h2, .services-container h6, .member-block h2, .member-block h6, .skills-block h2, .skills-block h6 { text-align:center; }
.services-container h6, .member-block h6, .skills-block h6 { color:#777; font-size:13px; margin-bottom:60px; }
.services-page-list { float:left; margin-right:30px; margin-bottom:50px; width:535px; }
.services-page-icon { float:left; margin-right:30px; width:200px; height:200px; color:#FFF !important; text-align:center; }
.services-page-icon i { position:relative; top:35%; font-size:60px; }
.services-page-desc { float:left; width:305px; }
.services-page-desc h5 { font-size:24px; }
.services-page-desc h5 a { color:#444; }


@media only screen and (max-width: 780px) {
	
.theme-menu ul li a:link, .theme-menu ul li a:visited { width: 150px;}
.logo img {
padding-top: 50px;
min-width: 260px;
padding-bottom: 50px;
max-width: 300px;
margin: 0 auto;
display: block;
}
.cuadro {height: 631px;padding: 20px 20px;}
.cuadro_blanco img {
padding: 135px 5px;
}

.cuadro_inicio { padding: 55px;
padding-left: 89px;
}
.caption {
padding-bottom: 1px;}

.gris {margin-top: 4px;}	
.services-list{ margin-left: 84px; margin-bottom:5px;}
#productos {
padding-bottom: 30px;
}
}
	
@media only screen and (max-width: 680px) {

.theme-menu ul li a:link, .theme-menu ul li a:visited {width: 130px;}
.theme-menu ul li a:link, .theme-menu ul li a:visited {padding: 40px 0;}
.services-list{
margin-left: 30px;
margin-bottom: 5px;
}
#menu {padding-bottom: 20px;}
.button {margin-left: 21%;}
.menu-title {left: 26%;}
.cuadro_clientes {
margin-bottom: 10px;}
.marginneg28 {
margin-left: -120px;
}

}