@media (min-width:320px) {

	p{
	font-size:16px;}

	.header .logo{
	display:block;
	float: none;
    margin: 0 auto;}
  
	.header .logo img{
	float: none;
	margin: 0 auto;
	width:70%;}

	.logo-sistema img{
	float: none;
	margin: 0 auto;
	width:100%;}
	
	.header .accesos{
	display:block;
    margin: 0 auto;
	text-align:center;
	width:100%}
	
	.header .accesos .sistema{
	display: inline-block;
	float: none;
	vertical-align: top;
	width:auto;}
	
	.header .accesos .social{
	display: inline-block;
	float: none;
	vertical-align: top;
	width:auto;}
	
	ul.navbar-nav{
	width:100%;}
	
	.slide-principal{
	display:none;}
	
	article.servicio-home{
	width:100%;}
	
	.plataforma-web article img{
	margin:0 auto;
	text-align:center;
	width:100%;}
	
	article.solucion{
	width:100%;}
	
	.sub-footer .footer .copyright{
	text-align:center;}
	
	.sub-footer .footer .desarrollador{
	text-align:center;}
	
	footer article{
	padding-bottom:10px;}

	footer .logotipo-footer{
	margin:0px auto;
	padding:0px;
	text-align:center;}
	
	.solucion-home article.solucion {
	width:100%;}
	
	.text-noticia{
	width:100%;}
	
	.noticias-facebook .noticia .foto-noticia{
	padding-bottom:20px;
	width:100%;}
	
	.noticias-facebook .noticia .texto-noticia{
	width:100%}

	h2.titulo-white-left{
	text-align:center;}

	.titulo-cabecera{
	text-align:center;
	padding:50px 0;
	width:100%;}

	.foto-cabecera{
	display:none;}

	.foto-cabecera img{
	display:none;}

	.video-youtube{
	margin-top:0px;
    margin-bottom: 20px;
	position: relative;
    padding-top: 56.25%;}

	.video-youtube iframe,
	.video-youtube object,
	.video-youtube embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}

	h3.titulo-dark-left{
	text-align:center;}

	.producto{
	margin:0 auto;
	text-align:center;}

	.producto .icono-producto{
	display:block;
	margin:0 auto;
	text-align:center;
	width:90px;}

	.producto .titulo{
	display:block;
	margin:0 auto;
	text-align:center;
	width:100%;}

	.texto-medio h3{
	text-align:center;}

	.texto-medio{
	margin:0 auto !important;
	text-align:center;}
}

@media (min-width:480px) {
	.header .accesos{
	display:block;
	float: left;
    margin: 0 auto;
	text-align:center;
	width:100%;}
	
	.header .accesos .sistema{
	display: inline-block;
	float: none;
	vertical-align: top;
	width:auto;}
	
	.header .accesos .social{
	display: inline-block;
	float: none;
	vertical-align: top;
	width:auto;}

	.logo-sistema img{
	float: none;
	margin: 0 auto;
	width:70%;}
	
	ul.navbar-nav{
	width:100%;}
	
	.slide-principal{
	display:block;}
	
	.text-noticia{
	width:48%;}
	
	.fb-page{
	width:100%;}

	.producto{
	margin:0 auto;
	text-align:center;}

	.producto .icono-producto{
	display:block;
	margin:0 auto;
	text-align:center;
	width:90px;}

	.producto .titulo{
	display:block;
	margin:0 auto;
	text-align:center;
	width:100%;}
	
}

@media (min-width: 768px) {
	
	p{
	font-size:15px;}

	.header .logo{
		display:block;
		float: none;
		margin: 0 auto;}
  
	.header .logo img{
		float: none;
		margin: 0 auto;
		width:368px;}

	.logo-sistema img{
		float: none;
		margin: 0 auto;
		width:368px;}
		
	ul.navbar-nav{
	background:#003769 !important;
	float: none;
	margin:0px auto;
	text-align:center;
	width:100%;}
	
	ul.navbar-nav li{
	display: inline-block;
	float: none;
	margin:0px auto;
	text-align:center;}
	
	article.servicio-home{
	width:31.3%;}
	
	.sub-footer .footer .copyright{
	text-align:left;}
	
	.sub-footer .footer .desarrollador{
	text-align:right;}
	
	footer .logotipo-footer{
	text-align:left;}
	
	footer .logotipo-footer img{
	padding:50px 0px 0px 0px;
	width:90%;}
	
	.solucion-home article.solucion {
	width:31.3%;}
	
	.text-noticia{
	width:48%;}
	
	.noticias-facebook .noticia .foto-noticia{
	padding-bottom:0px;
	width:48%;}
	
	.noticias-facebook .noticia .texto-noticia{
	width:48%;}
	
	.noticias-facebook .facebook{
	display:inline-block;
	float:left;
	width:30%;}

	.clientes .slide{
	border:7px solid #b2b2b2;}
	
	.clientes .slide:hover{
	border:7px solid #008ad3;}

	h2.titulo-white-left{
	text-align:left;}

	.titulo-cabecera{
	width:100%;}

	.foto-cabecera{
	display:none;}

	.foto-cabecera img{
	display:none;}

	.producto{
	margin:0px auto;
	text-align:center;}

	.icono-producto{
	display:block;
	width:100%;}

	.producto .titulo{
	display:block;
	margin:0 auto;
	text-align:center;
	width:100%;}
	
	.titulo h4{
	display:block;
	margin:0 auto;
	text-align:center;}

	.video-youtube iframe,
	.video-youtube object,
	.video-youtube embed {
	height: 200px;}

	h3.titulo-dark-left{
	text-align:left;}

	.texto-medio h3{
	text-align:left;}

	.texto-medio{
	text-align:left;}
}

@media (min-width: 992px) {

	.header .logo img{
		float: left;
		margin: 0 auto;
		width:368px;}
		
	.header .accesos{
		display:block;
		float: right;
		width:auto;}
		
	.header .accesos .sistema{
	display:inline-block;
	float:right;
	width:auto;}
	
	.header .accesos .social{
	display:inline-block;
	float:right;
	width:auto;}
	
	ul.navbar-nav{
	display: inline-block;
	float: none;
	width:auto;}

	.titulo-cabecera{
	text-align:left;
	width:35%;}

	.foto-cabecera{
	display:block;
	float:left;
	width:20%;}

	.foto-cabecera img{
	display:block;
	float:left;
	width:auto;}

	.video-youtube{
	margin-top:0px;
    margin-bottom: 20px;
	position: relative;
    padding-top: 26.25%;}

	.video-youtube iframe,
	.video-youtube object,
	.video-youtube embed {
	height: 315px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;}
	
}
	
@media (min-width: 1200px) {

	.titulo-cabecera{
	text-align:left;
	width:50%;}

	.foto-cabecera{
	display:block;
	float:left;
	width:50%;}

	.producto .icono-producto{
	float:left;}

	.producto .titulo{
	display:block;
	float:left;
	margin-left:10px;
	text-align:left;
	width:60%;}

	.titulo h4{
	text-align:left !important;}
}