@font-face {font-family: 'gotham-light';
    src: url('../font/gotham-light.eot');
    src: url('../font/gotham-light.eot?#iefix') format('embedded-opentype'),
         url('../font/gotham-light.woff2') format('woff2'),
         url('../font/gotham-light.woff') format('woff'),
         url('../font/gotham-light.ttf') format('truetype'),
         url('../font/gotham-light.svg#gotham-light') format('svg');
    font-weight: normal;
    font-style: normal;}

/* textos */	   
@font-face {font-family: 'gotham-book';
    src: url('../font/gotham-book.eot');
    src: url('../font/gotham-book.eot?#iefix') format('embedded-opentype'),
         url('../font/gotham-book.woff2') format('woff2'),
         url('../font/gotham-book.woff') format('woff'),
         url('../font/gotham-book.ttf') format('truetype'),
         url('../font/gotham-book.svg#gotham-book') format('svg');
    font-weight: normal;
    font-style: normal;}

/* titulares chicos / destacado */	    
@font-face {
    font-family: 'gothammedium';
    src: url('../font/gotham_medium-webfont.eot');
    src: url('../font/gotham_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/gotham_medium-webfont.woff2') format('woff2'),
         url('../font/gotham_medium-webfont.woff') format('woff'),
         url('../font/gotham_medium-webfont.ttf') format('truetype'),
         url('../font/gotham_medium-webfont.svg#gothammedium') format('svg');
    font-weight: normal;
    font-style: normal;}

/* titulares importantes */	   
@font-face {font-family: 'gotham-bold';
    src: url('../font/gotham-bold.eot');
    src: url('../font/gotham-bold.eot?#iefix') format('embedded-opentype'),
         url('../font/gotham-bold.woff2') format('woff2'),
         url('../font/gotham-bold.woff') format('woff'),
         url('../font/gotham-bold.ttf') format('truetype'),
         url('../font/gotham-bold.svg#gotham-bold') format('svg');
    font-weight: normal;
    font-style: normal;}


