@media screen and (max-width:1200px){
	*{height: auto;}
	img:not(.banner img),img:not(#site-title img){width: 100%; height: auto;}
	header,.inner,
	nav,
	.wrapper,
	.breadcrumb,
	footer,
	footer ul,
	.full,
	.line
	{width: 100%; height: auto; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.wrapper{-webkit-border-radius: 0px; border-radius: 0px; -moz-border-radius: 0px;}
	.breadcrumb{
		padding: 0 2%
	}
	/* Slider Span *
	.slider,.slider .items,.slider .item{max-height: 405px; height: 405px;}
	.slider .item span{left: 0%; margin-left: 0px;text-align: center;font-size: 13px; line-height: 130%; width: 980px;}
	.slider .item span h4,.slider .item span p{width: 90%; padding: 10px; float: none; clear: both; text-align: center;}
	.slider .item span h4{width: 100%; float: none; font-size: 48px;}
	.navi{left: 50%; margin-left: -50px;}
	*/

}

@media screen and (max-width:980px){
	nav li a{padding: 0 6px; font-size: 18px}
	header,.inner,.topbar{padding: 0; height: auto;}
	.topbar a{padding-left: 0;}
	.topbar .right p{padding-left: 0; margin-left: 0}
}
@media screen and (max-width:800px){
	.topbar .span4,.topbar .span8{float: none; clear: both; text-align: left;line-height: 35px; width: 100%; text-align: left;}
	.saldo{bottom: -15px;}
	nav .dropmenu{display: block;}
	nav ul{height: auto; line-height: 30px; display: none;	}
	nav ul li,nav ul li a{display: block; float: none; clear: both; width: 100%; height: 20px; line-height: 20px; text-align: left; font-size: 4vw;}
	.span3{width: 33%;}
	.span9{width: 66%;}
	/* SPANS internos */
	.home .span6{	width: 100%;}
	.home .span4 .span6,
	.home .span6 .span6,
	.home .span4{width: 50%;}
}
@media screen and (max-width:600px){
	.inner{padding-bottom: 50px;}
	#site-title{display: block; float: none; clear: both; margin: 5px auto; text-align:center;}
	.topbar .span4,
	.topbar .span8,
	.topbar .toolbar{ text-align: center;display: block; float: none; clear: both; width: 100%; height: auto; margin: 5px 0;}
	.topbar .toolbar a{width: 33%; height: auto; margin: 0 0.2%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.saldo{width: 100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; bottom: 0;
		-webkit-border-radius: 0px; border-radius: 0px; -moz-border-radius: 0px;}
	.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12,section,aside{width: 100%; float: none; clear: both; padding:  2%;}
	.tabs .lineas .span3,
	.tabs .lineas .span6,
	.home .span4,
	.destacados .span6{float: left; clear: none;}
	.destacados .span6{width: 50%; clear: none; float: left;}	
	/*.listas ul{display: none;}*/
	.listas .expand{display: block;}
	.thumb{
		width: 25%; float: left; clear: none;
	}
	/*body {background-color:#E41316}*/
}
@media screen and (max-width:450px){
	.tabs .lineas .span3,
	.tabs .lineas .span6,
	.home .span4,
	.destacados .span6,.destacados .span6.left,.destacados .span6.right{float: none; clear: both; width: 100%; margin: 0px auto; padding: 0 2%;}
	/*body {background-color:#472DB4}*/
}
@media screen and (max-width:320px){
	.topbar .right a{padding: 0 5px;font-size: 12px}
	 /*body {background-color:#5E8E4A}*/
}