table{width: 100%;  height: auto;}
	table td{padding: 10px; vertical-align: top;}


/* LARGE 1200px */
@media (min-width: 991px) {


}
@media (min-width: 767px) {
	.topbar{text-align: left;}
/*	.navbar{text-align: right; line-height: 80px}
	.navbar-default li:hover ul{display: block;}*/
	.navbartop{display: none;	}
}
@media (max-width: 1200px) {
	.navbar-default li a{font-size: 16px; padding: 0 5px;}
}
@media (max-width: 900px) {
	.navbar-default li a{font-size: 14px; padding: 0 4px;}
}
/* SMALL 768 */
@media (min-width: 768px) and (max-width: 991px) {
	header .container,.container{width: 100%;}
	section.servicios h2{font-size: 3vmax;}

}
/* XSMALL 480 */
@media (max-width: 767px) {
	.topbar{text-align: center;}
	.logocol{width: 70%;position: absolute; z-index: 9; max-height: 55px; text-align: left;}
	#site-title{font-size: 24px;}
	header .container,header navbar,header .col-xs-12{width: 100%; padding: 0 0 0 0; }
	.navbar-default{padding: 1px 0; background: #c00;}
	#mainnav{border: none; background: #c00; width: 100%; }
		.navbar-default li{float:none; display:block; *display: block; *zoom:1; vertical-align: top;border: none; margin: 0 0;-webkit-border-radius: 0px; border-radius: 0px; -moz-border-radius: 0px; line-height: 38px; }
		.navbar-default li a{font-size: 24px; padding: 10px 5px; font-weight: 300;}
	.navbar-default li ul{right: 0; }
	.slogan{font-weight: normal; font-size: 12px;}
	footer li{display: block; float: none; clear: both; text-align: center; line-height: 200%}



	table, thead, tbody, th, td, tr {display: block; float: left; clear: both; text-align: center; margin: 0px auto}
	/* Hide table headers (but not display: none;, for accessibility) */
	tr { }
	td {border: none;border-bottom: 1px solid #eee; position: relative;text-align: center;}
		td img{max-width: 320px; text-align: center; margin: 0px auto;}

}
	
	

}

@media (max-width: 480px) { 
	.banners{
		width: 100%;
	}
}

@media (max-width: 320px) {

}

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}



/* CSSanim */
header,header .topbar,.navbar,.trabajo,.trabajo a,.trabajo a h3,
.miniimg img{
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);  }
.miniimg:hover img{
-webkit-transform: scale(1.2),rotate(5deg); 
-moz-transform: scale(1.2),rotate(5deg);
-ms-transform: scale(1.2),rotate(5deg);
-o-transform: scale(1.2),rotate(5deg);
transform: scale(1.2) rotate(5deg);
}