/*  

___              ___                        ___      ___  /|
| |___    _____  ___  _____  ____    ______ | |___   ___ | |_
|  __ \  /___  \ | | /  __/ / __ \  /  ___/ |  __ \  | | |  _|
| |  \ \  ___| | | | | |   / /__\ \ | |___  | |  \ \ | | | |
| \__/ / / ___ | | | | |   \  ____/ \____ \ | \__/ / | | | |
\_____/  \_____| |_| |_|    \____    _____/ \_____/  |_| \__\

Baires Bit SRL | Internet Marketing Service ( www.bairesbit.com )


*/

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE


are based on 10px sizing. So basically 1.5rem = 15px :) */
@font-face {
    font-family: 'roboto-bold';
    src: url('roboto-bold-webfont.woff') format('woff'),
         url('../roboto-bold-webfont.html') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto-light';
    src: url('roboto-light-webfont.woff') format('woff'),
         url('../roboto-light-webfont.html') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto-regular';
    src: url('roboto-regular-webfont.woff') format('woff'),
         url('../roboto-regular-webfont.html') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html {
  font-size: 62.5%; }


html { height: 100%; width: 100%; margin: 0px; }

body { height: 100%;
       width: 100%;
	   margin: 0px;
	   font-family: 'Roboto:400',Arial, Helvetica, sans-serif;
	   font-size:1.4em; 
	   line-height: 1.5;
	   background-color: #ffffff;
	   background-repeat: repeat; 
	   color: #292929;
	   font-weight: 400;
	   background-image:url(bgchat.jpg);}

h1, h2, h3 { margin:0;padding:0;border:0; line-height:0; font-size:12px; }
p {border:0;margin:0;padding:0;}
img {border:0;}
a {text-decoration:none;color: #313131;}
a:visited{text-decoration:none;color: #313131;}
a:active{text-decoration:none;color: #313131;}
a:focus{text-decoration:underline;color: #313131;}
a:hover{text-decoration:underline;color: #313131;}
.clearing {clear:both;}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}/
b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.6em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/*divs
–––––––––––––––––––––––––––––––––––––––––––––––––– */
header {
	width: 100%;
	height: auto;
	background-color: #1ebea5;
	float:left;
	background-repeat: no-repeat;
	background-position: center;
	position:relative;
	z-index:400;
	top:0;
	color:#ffffff;
	font-size:2.2rem;
	text-align:center;
	line-height:3rem;
	font-family:'roboto-light',Arial, Helvetica, sans-serif;
	font-weight:100;
}


#logo_marca { float:none; width:240px; height:80px; margin-left:auto; margin-right:auto;}

#logo_concesionario {  float:left; width:102px; margin-right:0;  }
#logo_izquierda {  float:right; width:70px; margin-right:0;  }

footer { margin: 0 auto 0 auto; padding-top: 2rem; float:left; width:100%; background-color:#232f3c; }


/*displays
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.web { display:none;}
.tablet { display:none;}
.tabletymobile { display:block;}
.tabletyweb { display:none;}
.smart { display:none;}
.mobile { display:block; width:100%; height: auto; float:left;}
.mobileyweb { display:block; }


/*fuentes
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.txt{ font-size: 1.3rem; color:#ffffff; font-family:'roboto-regular', Helvetica, sans-serif; }
.txt-header{ font-size: 2rem; color:#273443; font-family:'roboto-light', Helvetica, sans-serif;  line-height:2rem; text-align:center;}
.txt-header-sub{ font-size: 1.4rem; color:#ffffff; font-family:'roboto-regular', Helvetica, sans-serif;  line-height:2rem;}

/*form
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.estiloboton {
	width: 100%;
	max-width:240px;
	height: 54px;
	color: #ffffff ;
	font-size: 1.6rem;
	line-height: 2rem;
	cursor: pointer;
	border-radius:50px;
	margin-left: auto;
	margin-right: auto;
	font-family: 'roboto-regular', Helvetica, sans-serif;
    display: block;
    letter-spacing: 1px;
	border:0px solid #00c2a4;
    text-align: center;
    text-decoration: none;
	background-color:#25d366;
}

textarea, select, input {
  height: 54px;
  width:100%;
  background-color: #fff;
  border: 0px;
  border-radius:50px;
  box-shadow: none;
  box-sizing: border-box;
  
  margin-bottom:1.4rem;
  margin-left:auto;
  margin-right:auto;
  font-family: 'roboto-regular', Helvetica, sans-serif;
  font-size:1.7rem;
  color:#32373b;
 color: #75758e;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 6px 24px; 
  display:block;
  
  outline: none;
  -webkit-appearance:none;
}


.select-style {
    padding: 0;
    margin: 0;
    overflow: hidden;
    background-color: #fff;
	border-radius:50px;
	height: 54px;
	margin-bottom:1.4rem;

    background: #fff url(select.png) no-repeat 96% 50%;
}


.select-style select {
	width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
			padding:0 20px;
			
}


svg path,
svg rect{
  fill: #1ebea5;
}

/* responsive
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.width100 {
  width: 100%;
  box-sizing: border-box;
  height:auto;
  display:block; }
.maxwidth100 {
  max-width: 100%;
  box-sizing: border-box;
  height:auto; }
.pullright {
  float: right!important;}
.pullleft {
  float: left!important; }
.left { float:left;} 
.clear { clear:left;}
.clearing {clear:both;}
.margen05 { margin-bottom:0.5rem;}
.margen1 { margin-bottom:1rem;} 
.margen15 { margin-bottom:1.5rem;} 
.margen2 { margin-bottom:2rem;}
.margen3 { margin-bottom:2px;}
.margent05 { margin-top:0.5rem;}
.margent1 { margin-top:1rem;}
.margent15 { margin-top:1.5rem;}
.margent2{ margin-top:2rem;}
.centrar {	margin:0px auto;  text-align:center; }
.relative { position:relative;}
.paddingtop { padding-top:14px;}
.sombra {   box-shadow: 0 10px 20px rgba(0,0,0,0.12), 0 6px 6px rgba(0,0,0,0.24);
  transition: all 0.2s ease-in-out;}
.sombra:hover {   box-shadow: 0 14px 29px rgba(0,0,0,0.19), 0 9px 9px rgba(0,0,0,0.23);}

.bgbanner-sombrainferior{
	width: 100%;
	background: #FCFEFE;
	background: rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0px -2px 3px 0 rgba(0, 0, 0, .14);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .14);
	box-shadow: 0px -2px 3px 0 rgba(0, 0, 0, .14);
	float: left;
	display: block;
	padding-top: 10px
}
.bg{ width: 100%; float: left; display: block;}
.bg.blanco{ background: #ffffff;}
.bg.whatsapp {	background-image:url(bgchat.jpg);
	   background-repeat: repeat;
	   background-size:auto;
	   background-position:50% 50%; }

.linea { width: 100%; background-color:transparent; background-repeat:no-repeat; background-position:center;float:right; height:1px; background-size:cover; display:block;}



.borde { border:1px solid #999;}
.radius { border-radius: 5px; box-sizing:border-box;}
.cursor { cursor:pointer; }

.overflow-h{ overflow:hidden;}

/* grilla
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.contenedor {
  position: relative;
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.columna,
.columnas {
  width: 100%;
  float: left;
  box-sizing: border-box; }


@media (min-width:300px){}  
@media (min-width:400px){}

@media (min-width:450px){}
@media (min-width: 550px) {

/*div
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.tablet { display:block;}
.tabletyweb { display:block;}
.mobile { display:none;}
.mobileyweb { display:none; }

/*estilos
–––––––––––––––––––––––––––––––––––––––––––––––––– */
} 
@media (min-width: 650px) { } 
@media (min-width: 750px) {
  .contenedor{
	  width:100%;
	padding: 0 0px; }
  .columna,
  .columnas {
    margin-left: 2%; }
  .columna:first-child,
  .columnas:first-child {
	margin-left: 0px;}
	
  .una.columna,
  .una.columnas                    { width: 4.66666666667%; }
  .dos.columnas                    { width: 15%; }
  .tres.columnas                  { width: 22%;            }
  .cuatro.columnas                   { width: 30.6666666667%; }
  .ocho.columnas                  { width: 65.3333333333%; }
  .nueve.columnas                   { width: 74.0%;          }
  .diez.columnas                   { width: 83%;          }
  .doce.columnas                 { width: 100%; margin-left: 0; }
  .columnasaside                 { width: 100%; margin-left: 0; }
  .una-mitad.columna                { width: 49%;  }

	
/*estilos
–––––––––––––––––––––––––––––––––––––––––––––––––– */	

/*divs
–––––––––––––––––––––––––––––––––––––––––––––––––– */ 

.web { display:block;}
.tablet { display:none;}
.tabletymobile { display:none;}
.smart { display:block;}
.mobileyweb { display:block; }
	
}

@media (min-width: 800px) { 
}
@media (min-width: 960px) { 
}
@media (min-width: 1000px) {

}

@media (min-width: 1200px) {
	
}
@media (min-width: 1800px) {

}
/* CSS Document */
input, select{
    border: 2px solid white;
    transition: border .3s ease-in-out;
}
input.error, select.error{
    border: 2px solid #ff4163;
}

.control-container{
    position: relative;
}

label.error{
    position: absolute;
    top: 17px;
    right: 10px;
    color: red;
}