main {margin: 0px auto; background: #fff;}

body {width: 100%; margin: 0px auto; background: #fff; font-family: 'gotham-light', sans-serif; letter-spacing: 1px;}

header {background-color: #3C258D;
	width: 100%;
	background-size: 100% auto;
	-moz-background-size:100% auto;
	-webkit-background-size:100% auto;}
.logo {display: inline;}
.logoR {display: none;}

.ilustri {
	background-size: 100% auto;
	-moz-background-size:100% auto;
	-webkit-background-size:100% auto;}

.contenedor {margin: 0px auto; 
	padding: 0px 15px;
	max-width: 1024px;}
	
/* videos de youtube */	
.video {width: 100%; margin: 25px 0px 25px 0px;}

/* videos de youtube */	
.promo {width: 100%; margin: 25px 0px 0px 0px;}

/* texto resaltado en negrita */	
span {font-family: 'gothammedium'; color: #000;
	font-size: 14px; line-height: 24px;}


/* pie */
footer {width: 100%;
	margin: 0px auto; 
	border-top: 22px solid #d8ccf5;
	background-color: #3a248c;
	padding: 30px 0px 320px 0px;}
footer p {color: #fff; font-size: 14px; line-height: 20px; letter-spacing: 1px;
		font-family: 'gotham-light'; padding: 20px;}
footer a {text-decoration: none; color: #afb6dd;}
footer a:hover {color: #7a809f;}
.footer_left {float: left;}
.footer_right {float: right; margin: 0px 50px 0px 0px;}

.calidad {width: 198px;
	display: block; margin: 0px auto;}
.calidad p {font-family: 'gotham-light';
	color: #fff;
	font-size: 11px;
	line-height: 16px;
	padding: 5px 0px 0px 0px;}
	
.afip {width: 100%; display: inline; margin: 0px 20px 30px auto;}
.afip img {width: 30%; margin-bottom: 25px;}

	
/* index photo */
.img_main {width: 100%; margin: 0px auto; 
	background-size: 100% auto;
	-moz-background-size:100% auto;
	-webkit-background-size:100% auto;}
/* index photos */
.news {width: 100%; line-height: 0px;}

.bar {width: 100%;
	background-size: 100% auto;
	-moz-background-size:100% auto;
	-webkit-background-size:100% auto;}
.bar img {margin: 0px auto;}

.cleaner {clear:both}

/* subtítulos bloque con filete */	
.subtitles {width: 100%; 
	border: 2px solid #000;
	font-family: 'gotham-book';
	text-align: center;
	letter-spacing: 2px;
	margin: 20px 0px 25px 0px;
	padding: 20px 0px;}
	
/* boxes 2 columnas - extraido de máquinas Abraham */
.maquina {width: 100%;
	max-width: 1024px;
	display: inline-block;
	padding: 25px 0px;
	border-bottom: 1px dotted #000;
	background-size: 100% auto;
	-moz-background-size:100% auto;
	-webkit-background-size:100% auto;}	
.maquina last-child {border-bottom: none;} /* REVISAR */
	
.maquina_left {width: 48%;
	float: left;}	
.maquina_left img {width: 100%;}
.maquina_right {width: 48%;
	float: right;
	margin: 0px 0px 0px 20px;}	
.maquina_right p {font-size: 14px;
	line-height: 24px;
	color: #000;
	font-family: 'gotham-light';
	margin: 0px;}
.maquina_right li {font-size: 14px;
	line-height: 24px;
	font-family: 'gotham-light';}	
.maquina_right img {padding: 0px;}


/* para hacer 2 columnas de un bloque de texto */	
.2col {padding: 25px 25px 10px 25px;
column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
column-gap: 60px;
-moz-column-gap: 60px;
-webkit-column-gap: 60px;
column-rule: 1px solid #868695;
-moz-column-rule: 1px solid #868695;
-webkit-column-rule: 1px solid #868695;} 

/* texts */
h1 {font-size: 50px;
	line-height: 70px;
	color: #fff;
	text-shadow: 2px 2px 0px black;
	font-family: 'gotham-book';}
h2 {text-align: center;
	font-size: 32px;
	line-height: 70px;
	color: #000;
	font-family: 'gotham-book'}
	
.h2p {text-align: center;
	font-size: 32px;
	line-height: 70px;
	color: #fff;
	font-family: 'gotham-book'}
	
h3 {font-size: 20px;	
	line-height: 30px;
	color: #000;
	text-decoration: none;
	letter-spacing: 1px;
	font-family: 'gotham-bold';
	padding: 0px 0px 15px 0px;}
h4 {font-size: 16px;
	line-height: 24px;
	text-align: left;
	color: #000;
	text-decoration: none;
	font-family: 'gotham-book';}
h4 a {color: #3a248c;}	
h4 a:hover {color: #d8ccf5;}

.h4t {font-size: 16px;
	line-height: 24px;
	padding: 10px 0px;
	text-align: left;
	color: #6950A3;
	text-decoration: none;
	font-family: 'gotham-bold';}	
	
.h4b {font-size: 16px;
	line-height: 24px;
	text-align: left;
	color: #000;
	text-decoration: none;
	font-family: 'gotham-bold';}	

h5 {font-size: 14px;
	line-height: 24px;
	color: #000;
	font-family: 'gotham-light';}
h5 a {color: #6950A3;}
h5 a:hover {color: #9c8cc3;}
	
h6 {font-size: 16px;
	line-height: 28px;
	color: #000;
	font-family: 'gotham-light';
	margin: 0px;}

	
/* redes sociales contacto */	
.icon_sn {color: #cb5d76; padding: 5px 10px 0px 10px; font-size: 36px;}
.icon_sn:hover {color: #e77c84;}

/* info util */	
.icon_snv {color: #6950A3; padding: 5px 10px 0px 10px; font-size: 36px;}

/* redes sociales bloque */	
.icon_d {color: #fff; padding: 5px 10px 0px 10px; font-size: 36px;}
.icon_d:hover {color: #e87e85;}

/* tilde */
.icon_ok {color: #f0aa62; float: inherit; padding: 2px; font-size: 14px;}

/* tilde */
.icon_up {color: #fafafa; float: inherit; padding: 2px; font-size: 16px;}
.icon_up:hover {color: #c4c4c4;}

/* espacio donde hay imágenes */
.pic {width: 100%; margin: 0px auto;}

/* divisor de menú seguros */
.separador {width: 100%; margin: 30px auto 31px auto;
	background-size: 100% auto;
	-moz-background-size:100% auto;
	-webkit-background-size:100% auto;}
	
/* columnas */
.seguro_left {float: left;
	width: 45%;} 
.seguro_right {float: right;
	width: 45%;}

.sauco_producto {width: 100%;
	max-width: 188px;
	display: inline-block;
	text-align: center;
	padding: 0px 12px 40px 0px;
	border: : 1px solid #c1c1c1;
	background-size: 100% auto;
	-moz-background-size:100% auto;
	-webkit-background-size:100% auto;}	
.sauco_producto p {text-align: center;
	color: black;
	font-size: 14px;
	padding: 20px 0px 0px 0px;
	letter-spacing: 2px;}
.sauco_producto p:hover {color: #8a8a8a;}
.sauco_producto img {width: 100%;
	border-bottom: 1px dotted #000; padding: 0px;}
.sauco_producto img:hover {opacity: 0.8;}


/* banda completa con fondo blanco */
#seccion2 {width: 100%; text-align: center;
	height: auto; 
	background-color: #fff;
	 -webkit-background-size: cover;
	overflow: hidden;
	-webkit-box-sizing: border-box;}
#seccion2 p {font-family: 'gotham-light';
	margin: 0px 15px;
	font-size: 14px; 
	line-height: 24px;}
	
/* texto resaltado en negrita */	
.span {font-family: 'gotham_mediumregular'; 
	color: #000; font-size: 16px; line-height: 24px;}

/* banda completa con fondo gris */
#seccion3 {width: 100%; text-align: center;
	margin: 30px 0px 5px 0px;
	padding: 30px 0px;
	height: auto; 
	background-color: #f0f3f0;
	 -webkit-background-size: cover;
	overflow: hidden;
	-webkit-box-sizing: border-box;}
#seccion3 p {font-family: 'gotham-light';
	margin: 0px 15px;
	font-size: 14px; 
	line-height: 24px;}
	
/* contenido INFO UTIL */
#seccion4 {width: 100%; text-align: left;
	margin: 0px auto;
	 -webkit-background-size: cover;
	overflow: hidden;
	-webkit-box-sizing: border-box;}
#seccion4 p {font-family: 'gotham-book';
		font-size: 16px; line-height: 22px;
	margin: 0px auto;
	padding: 15px 0px;}
.info_left {float: left; width: 45%; text-align: left;}
.info_left img {width: 100%;}
.info_right {float: right; width: 45%; text-align: left; padding: 0px 0px 0px 20px;}

/* tabla INFO UTIL */
table { width: 100%;
		font-family: 'gotham-book';
		font-size: 16px; line-height: 22px;
        background: #fafafa;
        margin: 0px 0px 40px 0px;}	   
table td { padding: 12px;
           text-align: center;
           background: #d8ccf5;
           border-right: 1px solid #fff;
		   border-bottom: 1px solid #fff;}   
.toptarifario { background: #6950A3;
		   font-size: 17px; line-height: 22px;
           color: #fff;
           width: 100%; text-align: center;}
table a {color: #6950A3;
		text-decoration: none;}
table a:hover {color: #fff;}

.promo_left {float: left;
	width: 25%;} 
.promo_right {float: right;
	width: 70%;}
.promo_left img {width: 70%;}
.promo_left p {text-align: left;}
.promo_right img {width: 80%;}
.promo_right p {text-align: center;}


/* contacto */
.contacto {background-color: none;
	width: 100%;
	margin: 0px 0px 20px 0px;
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;}
.contacto ul {padding: 0px;}
.contacto li {color: #000000;
	font-size: 16px;
	line-height: 30px;}
.contacto a {color: #333;
	text-decoration: none;}
.contacto a:hover {color: #a6a6a6;}

.contacto_left {float: left;
	width: 45%; margin: 10px 0px; margin: 0px auto;} 
.contacto_left img {width: 90%; margin-bottom: 30px;}
.contacto_right {float: right;
	width: 45%; margin: 10px 0px;} 
.address {padding: 0px 0px 22px 0px;}

/* cuadros con fondo violeta */	
.cuadro {margin: 25px 0px 25px 0px; padding: 10px 20px;
	text-align: center;
	background: #ccdbf5;
	border-radius: 8px;}
.cuadro p {font-size: 21px; 
	margin: 0px 0px 25px 0px; 
	line-height: 32px;
	padding: 25px;
	color: #000;
	text-decoration: none;
	font-family: 'gotham-book';}
	
/* cuadros con fondo gris */	
.cuadroG {margin: 25px 0px 25px 0px; 
	background: #fafafa;
	border-radius: 8px;}
.cuadroG p {font-size: 21px; 
	margin: 25px 0px 25px 0px; 
	line-height: 32px;
	padding: 25px;
	color: #000;
	text-decoration: none;
	text-align: left;
	font-family: 'gotham-book';}
	
/* cuadros con fondo blanco */	
.cuadroB {margin: 25px 0px 25px 0px; 
	padding: 15px;
	background: #fff;
	border-radius: 8px;}
.cuadroB p {font-size: 21px; 
	margin: 25px 0px 25px 0px; 
	line-height: 32px;
	padding: 25px;
	color: #000;
	text-decoration: none;
	text-align: center;
	font-family: 'gotham-book';}
	
	
/* AVISOS GRANDES INICIO / aviso publicitario */
.aviso1a {width: 100%;
	background-color: none;
	padding: 15px 0px;
	float: left;
	background-size: 100% auto;
	-moz-background-size:100% auto;
	-webkit-background-size:100% auto;}
.aviso1b {display: none;}
.aviso1a img {margin: 0px auto;}

/* AVISOS GRANDES INTERIOR / aviso publicitario */
.aviso2a {width: 100%;
	background-color: none;
	padding: 15px 0px 0px 0px;
	float: left;
	background-size: 100% auto;
	-moz-background-size:100% auto;
	-webkit-background-size:100% auto;}
.aviso2b {display: none;}
.aviso2a img {margin: 0px auto;}
	
/* formulario */
input, label, textarea {display: block; font-size: 16px; }
input, textarea {width: 90%; padding: 10px 0px; margin: 18px 0px;
	font-family: 'gotham-light'; border: #000 solid 1px;
	font-size: 14px; letter-spacing: 1px;}
textarea {height: 150px;}

/* select box */
select {width: 90%;
	height: 30px;
	padding: 30px 0px; 
	margin: 25px 0px; 
	font-family: 'gotham-light'; 
	font-size: 16px;
	cursor: pointer;
	display: flex;}
select.custom {
  appearance: none;
  width: 90%;
  padding: 30px 0px;
  border-radius: 4px;
  font-family: 'gotham-light'; 
  font-size: 18px;
  color: #b9b9b9;
  border: 2px solid #c5c5c5;}

button {width: 92%; background: #cc5d77; font-family: 'gotham-book'; font-size: 16px; color: #fff; padding: 10px 0px; border: none; cursor: pointer; margin: 12px 0px 0px 0px; letter-spacing: 2px;}
button:hover {background: #e77c84;}

/* mensajes del form */
.mensaje_ok {text-align: center;
	line-height: 30px;
	padding: 80px 0px;}
.mensaje_no {text-align: center;
	line-height: 30px;
	padding: 80px 0px;}
	
/* botón descargar */
.button_download {background: #008623; color: #fff; font-family: 'gotham-light'; font-size: 16px; padding: 10px 15px; cursor: pointer; margin: 15px 0px 0px 0px; letter-spacing: 1px; text-decoration: none;}
.button_download:hover {background: #00671b;}

/* whatsapp flotante */
.back-to-top-link {background-color: #1ad733;
    text-decoration: none;
    border-radius: 100%;
    bottom: 60px;
    color: #fff;
    padding: 12px;
    position: fixed;
    right: 50px;
    z-index: 1020;}
.back-to-top-link:hover {color: #000;}
.no-rgba .back-to-top-link {background-color: #000;}
.lt-ie9 .back-to-top-link {background-color: transparent;}
.js .back-to-top-link {opacity: 0; transition: opacity 0.6s ease 0s;}
.fold .back-to-top-link {opacity: 1;}
.no-opacity .back-to-top-link {display: none;}
.no-opacity .fold .back-to-top-link {display: block;}

/* top */
.top {background-color: #000; 
	opacity: 0.1;
	color: #fff;
	display: block;
	width: 100%;
	height: 70px;
	text-align: center;
	padding: 15px 0px 0px 0px;
	text-decoration: none;
	position: fixed;
	bottom: 0px;}
.top:hover {background-color: #000; 
	opacity: 0.2;}
	
/* botón volver al form */
.boton_back {background: #cc945d;
	color: #fff;
	font-family: 'gotham-book'; 
	letter-spacing: 2px;
	text-decoration: none;
	padding: 15px 45px;
	margin: 16px 0px 0px 0px;
	display: inline-block;}
.boton_back:hover {background: #f0aa62;
	color: #fff;}

/* botón volver al menú seguros */
.boton_up {background: #3a248c;
	color: #fff;
	padding: 15px 15px;
	margin: auto; display: block;
	display: inline-block;
	border-radius: 100px;}
.boton_up:hover {background: #d8ccf5;
	color: #fff;}

/* box */	
.box_gris {background: #fafafa;
	padding: 20px;}	
.box_gris p {font-family: 'gotham-book'; font-size: 14px; line-height: 20px; text-align: left; color: #000; letter-spacing: 1px;}

/* link de textos con fondo blanco */	
.link {font-family: 'gotham-light';
    color: #f0aa62;
    cursor: pointer;
    font-size: 14px;
    padding: 0px 6px;}
.link:hover {color: #cc945d;}


/* accordion / style */
.accordion {font-family: 'gotham-light';
    background-color: #4a4494;
    color: #fff;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: 0px solid black;
    text-align: center;
    outline: none;
    font-size: 32px;
    transition: 0.4s;}
.active, .accordion:hover {color: #fff; background-color: #93acea;}
.panel {padding: 0 18px;
    background-color: #fafafa;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;}
    

/* media queries */
@media screen and (max-width:768px){
.logo {padding: 0px 0px 0px 15px;}
.texto_inicio {display: none;} /* slogan sobre imagen principal */
.contacto_left {float: none; width: 95%; margin: 20px;} 
.contacto_right {float: none; width: 95%;margin: 40px 20px 20px 20px;}

.maquina_left, .maquina_right {width: 95%; display: block; float: none;}

/* divisor de menú seguros */
.separador {width: 100%; height: 7px;}
	
}

@media screen and (max-width:600px){
h2 {line-height: 50px;}
footer {text-align: center; vertical-align: middle; display: inline-block; padding: 15px 0px; float: inherit;}
footer p {font-size: 16px; line-height: 20px;}
.footer_right {display: block;}
.footer_left {display: block;}
.calidad {width: 75%; display: block;}

.aviso1b {display: block;}
.aviso1a {display: none;}
.aviso2b {display: block;}
.aviso2a {display: none;}

/* imagen ilustrativa al centro */
.ilustri {width: 85%;}	

.promo_left {width: 100%;}
.promo_right {width: 80%;}
.promo_left img {width: 40%;}

.seguro_left {width: 90%; display: block; text-align: center; float: inherit;}
.seguro_right {width: 90%; display: block; text-align: center; float: inherit; padding: 0px 15px;}
/* seguro por seguro */

.afip img {width: 20%;}
}

/* tyc */
.info_left {width: 90%; display: block; text-align: center; float: inherit;}
.info_left img {width: 60%; padding: 0px 0px 25px 0px;}
.info_right {width: 90%; display: block; text-align: center; float: inherit; padding: 0px 15px;}
.contacto_right {margin: 50px 0px 30px 20px;}

.logo {display: none;} /* logo grande */
.logoR {display: inline; padding: 0px 0px 0px 20px;} /* logo chico */

/* columnas */
.2col {column-count: 1;
-moz-column-count: 1;
-webkit-column-count: 1;}
}

@media screen and (max-width:480px){
.logo, .logoR  {padding: 0px 0px 0px 10px;} 
.table {display: none;
#agro p, {float: inherit;}
#auto p, {margin: 0px 30px;}
}

@media screen and (max-width:375px){
.logo, .logoR  {width: 70%; padding: 0px 0px 0px 15px;} 
.sauco_producto {max-width: 170px;}
}

@media screen and (max-width:320px){
.sauco_producto {max-width: 140px;}
}
	
.back-to-top-link {position: fixed; margin: 30px auto;}
}