/* CSS file generated by Responsify */
/* Columns: 12, Gutter Width: 1.5, 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, .span13{
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.col{
  margin-left: 1.5%;
}

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

.span1{
  width: 6.95833333333%;
  
}
.span2{
  width: 15.4166666667%;
  
}
.span3{
  width: 23.875%;
  
}
.span4{
  width: 32.3333333333%;
  
}
.span5{
  width: 40.7916666667%;
  
}
.span6{
  width: 49.25%;
  
}
.span7{
  width: 57.7083333333%;
  
}
.span8{
  width: 66.1666666667%;
  
}
.span9{
  width: 74.625%;
  
}
.span10{
  width: 83.0833333333%;
  
}
.span11{
  width: 91.5416666667%;
  
}
.span12{
  width: 100%;
  margin-left: 0;
}
.span13{
  width: 16.6%;
}


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

.mt10{ margin-top:10px}

#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%;}
	.menu-web, .submenu { display:none; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
	.btn-menu, .menu-cel, .st-menu { display:block;}
	.btn-menu { top:40px;}

	#sequence .sequence-pagination li.current { border:0!important; border-left:20px!important;}

	h2 { font-size:16px;}
	p { font-size: 13px;}
	
	#sequence .animate-in p, #sequence .animate-in h2 ,#sequence .animate-in .btn-info{ left:2.5%!important;}
	#sequence p { width:30%!important; font-size:12px!important;}
	#sequence h2 { width:45%!important; font-size:39px; top:10%!important;}
	#sequence .sequence-pagination li { font-size:9px!important;}
	
	.flex-direction-nav { display:none;}

	#detalle .title img.span4 {display: none;}
	#detalle .title .span5 { width: 60%;}
}

@media screen and (max-width: 600px){
	
	.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12, .span13, .span14, .span15 { width:100%;}
	.col { margin:0 0 15px 0;}
	.col:last-child { margin-bottom:0;}
	
	header fieldset, header .inner > img { display:none;}
	header .logo { margin-left:auto; margin-right:auto; position:relative;}
	.btn-menu { top:0px;}
	
	#home .span4 { height:auto!important; padding-bottom:20px;}
	#home .span4 ul li { font-size: 14px;}
	#home .span4 ul li a { padding: 10px 0px 10px 10px}


	#slidertop { display:none;}
	
	#detalle p { -moz-column-count: 1!important; -moz-column-gap: 0%!important; -webkit-column-count: 1!important;  -webkit-column-gap: 0%!important; column-count: 1!important; column-gap: 0%!important;}
	#detalle .title .span5 { padding-bottom:20px;}
	#detalle ul.span6 { height:auto!important;}
	#detalle .title .span5 { width: 100%;}
	#detalle .title .span5 li { width: 100%;}
	#detalle .title .span5 li a, #detalle section .span6 li a { font-size: 14px!important;}
	#detalle .title ul li a, #detalle section .span6 li a { padding-top: 10px!important; padding-bottom: 10px!important;}

	#contacto fieldset fieldset { width:100%;}
	#contacto div.span6 { margin-bottom:20px;}
	input[type="text"], textarea, select { padding-top:10px; padding-bottom:9px;}
	.contacto .inner .span6 > form { margin-right:15px;}

	footer .span3 { margin-bottom:0px; box-shadow:none; -webkit-box-shadow:none; border-bottom:1px solid #888;}
		footer .span3 > * { margin:0;}
	footer .logo { margin:0 auto 10px; float:none;}
	footer section .inner p { margin:auto; text-align:center;}
	footer section .inner nav {display:none;}
	footer .span3 > *:first-child { margin-top:30px;}
	footer .span3 > *:last-child { margin-bottom:30px;}
}

/* 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;
}