@charset "UTF-8";
/* CSS Document */

.btnRed a:link,
.btnRed a:visited, 
.btnRed a:active,
.btnGray a:link,
.btnGray a:visited, 
.btnGray a:active {
	font-size:1.8em;
	color:#FFFFFF;
	height:120px;
	padding-top:15px;
	padding-left:20px;
	cursor:pointer;
	text-align:left;
	position:relative;
	display:block;
}
.btnRed a:hover,
.btnGray a:hover {
	display:block;
}

.btnRed a:link,.btnRed a:visited,.btnRed a:active {background-color:#c2002f}
.btnRed a:hover {background-color:#a31f34}

.btnGray a:link,.btnGray a:visited,.btnGray a:active {background-color:#555559}
.btnGray a:hover {background-color:#40464c}

.icoAutoPickup, .icoAutoPickupET, .icoMoto, .icoTransmigrante, .icoTransfer, .icoLicencias, .icoMotorhome, .icoCajaCarga, .icoAutobus, .icoCamion, .icoTracto {
	background-position: right;
	background-repeat: no-repeat;
	position: absolute;
	background-size: contain;
	width: 72px;
	height: 72px;
	bottom: 12px;
	right: 20px;
}

.icoAutoPickup {
    background-image: url('https://auto-insurance-ana.com/Turistas/Styles/Responsivo/../../Images/Responsivo/ico_autoPickup_w.png');
}

.icoAutoPickupET {
	background-image: url('https://auto-insurance-ana.com/Turistas/Styles/Responsivo/../../Images/Responsivo/ico_autoPickupET_w.png');
}

.icoMoto {
    background-image: url('https://auto-insurance-ana.com/Turistas/Styles/Responsivo/../../Images/Responsivo/ico_moto_w.png');
}

.icoTransmigrante {
    background-image: url('https://auto-insurance-ana.com/Turistas/Styles/Responsivo/../../Images/Responsivo/ico_transmigrante_w.png');
}

.icoTransfer {
    background-image: url('https://auto-insurance-ana.com/Turistas/Styles/Responsivo/../../Images/Responsivo/ico_transfer_w.png');
}

.icoLicencias {
    background-image: url('https://auto-insurance-ana.com/Turistas/Styles/Responsivo/../../Images/Responsivo/ico_licencias_w.png');
}

.icoMotorhome {
    background-image: url('https://auto-insurance-ana.com/Turistas/Styles/Responsivo/../../Images/Responsivo/ico_motorhome_w.png');
}

.icoCajaCarga {
    background-image: url('https://auto-insurance-ana.com/Turistas/Styles/Responsivo/../../Images/Responsivo/ico_cajadecarga_w.png');
}

.icoAutobus {
    background-image: url('https://auto-insurance-ana.com/Turistas/Styles/Responsivo/../../Images/Responsivo/ico_autobus_w.png');
}

.icoCamion {
    background-image: url('https://auto-insurance-ana.com/Turistas/Styles/Responsivo/../../Images/Responsivo/ico_camion_w.png');
}

.icoTracto {
    background-image: url('https://auto-insurance-ana.com/Turistas/Styles/Responsivo/../../Images/Responsivo/ico_tractotrailer_w.png');
}

/* SEGUNDO COMPORTAMIENTO - iPad Portrait */
@media screen and (min-width: 768px) and (max-width: 1023px) {

	.btnRed a:link,
	.btnRed a:visited, 
	.btnRed a:active,
	.btnGray a:link,
	.btnGray a:visited,
	.btnGray a:active {
		font-size:20px;
		height:100px;
		padding-top:15px;
		padding-left:20px;
		background-size:116%;
	}
	
	.btnRed a:hover,
	.btnGray a:hover {
		display:block;
	}

	.icoAutoPickup, .icoAutoPickupET, .icoMoto, .icoTransmigrante, .icoTransfer, .icoLicencias, .icoMotorhome, .icoCajaCarga, .icoAutobus {
		width: 60px;
		height: 60px;
		bottom: 10px;
		right: 10px;
	}
}

/* TERCER COMPORTAMEINTO - Smartphone Landscape */
@media screen and (min-width: 479px) and (max-width: 767px) {
	
	.btnRed a:link,
	.btnRed a:visited, 
	.btnRed a:active,
	.btnGray a:link,
	.btnGray a:visited,
	.btnGray a:active {
		font-size:17px;
		height:98px;
		padding-top:10px;
		padding-left:10px;
		background-size:160%;
	}
	
	.btnRed a:hover,
	.btnGray a:hover {
		display:block;
	}

	.icoAutoPickup, .icoAutoPickupET, .icoMoto, .icoTransmigrante, .icoTransfer, .icoLicencias, .icoMotorhome, .icoCajaCarga, .icoAutobus {
		width: 55px;
		height: 55px;
		bottom: 10px;
		right: 10px;
	}
	
}

/* CUARTO COMPORTAMEINTO - Smartphone Portrait */
@media screen and (min-width: 0px) and (max-width: 478px) {
	
	.btnRed a:link,
	.btnRed a:visited, 
	.btnRed a:active,
	.btnGray a:link,
	.btnGray a:visited, 
	.btnGray a:active {
		font-size:36px;
		height:115px;
		padding-top:20px;
		padding-left:24px;
	}
	
	.btnRed a:hover,
	.btnGray a:hover {
		display:block;
	}

	.icoAutoPickup, .icoAutoPickupET, .icoMoto, .icoTransmigrante, .icoTransfer, .icoLicencias, .icoMotorhome, .icoCajaCarga, .icoAutobus {
		width: 70px;
		height: 70px;
		bottom: 8px;
		right: 15px;
	}
	
}

@media
screen and (-webkit-min-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (min-device-pixel-ratio: 2) { 
	
	/* Clases para Retina */
    .icoAutoPickup {
        background-image: url('https://auto-insurance-ana.com/Turistas/Styles/Responsivo/../../Images/Responsivo/ico_autobus_w@2x.png');
    }

	.icoAutoPickupET {
		background-image: url('https://auto-insurance-ana.com/Turistas/Styles/Responsivo/../../Images/Responsivo/ico_autobusET_w@2x.png');
	}

    .icoMoto {
        background-image: url('https://auto-insurance-ana.com/Turistas/Styles/Responsivo/../../Images/Responsivo/ico_moto_w@2x.png');
    }

    .icoTransmigrante {
        background-image: url('https://auto-insurance-ana.com/Turistas/Styles/Responsivo/../../Images/Responsivo/ico_transmigrante_w@2x.png');
    }

    .icoTransfer {
        background-image: url('https://auto-insurance-ana.com/Turistas/Styles/Responsivo/../../Images/Responsivo/ico_transfer_w@2x.png');
    }

    .icoLicencias {
        background-image: url('https://auto-insurance-ana.com/Turistas/Styles/Responsivo/../../Images/Responsivo/ico_licencias_w@2x.png');
    }

    .icoMotorhome {
        background-image: url('https://auto-insurance-ana.com/Turistas/Styles/Responsivo/../../Images/Responsivo/ico_motorhome_w@2x.png');
    }

    .icoCajaCarga {
        background-image: url('https://auto-insurance-ana.com/Turistas/Styles/Responsivo/../../Images/Responsivo/ico_cajadecarga_w@2x.png');
    }

    .icoAutobus {
        background-image: url('https://auto-insurance-ana.com/Turistas/Styles/Responsivo/../../Images/Responsivo/ico_autobus_w@2x.png');
    }
	
}

