@charset "iso-8859-1";
/* CSS Document */

/*@media only screen and (max-width: 680px) {*/
/*@media only screen and (max-device-width: 800px) {*/


@media(max-width:1140px){
	.banner{
		height:auto;
		float:left;
		background-image: none;
	}
	.innovtec{
		clear:both;
		width:99%;
		margin:0px;
		float:left;
		height:auto;
	}
	.innovtec h1{
		margin-bottom: 20px;
	}
	.contp{
		/*margin-left:30.1%;*/
		width:49%;
		/*width:265px;*/
		text-align:center;
	}
	.inno{
		height:auto;
		padding:0px;
		width:50%;
		float:left!important;
		text-align:center;
		margin:0;
		padding: 0 auto;
	}
	.inno img{
		width:90%;
		float:left;
		position:relative;
		height:auto;
		padding:0px;
		margin:5%;
	}
	.faldilla{
		display:none;
	}
	.faldillaResp{
		font-family: 'Raleway', sans-serif;
		display:inline;
		background-color: rgba(193, 221, 234, 1);
		width:100%;
		float:left;
	}
	.faldillaResp h1{
		background-color:white;
		text-align: center;
		padding-top:15px;
		margin-top:0px;
		padding-bottom:15px;
		width:100%;
		font-family: 'Raleway', sans-serif;
		font-size:18px;
		float:left;
	}
	.inno_landing{
		text-align:center;
		width:100%;
		float:left;
	}
	.contp_landing{
		position:relative;
		margin-left:0px;
		padding-left:0px;
		z-index:200;
		margin:0;
		float:left;
		width:90%;
		margin:5%;
	}
	.contp_landing img{
		float:left;
		width:33%;
		margin-left:33%;
		margin-right:33%;
	}

	
}


@media(max-width:1000px){
	.container{
		margin: 0 auto;
	    position: relative;
	    width: 100%;
	}
	.usuario{
		clear: both;
		margin: 0px;
		height: auto;
		width: 100%;
		text-align: center;
	}
	.usuario form{
		float: right;
	}
	.social{
		margin-top:0px;
	}
	.logo{
		width: 100%;
		text-align: center;
		margin: 0px;
	}
	nav{
		display: none;
	}
	.cabecera{
		height: auto;
		background-repeat: repeat;
	}
	.migadepan{
		clear: both;
	}
	.menuinterior{
		display: none;
	}

	.colizquierda {
		float:left;
		width: 90%;
		margin:0;
		padding-left:5%;
		padding-right:5%;
		
	}
	.colderecha {
		width:100%;
		clear: both;
	    float: left;
	    margin: 0 auto;
	    margin-top:20px;
	}
	.contp2{
		position:relative;
		width:100%;
		margin-left:0px;
		margin-bottom:15px;
	}
	.inno2{
		height:auto;
		text-align:center;
		background-color:transparent;
		width:100%;
		float:left;
	}
	.inno2 p{
		font-size: 15px;
		margin-top:0px;
		padding-right:0px;
		padding-left:0px;
		width:99.9%;
		float:left;
	}
	.inno2 img{
		height:auto;
		position:relative;
		width:50%;
		text-align: center;
	}
	
	.menu-responsive{
		display: inline;
		clear: both;
		margin: 2%;
	}
	.menu-responsive select{
		margin: 5px;
		margin-bottom: 15px;
		width: 94%;
		text-align: left;
		background-color: #0f467a;
		color: #fff;
		height: 40px;
	}
	.menu-responsive option:disabled{
		color: #bdbfbf;
	}
	.menu-responsive option.n1{	padding-left: 5px; }
	.menu-responsive option.n2{	padding-left: 10px; }
	.menu-responsive option.n3{	padding-left: 15px; }
	.menu-responsive option.n4{	padding-left: 20px; }
}
@media(max-width:780px){
	html, body{
		width:100%;
		float:left;
	}
	.container{
		width:100%;
		float:left;
	}
	.cabecera{
		width:100%;
		float:left;
	}
	.banner{
		height:auto;
		float:left;
		background-image: none;
	}
	.innovtec{
		clear:both;
		width:100%;
		margin:0px;
		float:left;
		height:auto;
	}
	.innovtec h1{
		margin-bottom: 20px;
	}
	.contp{
		/*margin-left:30.1%;*/
		width:100%;
		/*width:265px;*/
		text-align:center;

	}
	.inno{
		height:auto;
		padding:0px;
		margin:0px;
		width:100%;
		float:left!important;
		text-align:center;
		padding: 0 auto;
	}
	.inno img{
		width:90%;
		float:left;
		position:relative;
		height:auto;
		padding:0px;
		margin:5%;
	}
	/*
	.faldilla{
		margin:0;
		clear:both;
		width:100%;
		float:left;
	}
	
	.jms-slideshow {
		min-width: 0px;
	}
	.jms-wrapper {
		width: auto;
		min-width: 0px;
	}

	.step {	
		width: 100%;
	    height: 420px;
		display: block;
		-webkit-transition: opacity 1s;
		-moz-transition: opacity 1s;
		-ms-transition: opacity 1s;
		-o-transition: opacity 1s;
		transition: opacity 1s;
	}*/
}


@media(max-width:510px){
	.logo img{
		width: 100%;
	}
	.usuario form{
		float: left;
	}
	.usuario input{
		width: 100% !important;
	}
	.contp_landing img{
		float:left;
		width:80%;
		margin-left:10%;
		margin-right:10%;
	}
	.contp_landing .jms-link{
		margin-top:10px;
	}
	.imagen-resp{
		position:relative;
		height:auto!important;
		float:left!important;
		width:90% !important;
		margin-bottom:20px!important;
		margin-left:5%;
		margin-right:5%;
	}
}