/* CSS file generated by Responsify */
/* Columns: 12, Gutter Width: 2, Breakpoints:  */ 

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12{
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.col{
  margin-left: 2%;
}

.col:first-child {
  margin-left:0;
}

.span1{
  width: 6.5%;
  
}
.span2{
  width: 15%;
  
}
.span3{
  width: 23.5%;
  
}
.span4{
  width: 32%;
  
}
.span5{
  width: 40.5%;
  
}
.span6{
  width: 49%;
  
}
.span7{
  width: 57.5%;
  
}
.span8{
  width: 66%;
  
}
.span9{
  width: 74.5%;
  
}
.span10{
  width: 83%;
  
}
.span11{
  width: 91.5%;
  
}
.span12{
  width: 100%;
  margin-left: 0;
}

#container, .inner{
  margin: 0 auto;
  max-width:960px;
}

#container{
  clear: both;
}

.alt{
  color: #fff;
  color: rgba(255,255,255, 0.9);
  letter-spacing: 0.05em;
}


/* MEDIA QUERIES */

/* Responsify Defaults */

@media screen and (max-width: 868px){

	#container, .inner { width: 95%; padding: 0 2.5% 0 2.5%;}
	
	#slidertop p { font-size:15px;}

	.scrollup { right:90%;}
}

@media screen and (max-width: 480px){
	
	.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12, .span13, .span14, .span15 { width:100%;}
	.col { margin:0;}

	.menu-web { display:none; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
	.btn-menu, .menu-cel { display:block;}

	header { height:200px;}
	header > div { width:80%;}
	
	.scrollup { right:75%;}
	
	#slidertop { display:none;}

	#empresa section div { box-shadow:inset 0 -1px 1px -1px rgba(0,0,0,0.4); margin-bottom:5%;}
		#empresa section div * { margin:0 0 5% 0;}
		#empresa section div img { left:0%;}

	#contacto fieldset fieldset { width:100%;}
	#contacto input[type="text"], .contacto textarea, select { padding-top:10px; padding-bottom:9px;}
	
	footer img { display:block; margin:auto;}

}

/* Custom Breakpoints */

@media screen and (max-width: px) {
 /* Add your styles for devices with a maximum width of  */
}
	

// Micro Clearfix 

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    *zoom:1;
}