body, html { max-width: 1280px; position: relative; margin: 0 auto; font-family: 'pantonlight_caps'; width: 100%; height: auto; font-size: 16px; }

h1, h2, h3, h4, h5 { font-family: 'pantonblack_caps'; }

h1 { font-size: 28px; font-weight: normal; }
span { font-size: 22px;}

.navbar { background: none; border: none; z-index:999999999999999999999999;}

ul {  padding: 40px 0 0 0!important;  }
ul li {  padding: 0 !important; }
ul li a { font-size: 16px; color: #fff !important; font-family: 'pantonblack_caps'; font-weight: normal; padding: 5px	 !important;  margin: 5px 40px 0 0!important;   }
ul li a:hover { color:#f37c2f !important;  }




.navbar-brand img { width: 250px; margin-top: 40px;  }


section { width: 100%; min-height: 745px; margin: 0 auto; position: relative;  }
.section { width: 100%; min-height: 745px; margin: 0 auto; }
.next { position: absolute; }
.avatar { width: 50px; height: 50px; float: left; margin: 5px; border:white solid 1px; }
.img-responsive { width: 100%; }

.white { color:white; }
.alto  { text-transform: uppercase; }
.azul  { color: #215193; }
.azul_  { background: #215193; height: 120px; }

#in1 {  background: url(../imagenes/pleca-nar-in1.png) no-repeat ; background-size: cover; background-position:650px 100px; }
#in2 {  background: url(../imagenes/pleca-azul-in1.png) no-repeat ;  background-position:left bottom;  }
.box1 { width: 100%; height: 300px; }
.box2 { width: 100%; height: 200px; }

#in3 {  background: url(../imagenes/fn.jpg) ;  }
#in4 {  background: url(../imagenes/pleca-azul-in2.png) no-repeat ;  background-position:left top; }

#in5 {  background: url(../imagenes/fondo_azul.png) ; color:#F37D30; padding: 100px 0;  }
#in5 p { color:#fff; font-family: 'pantonlight_caps'; font-size: 30px; }
#in5 #titulo_ { font-size: 2em; padding-top: 70px; color:#F37D30;width: auto; font-family: 'pantonblack_caps' !important;  }
#in5 #titulo_>span { font-size: 50px; color:#fff;  }
#in5 h2 { font-size: 40px;   }

#in7 {  background: #fff;   }
#contacto h1 { font-size: 40px; }
#contacto p { margin-left: 25px; }
#contacto .remate { font-size: 25px; margin-bottom: 70px;  }
#contacto .remate_ { font-size: 25px; margin-bottom: 70px; margin-left: -25px;  font-family: 'pantonblack_caps';  }
#aviso { position: none; margin-top: 40px; width: 100%; background:#F37D30;  font-size: 16px; color: white; font-weight: bold; height: 40px; vertical-align: middle; padding-top: 10px;  }
.ajuste { width: 100%; height: 300px; }
.maps { font-family: 'pantonblack_caps'; color:#F37D30;  font-size: 22px; }
.maps img { margin-right: 10px; }
input { border: #215193 solid 2px; background: none; width: 80% !important; margin-bottom: 10px; }
textarea { border: #215193 solid 2px; background: none; width: 80% !important; display: block; height: 50px; margin-bottom: 10px; resize:none; }
.enviar { width: auto !important; padding: 5px; }

.carousel {  width: 80%;  position: absolute; top: 0; left: 20%;  }
.carousel img {  width: 100%;  height: 600px;  margin-right: 0px;  background: #fff;  }
.carousel-cell:before {  display: block;  text-align: center;  content: counter(gallery-cell); 
    line-height: 200px;  font-size: 80px;  color: white; }

.combi { float: right; margin-top: -100px; }

/* Custom, iPhone Retina */ 
    @media only screen and (max-width : 760px) {


.navbar-collapse { background:#215193 ; margin-top: 10px; }
.navbar-toggle { border: none; }
.navbar-toggle:hover { border: none; background: none; }
.navbar-default .navbar-toggle .icon-bar { background-color:none; }
.navbar-default .navbar-toggle:hover .icon-bar { background-color: red; }

}

   @media only screen and (max-width : 960px) {
.navbar {background: url(../imagenes/fondo_azul.png) ;}
   	ul {  padding: 10px 0 !important; }
ul li {  padding: 0 !important; }
ul li a { font-size: 13px; font-weight: bold; padding: 5px	 !important;  margin: 5px 5px 0 0!important;   }
ul li a img { margin-top: -5px; }
.navbar-brand img { width: 120px; margin-top: 10px; }

#in1 {  background: url(../imagenes/pleca-nar-in1.png) no-repeat ; background-size: cover; background-position:350px 100px; }
#in2 {  background: url(../imagenes/pleca-azul-in1.png) no-repeat ;  background-position:-300px bottom;  }
#in4 {  background: url(../imagenes/pleca-azul-in2.png) no-repeat ;  background-position:-300px  top; }
.carousel {  width: 100%;  position: absolute; top: 0; left: 0%;  }
.box1 { width: 100%; height: 500px; }

   }

   @media only screen and (max-width : 760px) {

   	ul {  padding: 10px 0 !important; }
ul li {  padding: 0 !important; }
ul li a { font-size: 18px; font-weight: bold; padding: 5px	 !important;  margin: 5px 5px 0 0!important;   }
ul li a img { margin-top: -5px; }
.navbar-brand img { width: 100px; }


input { border: #215193 solid 2px; background: none; width: 100% !important; margin-bottom: 10px; }
textarea { border: #215193 solid 2px; background: none; width: 100% !important; height: 50px; margin-bottom: 10px; resize:none; }

form { margin-bottom: 50px; }

#in1 {  background: url(../imagenes/pleca-nar-in1.png) no-repeat ; background-size: cover; background-position:0px 100px; }
#in2 {  background: url(../imagenes/pleca-azul-in1.png) no-repeat ;  background-position:-300px bottom;  }
#in4 {  background: url(../imagenes/pleca-azul-in2.png) no-repeat ;  background-position:-300px  top; }

   }


/* Custom, iPhone Retina */ 
    @media only screen and (max-width : 480px) {


        .hidden-sm { display: none; }
        .carousel {  width: 99.5% !important;  position: absolute; top: 0; left: 0%;  }
        .carousel img {  width: 99.5%;  height: 275px;  margin-right: 0px; margin-top: 50px;  background: #8C8; counter-increment: gallery-cell; }
        .carousel-cell:before {  display: block;  text-align: center;  content: counter(gallery-cell); 
            line-height: 200px;  font-size: 80px;  color: white; }
        #in1 { margin-top: -275px; background-position: right 255px;    }
        #in2 {  background: url(../imagenes/pleca-azul-in1.png) no-repeat ; background-size: 200%; background-position:0 300px; margin-top: 250px; padding-top: 100px;  }
#in4 {  background: url(../imagenes/pleca-azul-in2.png) no-repeat ;  background-position:left bottom; background-size: 1440px; }
        #in5 p { color:#fff; font-family: 'pantonlight_caps'; font-size: 30px; }
        #in5 h1 { font-size: 20px; padding-top: 70px; color:#F37D30;  }
        #in5 h1>span { font-size: 16px; color:#fff;  }
        #in5 h2 { font-size: 40px;   }
        .ajuste { width: 100%; height: 50px; }
        form { margin-bottom: 100px;  }
        .esconde { display: none; }

        .navbar-brand img { width: 150px; margin-top: -5px; }
        #contacto { position: none; padding-top: 90px; height: auto !important; margin-top: 0; padding-bottom: 0px; }

}