@media only screen and (min-width: 383px) {	
	.single {
		padding-top: 0;
	}
}

@media only screen and (min-width: 600px) {		
	#map-canvas {
		height: 240px;
	}
	h2 {
		font-size: 4.5em;
		text-align: left;
		color: #4C94CA;
		background: none;
		margin-top: 8px;
	}
	p, td {
		font-size: 1.6em;
	}
	p {
		padding: 0;
	}
	li {
		font-size: 1.6em;
	}
	ul.products {
		border-top: none;
	}
	img.credito { width: 10%; }

}
@media only screen and (min-width: 620px) {
	
	h3.left span {
		display: inline-block;
	}

	h3.left {
		padding: 12px 0 0 24px;
	}
	
	.atop img {
		max-width: 120px;
		padding: 12px 24px 0;
	}

	ul.products li {
		width: 25%;	
		background: none;		
	}

	ul.products li a:hover {
		background: #333;
	}

	ul.products li a div.section-title {
		padding: 22px 0 22px;
	}
	
	div.prod-images {
		background: #4c94ca;
		overflow: hidden;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 30%, #4c94ca 30.1%, #4c94ca 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(30%,#ffffff), color-stop(30.1%,#4c94ca), color-stop(100%,#4c94ca)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 30%,#4c94ca 30.1%,#4c94ca 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 30%,#4c94ca 30.1%,#4c94ca 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 30%,#4c94ca 30.1%,#4c94ca 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 30%,#4c94ca 30.1%,#4c94ca 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4c94ca',GradientType=0 ); /* IE6-9 */
	}
	table { 
		font-size: .8em; 		
	}
	.prod-img img{ 
		/*float: right; */
		text-align: center;
		max-width: 40%;
		height: auto;
		margin-right: -0px;
	}
	li a div.section-title {
		color: #676767;
	}
	
	li a div.section-img img {
		padding: 12% 0;
		background: url('../imgs/layout/bg-prod-2.png') 50% 100% no-repeat;
		background-size: 0%;

	}
	li a.active div.section-img img {
		width: 100%;
		height: auto;
		padding: 0;
		background-size: 100%;
	}
	li a:hover div.section-img img {
		width: 100%;
		height: auto;
		padding: 0;
		
		background-size: 100%;
	}

	

}


@media only screen and (min-width: 738px) {
	.col-1 { float: left; width: 8.3333333%; }
	.col-2 { float: left; width: 16.666666%; }
	.col-3 { float: left; width: 25%; }
	.col-4 { float: right; width: 33.333333%; }
	.col-5 { float: left; width: 41.666666%; }
	.col-6 { float: left; width: 50%; }
	.col-7 { float: left; width: 58.333333%; }
	.col-8 { float: left; width: 66.666666%; }
	.col-9 { float: left; width: 75%; }
	.col-10 { float: left; width: 83.333333%; }
	.col-11 { float: left; width: 91.666666%; }
	.col-12 { float: left; width: 100%; }

	.eva-content {
		width: 66.666666%;
	}	
	.media {
		width: 33.333333%;
	}
	.izq { float: left; padding-right: 12px; }
	.der { float: right; padding-left: 12px;  }

	#nav-menu {		
		display: none;
	}

	ul.secciones {
		text-align: center;
		padding-top: 30px;
		display: block;
		float: none;
		padding: 10px 0;
	}
	ul.secciones li {
		padding: 0;
		border-left: 1px solid #676767;
		display: inline;
	}
	ul.secciones li:first-child {
		border: none;
	}
	
	table {
		box-shadow: 2px 2px 6px rgba(0,0,0,.3);
		border: 6px solid #fff;
		border-radius: 4px;
		
	}
	.prod-img img {
		max-width: 80%;
	}	
	.centered {
		padding-left: 8px;
	}

	#map-canvas {
		height: 340px;
	}
	a.salesman {
		width: 30%;
		position: absolute;
		bottom: 0;
		right: 0;
		margin-left: 68%;
		margin-right: 0;
		
	}
	
	.row h3 {
		text-align: left;
		padding-left: 0;
	}

	.content .centered {
		padding-bottom: 20px;
		position: relative;
	}
	.content .centered .salesman {
		text-align: right;
	}
	
 }

 @media only screen and (min-width: 927px) {
	a#logo-link {
		display: block;
		width: 200px;
		height: 84px;
		float: left;
	}

	h1#logo {
		width: 200px;
		height: 84px;
		margin-top: 6px;
	}
	ul.secciones {
		padding-top: 60px;
		float: right;
	}
	ul.secciones li {		
		font-size: 1.4em;
	}
 }

 @media only screen and (min-width: 1024px) {
	.prod-img img {
		/*margin-right: -40px;*/
	}
 }
 p.notes {
	font-size: 1em;
	font-style: italic;
}