/* RESPONSIVE STYLES */
@media screen and (max-width:1366px){
	body{
		overflow-y:scroll;
	}
}

@media screen and (max-width:800px){
	.content-wrapper{
		width:800px;
	}
	.content-wrapper p{
		margin-left:90px;
	}
	#sliderContent {
		width: 80%;
		margin: 0 auto;
	}
	.item p{
		margin-left:0;
	}
	.productos-wrapper h1 {
		margin-left: 20px;
	}
	.productos-info img {
		width: 230px;
		height: 235px;
		margin-top: 56px;
	}
	.productos-txt {
		margin-right: 185px;
	}
	.productos-txt ul li{
		width: 235px;
	}
	.productos-txt ul li p{
		font-size: 14px;
	}
	.left-content{
		margin-left:168px;
	}
	.left-content h4{
		font-size: 26px;
	}
	.left-content h4 span{
		font-size: 31px;
	}
	.left-content h5 {
		font-size: 16px;
	}
	.left-content h5 span {
		font-size: 24px;
	}
	.desarrollo-txt {
		left: -30px;
	}
	.txt-destacado{
		left: -93px;
	}
	.copete, .txt-quienes{
		font-size:12px;
	}
	.contacto-wrapper{
		width:725px;
	}
}

@media screen and (max-width:603px){
	.content-wrapper{
		width:600px;
	}
	.content-wrapper p{
		margin-left:127px;
	}
	#sliderContent{
		width: 54%;
	}
	.item p{
		margin-left: 0!important;
	}
	.servicios-area{
		margin-top:-15px;
	}
	.productos-wrapper h1{
		margin-left: 20px;
		font-size: 19px;
	}
	.productos-info{
		height:600px;
	}
	.productos-info img{
		display:none;
	}
	.productos-txt{
		margin-right: 0;
		float: left;
		margin-left: 23px;
	}
	.quienes-wrapper{
	background: url("../images/idea.png") no-repeat scroll 75px 94px transparent;
	}
	.left-content{
		margin-left: 262px;
		margin-top: 17px;
	}
	.left-content h5{
		margin-bottom: 5px;
		margin-top: 20px;
	}
	.right-content{
		float: none;
		top: 165px;
		margin-left: 175px;
	}
	.txt-destacado{
		left: -155px;
	}
	.desarrollo-txt{
		left: -109px;
	}
	.contacto-wrapper{
		width:590px;
		background:url("../images/img-contacto2.jpg") no-repeat scroll center 42px transparent;
	}
	.contacto-info{
		left: 173px;
	}
	.contacto-wrapper a{
		display:none;
	}
	.contacto-wrapper h2{
		right: 227px;
		top:425px;
	}
	.footer{
		width: 95%;
		bottom: 80px;
	}
	.izquierda, .derecha {
	float: none;
	text-align: center;
	}
	.derecha {
		margin-top: 15px;
	}
	
}

@media screen and (max-width:320px){
	.content-wrapper{
		width: 315PX;
	}
	.logo{
	width: 299px;
	height: 170px;
	padding-top: 10px;
	}
	.content-wrapper p{
	margin-left: 22px;
	}
	.viewer{
		height: 395px;
	}
	#sliderContent{
	width: 80%;
	margin-left: 15px;
	}
	.item{
		width: 255px;
	}
	.servicios img{
		width: 252px;
		height: 234px;
	}
	.item p{
		width: 95%;
		font-size: 12px;
	}
	.item a{
		margin-top: 30px;
	}
	.productos img{
		width: 218px;
		height: 234px
	}
	.quienes img{
		width: 263px;
		height: 207px;
		margin-bottom: 0px;
		margin-top: 27px;
	}
	.portfolio img{
		width: 238px;
		height: 235px;
		margin-left: -82px;
	}
	.contacto img{
	width: 230px;
	height: 231px;
	margin-left: -36px;
	margin-top: 5px;
	}
	.nexbin{
		width: 60%;
		font-size: 15px;
		text-align:left;
		margin-left: 13px;
		margin-top: 18px;
	}
	.main-menu ul{
	width: 70%;
	margin-left: -28px;
	margin-top: -2px;
	}
	.main-menu li{
		margin-right: 17px;
	}
	.main-menu ul li a{
		font-size: 13px;
		font-weight: bold;
	}
	.servicios-wrapper{
	width: 285px;
	}
	.servicios-wrapper h4{
		font-size: 18px;
		left: 10px;
		top: 85px;
	}
	.servicios-wrapper h3{
	font-size: 36px;
	left: 8px;
	top: 100px;
	}
	.servicios-wrapper img{
		display: none;
	}
	#vertical-scrollbar-demo{
		width:300px;
	}
	.servicios-info{
	margin: 0px auto;
	padding-top: 205px;
	}
	.servicios-info{
		width: 100%;
		padding-top: 190px;
	}
	.servicios-info h1{
	font-size: 15px;
	background: url("../images/bg-titulo2.jpg") no-repeat scroll center 0 transparent;
	height: 76px;
	padding-top: 14px;
	}
	.overview p{
	font-size: 12px;
	width: 55%;
	margin-left: 9px!important;
	}
	.overview h2{
		margin-left:9px;
	}
	.productos-wrapper{
		padding-top: 95px;
		width:280px;
	}
	.productos-wrapper h1{
		font-size: 18px;
		margin-left: 20px;
	}
	.productos-txt{
		width: 275px;
		margin-left: 20px;
	}
	.productos-txt h5{
		font-size: 20px;
	}
	.productos-txt > p{
		font-size: 13px;
	}
	.productos-txt h5{
		margin-top: 13px;
	}
	.productos-txt ul li p{
		line-height:13px;
	}
	.quienes-wrapper{
		width:300px;
		background:none;
	}
	.left-content{
		margin-left: 11px;
		width: 100%;
	}
	.left-content h4{
		font-size: 20px;
		float: left;
		margin-left: 35px;
	}
	.left-content h4 span{
		font-size: 25px;
	}
	.left-content h5{
		margin-bottom: 5px;
		margin-top: 20px;
		float: left;
	}
	.right-content{
		width: 280px;
		top: 50px;
	}
	.txt-destacado{
		width: 242px;
		height: 200px;
		padding: 10px;
		font-size: 12px;
		background: url("../images/txt-balloon2.png") no-repeat scroll 0 0 transparent;
	}
	.desarrollo-txt{
		left: -152px;
		margin-top: 45px;
		width: 280px;
	}
	.contacto-wrapper{
		width:280px;
		background: url("../images/img-contacto2.jpg") no-repeat scroll center 5px transparent;
	}
	.contacto-info{
		left: 19px;
		top: 290px;
	}
	.contacto-wrapper h2{
		right: 72px;
		top: 376px;
	}
	.footer{
		bottom: 45px;
	}
}