@import url(./font-awesome.css);

body .clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; 
}
.row .clearfix {
  display: inline-block; 
}
.row html[xmlns] .clearfix {
  display: block; 
}
.row * html .clearfix {
  height: 1%; 
}
* {
  box-sizing: border-box;
}

html, body, .container, section {
  width: 100%;
}

html{
  overflow-x: hidden;
  height: 100%;
}

div[class^="col-"] {
  float: left; 
}
body {
  width: 100%;
  margin: 0;
  padding: 0;
  min-height: 100%;
  -webkit-touch-callout: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  overflow: hidden;
}
body header {
  width: 100%;
  height: 60px;
  background: #c21b17;
  position: fixed;
  z-index: 99; 
}
body header #mainNav {
  height: 100%;
  background: #c21b17;
  float: left;
  position: relative; 
}
body header #mainNav span {
  font-size: 25px;
  line-height: 2.4em;
  color: white;
  text-align: center;
  display: block; 
}
body header #topBar {
  float: left;
  position: relative; 
}
body header #topBar a {
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 15px;
  padding-right: 230px; 
}
body header #topBar a .icon-chevron-left {
  font-size: 25px;
  line-height: 2.4em;
  color: white;
  display: block; 
}
body header #topBar .title {
  line-height: 3.6em;
  color: white;
  text-align: left;
  display: block;
  text-indent: 39px;
  font-size: 16px; 
}
body header #topBar #logoDetail {
  position: absolute;
  top: 5px;
  right: 9px; 
}
body header #mainNav span {
  font-size: 25px;
  line-height: 2.4em;
  color: white;
  text-align: center;
  display: block;}
  @media (min-width: 1024px){
    body header #mainNav span{
      display: none;
    }
  }

.col-2-10 {
  width: 20%;
}
.col-8-10 {
  width: 80%;
}

.col-5-10 {
  width: 50%;
}

.col-1-10 {
  width: 54%;
}

.col-3-10 {
  width: 46%;
}

.imagenSeguro{
	background : url("../img/01_GENERALI_contacta_blanco.png") no-repeat;
}

header #logo_generali {
  display: block; }

header .logo {
  width: 50px;
  position: fixed;
  top: 5px;
  left: 50%;
  margin-left: -25px; 
}
header .rightLogo {
  width: auto;
  position: absolute;
  top: 5px;
  right: 9px;
  left: auto;
  margin-left: 0; 
}

.configIco {
  display: none; }
  
  @media screen and (min-width: 1024px) {
    .configIco {
      float: right;
      line-height: 59px;
      font-size: 28px;
      margin-right: 15px;
      color: white;
      display: block; 
    } 
  }