@charset "utf-8";
/* CSS Document */


@media only screen and (max-width: 950px) {	
	
	.menu {
		display: none;
	}
	
	.ocultar {
		display: none;
	}
	
	.menu-responsive {
		border: #8D4 1px solid;
		background-image: url(imagenes/menu-responsive.png);
		background-position: center center;
		background-size: 80% 80%;
		display: block;
		width: 40px;
		height: 40px;
		position: absolute;
		right: 10px;
		top: 15px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		cursor: pointer;
		z-index: 500;
	}
	
	.menu-responsive ul {
		display: none;
		width: 120px;
		float: left;
		margin-left: -150px;
		padding-top: 28px;
	}
	
	.menu-responsive li {
		box-sizing: content-box;
		background-color: #5CE;
		width: 120px;
		height: 40px;
		line-height: 40px;
		float: left;
		margin: 0px;
		color: #FFF;
		padding: 0px 15px;
		text-align: right;
		list-style-type: none;
	}
	
	.menu-responsive li:hover {
		background-color: #8D4;
	}
	
	.menu-responsive a {
		color: #FFF;
		font-weight: bold;
	}
	
	.menu-responsive li:hover a {
		color: #248;
	}
	
	.menu-responsive li ul li {
		background-color: #8D4;
		width: 200px;
		color: #FFF !important;
		font-size: 14px;
	}
	
	.menu-responsive li ul li a {
		color: #FFF !important;
	}
	
	.menu-responsive li ul li:hover a {
		color: #248 !important;
	}
	
	.menu-responsive li:hover .submenu {
		box-sizing: border-box;
		width: 200px !important;
		margin-top: -40px;
		margin-left: 145px;
		display: block;
		color: #FFF;
		padding: 0px 10px;
		font-weight: lighter;
		max-height: 200px;
		z-index: 500;
	}
	
	.submenu {
		overflow: hidden;
		max-height: 0px;
	}

	.distintivo-izquierda {
		display: none;
		position: absolute;
		width: 60px;
		height: 60px;
		top: 50%;
		margin-top: -100px;
		left: 0px;
		margin-left: 10px;
		text-align: left;
		z-index: 150;
	}
	
	.distintivo-izquierda img{
		width: 60px;
		height: 60px;
	}
	
	.distintivo-derecha {
		width: auto;
		height: auto;
		position: absolute;
		top: 0px;
		right: 0px;
		margin-top: 70px;
		margin-right: 15px;
		font-size: 0.8rem;
		text-align: right;
		z-index: 150;
	}
	
	.telefonos-whatsapp {
		width: 100%;
		font-size: 0.8rem;
		float: right;
		text-align: center;
		margin-right: 0px;
		color: #FFF;
	}
	
	.ico-telefonos {
		margin-top: 5px;
	}
	
	.atencion-especializada {
		display: none;
	}
	
}


@media only screen and (max-width: 600px) {
	
	h1 {
		font-size: 1.8rem;
	}
	
	.bg-header {
		height: 80px;
	}
	
	.logo {
		width: 200px;
		height: 80px;
		float: left;
	}
	
	.bg-slider {
		height: 265px;
	}
	
	.slider {
		height: 250px;
	}
	
	.distintivos {
		height: 250px;
	}
	
	.distintivos ul {
		width: 100%;
		height: 70px;
		margin: 150px 0px 60px 0px;
		overflow: hidden;
	}
	
	.distintivos li {
		width: 100%;
		height: 70px;
	}
	
	.distintivos-main {
		height: 70px;
	}
	
	.distintivos-img {
		width: 50px;
		height: 50px;
	}
	
	.distintivos-txt {
		line-height: 50px;
		font-size: 1.2rem;
	}
	
	.tabla-cotizacion {
		font-size: 0.8rem;
	}
	
	.tabla-fianzas {
		font-size: 0.8rem;
	}
	
	.td-vertical {
		width: 50px;
		min-height: 160px;;
	}
	
	.txt-vertical {
		display: block;
		font-size: 1rem;
		line-height: 50px;
		padding: 0px 10px;
		writing-mode: vertical-lr;
		transform-origin: center center 0px 10px;
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform:rotate(180deg);
		transform: rotate(180deg);
		overflow: hidden;
	}
	
	.requisitos-titulo {
		margin: 0px 15px;
		font-size: 18px;
	}
	
	.requisitos-tabla-img {
		width: 50px;
		height: 50px;
	}
	
	.requisitos-img {
		width: 50px;
		height: 50px;
	}
	
	.contacto {
		width: -moz-calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		width: -o-calc(100% - 20px);
		width: calc(100% - 20px);
		height: auto;
	}
	
	.formulario {
		width: -moz-calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		width: -o-calc(100% - 20px);
		width: calc(100% - 20px);
	}
	
	.ico-facebook {
		width: 30px;
		height: 30px;
		margin-top: -140px;
		left: 10px;
	}
	
	.ico-twitter {
		width: 30px;
		height: 30px;
		margin-top: -100px;
		left: 10px;
	}
	
	.ico-instagram {
		width: 30px;
		height: 30px;
		margin-top: -60px;
		left: 10px;
	}
	
	.ubicacion-img {
		width: 100%;
		text-align: center;
	}
	
	.ubicacion-txt {
		width: 100%;
	}
	
	.formulario {
		width: 90%;
		margin: 50px 5%;
	}
	
	.footer {
		font-size: 0.6rem;
	}
	
	#desarrollador-web {
		font-size: 0.6rem;
	}
	
}

/*
       table {
           width:100%;
       }
       thead {
           display: none;
       }
       tr:nth-of-type(2n) {
           background-color: inherit;
       }
       tr td:first-child {
           background: #f0f0f0;
           font-weight:bold;
           font-size:1.3em;
       }
       tbody td {
           display: block;
           text-align:center;
       }
       tbody td:before {
           content: attr(data-th);
           display: block;
           text-align:center;
       }
*/