@font-face {
	font-family:"Brannboll Fet";
	src:url("../fonts/Brannboll_Fet/bollFet.eot?") format("eot"),
	url("../fonts/Brannboll_Fet/BrannbollFet.woff") format("woff"),
	url("../fonts/Brannboll_Fet/BrannbollFet.ttf") format("truetype"),
	url("../fonts/Brannboll_Fet/BrannbollFet.svg#BrannbollFet") format("svg");
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:"Open Sans Light";
	src:url("../fonts/OpenSans-Light.eot?") format("eot"),
	url("../fonts/OpenSans-Light.woff") format("woff"),
	url("../fonts/OpenSans-Light.ttf") format("truetype"),
	url("../fonts/OpenSans-Light.svg#OpenSans-Light") format("svg");
	font-weight:normal;
	font-style:normal;
	}

@font-face {
	font-family:"Ubuntu Condensed";
	src:url("../fonts/Ubuntu-C.eot?") format("eot"),
	url("../fonts/Ubuntu-C.woff") format("woff"),
	url("../fonts/Ubuntu-C.ttf") format("truetype"),
	url("../fonts/Ubuntu-C.svg#UbuntuCondensed-Regular") format("svg");
	font-weight:normal;
	font-style:normal;
	}
	
@font-face {
	font-family:"Brannboll Fet";
	src:url("../fonts/BrannbollFet.eot?") format("eot"),
	url("../fonts/BrannbollFet.woff") format("woff"),
	url("../fonts/BrannbollFet.ttf") format("truetype"),
	url("../fonts/BrannbollFet.svg#BrannbollFet") format("svg");
	font-weight:normal;
	font-style:normal;
	}
	
@font-face {
	font-family:"Open Sans";
	src:url("../fonts/OpenSans-Regular.eot?") format("eot"),
	url("../fonts/OpenSans-Regular.woff") format("woff"),
	url("../fonts/OpenSans-Regular.ttf") format("truetype"),
	url("../fonts/OpenSans-Regular.svg#OpenSans") format("svg");
	font-weight:normal;
	font-style:normal;
	}

#contenedor{
	width:100%;
	overflow:hidden;
	z-index:9999;
	position:relative;
	}
.pad{
	padding-left:0px;
	padding-right:0px;
	}
.clear{
	clear:both;
	}
#intro{
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 10px 0px 10px #000;
	margin-top: 15%;
	display: block;
	position: relative;
}
#entrar{
	background: url(../img/entrar.png) no-repeat bottom;
	background-size:contain;
	position: absolute;
	top: -90px;
	width: 15%;
	height: 90px;
	left: 43%;
}
#menu{
  padding-bottom: none;
  background: transparent;
  width: 100%;
  float:right;
  position: relative;
  margin-bottom:0px;
  border: none;
  margin-top: 72px;
}
#navbar a{
  color: #0e3650;
  font-size: 14px;
  float: left;
  position: relative;
  padding:10px 30px;
	border-left: solid 1px #a7a7a7;
	text-transform: uppercase;
	text-align: center;
	min-height: 71px;
}
#navbar a:hover{
  color: #66c2e8;
  text-decoration: none;
}
#navbar .selec{
  color: #66c2e8;
  text-decoration: none;
}
nav .me{
  text-align:center;
  margin:auto;
  padding-bottom: 4px;
  display: block;
  color: #888;
}
.navbar-toggle .icon-bar{
  width: 38px;
}
#banner{
	background: url(../img/bg.jpg) no-repeat center top;
	background-size: cover;
}
.forma{
	width: 100%;
	position:relative;
	float: left;
	background: url(../img/forma.png);
	height:12px;
	margin-top:-12px;
	z-index: 9999;
}
footer{
	background:#004E6C;
	color: #fff;
	padding: 15px 0px;
	text-align: center;
	line-height: 20px;
	font-size:15px;
}
#fb{
	display:inline-block;
	background: url(../img/redes.png) top left no-repeat;
	width: 40px;
	height: 40px;
}
#fb:hover{
	background: url(../img/redes-h.png) top left no-repeat;
}
#tw{
	display:inline-block;
	background: url(../img/redes.png) top right no-repeat;
	width: 40px;
	height: 40px;
}
#tw:hover{
	background: url(../img/redes-h.png) top right no-repeat;
}
#web{
	color: #fff;
	background: url(../img/web.png) no-repeat right;
	font-size: 16px;
	text-decoration: none;
	margin-top: 15px;
	position: relative;
	padding-right: 145px;
	display: inline-block;
}
#web:hover{
	background: url(../img/web-h.png) no-repeat right;
}
#home{
	background: #dde2e9;
}
.home{
	background: #FFF;
	font-family:"Open Sans";
}
#carousel-home{
	margin-top: 70px;
	margin-bottom: 40px;
}
.home-s{
	float: left;
	position: relative;
	background: #01C2EB;
	border:1px dotted #01C2EB;
}

.slogan h1{
	font-family:"Open Sans Light";
	
}

.frase h1{
	font-family:font-family:"Open Sans";
	font-size:28px;
}

.home-s span{
	background:#01C2EB;
	color: #FFF;
	padding: 5px;
	width: 100%;
	float: left;
	position: relative;
}
.home-s:hover img{
	opacity: .4;
}
#prev-home{
	background: none;
	color: #000;
	width: 30px;
}

#prev-home:hover{
	color:#01C2EB;
}
#next-home{
	background: none;
	color: #000;
	width: 30px;
}

#next-home:hover{
	color:#01C2EB;
}
.carousel-control{
	font-size:40px;
	top: 40%;
}

#frase-home{
	background:url(../img/bg-home.jpg) no-repeat center;
	background-size: cover;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	color: #FFF;
	padding-top: 100px;
	padding-bottom: 30px;
	font-size: 28px;
	margin-top: -80px;
}
#top{
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	font-weight: normal;
	border-top: solid 1px #71c7e7;
	margin-top: 20px;
	padding-top: 80px;
}
#triangulo path {
  fill: #FFF;
  stroke: #FFF;
  stroke-width: 2;
}
.comilla-l{
	font-family:"Brannboll Fet";
	color: #234f6b;
	font-size:104px;
	position: absolute;
	left: 23%;
}
.comilla-r{
	font-family: "Brannboll Fet";
	color: #234f6b;
	font-size: 104px;
	position: absolute;
	right: 24%;
}
.banner-text{
	margin-top: 129px;
}
.banner-text h1{
	color: #FFF;
	font-family:"Open Sans Light";
	font-size: 31px;
}
.banner-text h2{
	color: #FFF;
	font-family:"Open Sans Light";
	font-size: 20px;
}
.banner-text h3{
	color: #66c2e8;
	font-family:"Ubuntu Condensed";
	font-size: 29px;
	text-transform: uppercase;
	border-top: solid 1px #66c2e8;
	margin-top: 10px;
}
.banner-img{
	margin-top:73px;
}
#banner .carousel-indicators{
	background: url(../img/indicators.png) center 6px repeat-x;
	width: auto;
	bottom: 19px;
}
#banner .carousel-indicators li{
	margin-right: 30px;
	width: 15px;
	height: 15px;
	background-color: #FFF;
}
#banner .carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 0px;
    background-color: #66c2e8;
		margin-right: 30px;
}
#top-c{
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	font-weight: normal;
	border-top: solid 1px #71c7e7;
	margin-top: 20px;
	padding-top: 20px;
}
#top-c h1{
	text-align: center;
	font-family:"Open Sans";
	text-transform: uppercase;
	font-size: 32px;
	color: #66c2e8;
	margin-bottom: 15px;
}
#valores-t{
	background:url(../img/valores.jpg) no-repeat center;
	background-size: cover;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	color: #FFF;
	padding-top: 100px;
	padding-bottom: 30px;
	font-size: 28px;
	margin-top: -80px;
}
#valores{
	padding: 40px 0px;
}
#valores .carousel-indicators{
	bottom: 10px;
}
#valores .carousel-indicators li{
	width: 15px;
	height: 15px;
	background-color: #234f6b;
}
#valores .carousel-indicators .active {
  width: 15px;
  height: 15px;
  background-color: #6ec5e9;
}
#valores p{
	margin-top: 30px;
	font-size:14px;
}
.valor1{
	text-align:center;
	padding: 46px 20px;
	height: same-as-width;
	color:#fff;
background: rgb(0,197,235); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(0,197,235,1) 0%, rgba(178,228,244,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,197,235,1) 0%,rgba(178,228,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(0,197,235,1) 0%,rgba(178,228,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c5eb', endColorstr='#b2e4f4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
height:220px;
}

.valor2{
	text-align:center;
	padding: 46px 20px;
	height: same-as-width;
	color:#FFF;
	background: rgb(1,117,142); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(1,117,142,1) 0%, rgba(134,187,201,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(1,117,142,1) 0%,rgba(134,187,201,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(1,117,142,1) 0%,rgba(134,187,201,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01758e', endColorstr='#86bbc9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
height:220px;

}

.valor3{
	text-align:center;
	padding: 46px 20px;
	height: same-as-width;
	color:#FFF;
	background: rgb(0,78,108); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(0,78,108,1) 0%, rgba(132,165,182,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,78,108,1) 0%,rgba(132,165,182,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(0,78,108,1) 0%,rgba(132,165,182,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004e6c', endColorstr='#84a5b6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
height:220px;
}


#quienes{
	text-align: left;
}
#quienes h1{
	text-align: left;
	margin-top: 50px;
}
#quienes p{
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
}
#prev2{
	background:url(../img/arrows.png);
	top: auto;
	width: 40px;
	height: 40px;
	opacity: 1;
	position: absolute;
	bottom: -63px;
	left: 46%;
}
#next2{
	background:url(../img/arrows.png) right;
	top: auto;
	width: 40px;
	height: 40px;
	opacity: 1;
	position: absolute;
	bottom: -63px;
	right: 46%;
}
#productos{
	background: url(../img/bg-productos.jpg) bottom center;
	padding-top: 100px;
	margin-top: -82px;
	padding-bottom: 50px;
	background-size: cover;
}
#productos h1{
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-size: 28px;
	color: #234f6b;
}
.nav-tabs {
		border: none;
}
.title-pro{
	text-align: center;
	margin-bottom: 30px;
}
.title-pro h1{
	display: inline-block;
	vertical-align: middle;
}
.title-pro img{
	display: inline-block;
	vertical-align: middle;
}
.productos{
	position: relative;
	border: solid 1px #71c7e7;
	background: #71c7e7;
	display: block;
}
.productos span{
	background:#01C2EB;
	color: #FFF;
	padding: 5px;
	width: 100%;
	float: left;
	position: relative;
}
.productos:hover span{
	background: #234f6b;
}
.productos:hover img{
	opacity: .4;
}
.btn-pro{
	border: none;
	width: 100%;
}
.line{
	height: 2px;
	background: #000;
	width: 100%;
	float: left;
	position: relative;
	margin-top: 10px;
}
.ico1{
	background: url(../img/ceras/ico1.png) no-repeat center;
	width: 100%;
	height: 90px;
	float: left;
	position: relative;
	background-size: contain;
}

.ico2{
	background: url(../img/ico/ico2.png) no-repeat center;
	width: 100%;
	height: 90px;
	float: left;
	position: relative;
	background-size: contain;
}

.ico3{
	background: url(../img/ico/ico3.png) no-repeat center;
	width: 100%;
	height: 90px;
	float: left;
	position: relative;
	background-size: contain;
}

.ico4{
	background: url(../img/ico/ico4.png) no-repeat center;
	width: 100%;
	height: 90px;
	float: left;
	position: relative;
	background-size: contain;
}

.ico5{
	background: url(../img/ico/ico5.png) no-repeat center;
	width: 100%;
	height: 90px;
	float: left;
	position: relative;
	background-size: contain;
}

.ico6{
	background: url(../img/ico/ico6.png) no-repeat center;
	width: 100%;
	height: 90px;
	float: left;
	position: relative;
	background-size: contain;
}

.ico7{
	background: url(../img/ico/ico7.png) no-repeat center;
	width: 100%;
	height: 90px;
	float: left;
	position: relative;
	background-size: contain;
}

.text-pro{
	width: 100%;
	float: left;
	position: relative;
	padding-top: 8px;
	padding-bottom: 10px;
	text-align: center;
	margin-top:3px;
	color:#000;
	font-size:16px;
	line-height:16px;
}


.text-pro:hover{
	background: #234f6b;
	color: #FFF;
}

.nav > li > a:hover{
	background: RGBA(176, 203, 220, 0.27);
	border: none;
	margin-right: none;
	height:159px;
}
.nav > li > a{
	border: none;
	
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover{
	border: none;
	
}
#productos .carousel-indicators{
	bottom: -30px;
}
#productos .carousel-indicators li{
	width: 15px;
	height: 15px;
	background-color:none;
	border-radius: 0px;
	text-indent:inherit;
	color: #fff;
	font-size: 12px;
}
#productos .carousel-indicators .active {
  width: 15px;
  height: 15px;
  background-color: #234f6b;
}
.caption-pro{
  background: #71C7E7 none repeat scroll 0% 0%;
  color: #FFF;
  padding: 5px;
  width: 100%;
  float: left;
  position: relative;
  text-align: left;
}
#pro-int{
	text-align: left;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
}
#pro-int h1{
	color: #FFF !important;
	text-decoration: underline;
	font-size: 20px;
	text-align: left;
}
#pro-int h2{
	margin-top: 30px;
	color: #FFF;
}
#pro-int p{
	margin-top: 20px;
	color: #234f6b;
	text-align: justify;
	font-size: 14px;
	line-height:18px;
}
#img-pro{
	margin-top: 30px;
}
.volver{
	float: right;
	position: relative;
	text-align: center;
	width: 100px;
	background: #234f6b;
	color: #FFF;
	font-size: 14px;
	padding: 5px 0px;
}
.volver:hover{
	color: #FFF;
}
.title-pro2{
	text-align: center;
	margin-top: 20px;
}
.title-pro2 h2{
	display: inline-block;
	vertical-align: middle;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-size: 28px;
	color: #234f6b;
}
.title-pro2 img{
	display: inline-block;
	vertical-align: middle;
}
.parafinas1{
	background: url(../img/parafinas/1.png) no-repeat center;
	width: 120px;
	height: 120px;
	float: left;
	position: relative;
	background-size: cover;
}
.btn-para:hover .parafinas1{
	background: url(../img/parafinas/1-h.png) no-repeat center;
	background-size: cover;
}
.text-para{
	border-bottom: solid 2px #000;
	padding-bottom: 5px;
	float: left;
	position: relative;
	margin-left: 15px;
	margin-top: 20px;
	color: #000 !important;
}
.btn-para{
	border: none !important;
}
.btn-para:hover .text-para{
	color: #66c2e8 !important;
	border-bottom: solid 2px #66c2e8;
}
.active .parafinas1{
	background: url(../img/parafinas/1-h.png) no-repeat center;
	background-size: cover;
}
.active .text-para{
	color: #66c2e8 !important;
	border-bottom: solid 2px #66c2e8;
}
#parafinas{
	background: url(../img/parafinas/bg.jpg) bottom center;
	padding-top: 100px;
	margin-top: -82px;
	padding-bottom: 85px;
	background-size: cover;
}
.texto-parafina{
	text-align: left;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
}
.texto-parafina h1{
	color: #66c2e8 !important;
	text-decoration: underline;
	font-size: 20px;
	text-align: left;
}
.texto-parafina h2{
	margin-top: 30px;
	color: #66c2e8;
}
.texto-parafina p{
	margin-top: 20px;
	color: #FFF;
	text-align: justify;
	font-size: 14px;
	line-height:18px;
}
.title-para{
	width: 100%;
	padding-bottom:5px;
	border-bottom: solid 1px #FFF;
	text-transform: uppercase;
	margin-bottom: 20px;
	color: #FFF;
	padding-left: 20px;
	font-size: 25px;
}
#prev3{
	background:url(../img/arrows.png);
	top: auto;
	width: 40px;
	height: 40px;
	opacity: 1;
	position: absolute;
	bottom: -53px;
	left: 40%;
}
#prev3:hover{
	background:url(../img/arrows-h.png);
}
#next3{
	background:url(../img/arrows.png) right;
	top: auto;
	width: 40px;
	height: 40px;
	opacity: 1;
	position: absolute;
	bottom: -53px;
	right: 38%;
}
#next3:hover{
	background:url(../img/arrows-h.png) right;
}
#formulario{
	margin-bottom:20px;
	text-align: left;
	}
#formulario h2{
  margin-top: 5px;
  font-family: 'Open Sans', sans-serif;
  margin-left: 5px;
	font-size: 18px;
	}
#formulario input{
	width:100%;
	background-color:#000;
	color:#fff;
	border:none;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	padding:5px;
	}
#formulario textarea{
	width:100%;
	background-color:#000;
	color:#fff;
	border:none;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	padding:5px;
	height:100px;
	margin-bottom:7px;
	}
#enviar{
	width:90px !important;
	cursor:pointer;
	position:relative;
	float:left;
	font-size:16px !important;
	color:#FFF !important;
	text-align:center;
	margin-top:10px !important;
	margin-bottom:0px !important;
	padding:7px 0px !important;
	background: #66c2e8!important;
	}
#enviar:hover{
  background: #000 !important;
	}
#borrar{
	width:90px !important;
	cursor:pointer;
	position:relative;
	float:left;
	font-size:16px !important;
	color:#FFF !important;
	text-align:center;
	margin-top:10px!important;
	margin-bottom:0px !important;
	padding:7px 0px !important;
	margin-left: 15px;
	background: #66c2e8!important;
	}
#borrar:hover{
  background: #000 !important;
	}
#map{
	height:315px;
	margin-top:30px;
	margin-bottom: 40px;
	}
#ampliar{
  color: #fff ;
  text-align: center;
  padding:5px;
	position:absolute;
	bottom:20px;
  right: 20px;
  background: #2b4885;
  text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	}
#ampliar:hover{
  background: #000;
	}
	.borde{
		border-bottom: solid 1px #FFF;
		padding-bottom: 10px;
	}
#contacto h1{
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-size: 28px;
	color: #66c2e8;
}
#contacto p{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-align: left;
	margin-top: 20px;
	line-height: 18px;
}

.modal-open .modal{
	background:rgba(0, 0, 0, 0.8);
	z-index:9999999999;
}

.modal-content{
	background-color:transparent;
	box-shadow:none;
	border:none;
}

.close {
    float: right;
    font-size: 65px;
    font-weight: 700;
    line-height: 1;
    color: #00C2EA !important;
    text-shadow: 0 1px 0 #fff;
    opacity: 3.2;
}




@media (max-width:400px) and (min-width: 300px){
	#banner .carousel-indicators{
		bottom:176px;
	}
	#banner .carousel-indicators .active{
		margin-right:19px;
	}
}

@media (max-width:500px) and (min-width: 400px){
	#banner .carousel-indicators{
		bottom:283px;
	}

}

@media (max-width: 800px){
	.navbar-header {
	    float: none;
	}
	.navbar-left,.navbar-right {
	    float: none !important;
	}
	.navbar-toggle {
	    display: block;
	}
	.navbar-collapse {
	    border-top: 1px solid transparent;
	    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
	    top: 0;
	    border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
	    display: none!important;
	}
	.navbar-nav {
	    float: none!important;
	    margin-top: 7.5px;
	}
	.navbar-nav>li {
	    float: none;
	}
	.navbar-nav>li>a {
	    padding-top: 10px;
	    padding-bottom: 10px;
	}
	.collapse.in{
	    display:block !important;
	}
	#contenido{
	  margin-top: 0px;
	}
	#navbar li {
	   width: 100%;
	 }
	#navbar a{
	  width: 100%;
	  text-align: left;
	}
	#menu {
    margin-top: 10px;
	}
	#prev2 {
    left: 33%;
	}
	#next2 {
    right: 35%;
	}
	.texto-parafina {
    margin-top: 65px;
	}
	#prev3 {
    left: 30%;
	}
	#next3 {
    right: 30%;
	}
	#intro {
    margin-top: 33%;
	}
	#entrar {
    width: 34%;
    left: 34%;
}

.banner-text h1{
	font-size:25px;
}

.banner-text h2{
	font-size:18px;
}

.banner-text h3{
	font-size:25px;
}
.banner-text{
	margin-top:58px;
}

.comilla-l{
	left:5%;
}

.comilla-r{
	right:7%;
}

#valores p{
	font-size:13px;
}

}


@media (max-width: 850px) and (min-width: 800px){
	
	#navbar a{
		padding:10px 20px;
	}
	
	.banner-text{
		margin-top:56px;
	}
	
	.banner-text h1{
		font-size:26px;
	}
	
	
	.comilla-l{
	left:7%;
	}
	
	.comilla-r{
		right:8%;
	}
	
	#prev2{
		left:45%;
	}
	
	#next2{
		right:42%;
	}
	
	#valores p{
		font-size:10px;
		margin-top:22px;
	}
	
}



@media (max-width:900px) and (min-width: 850px){
	
	#navbar a{
		padding:10px 20px;
	}
	
	.banner-text{
		margin-top:56px;
	}
	
	.banner-text h1{
		font-size:26px;
	}
	
	.comilla-l{
	left:9%;
	}
	
	.comilla-r{
		right:10%;
	}
	
	#prev2{
		left:45%;
	}
	
	#next2{
		right:42%;
	}
	
	
	#valores p{
		font-size:10px;
		margin-top:22px;
	}
}


@media (max-width: 1000px) and (min-width: 900px){
	
	#navbar a{
		padding:10px 20px;
	}
	
	.banner-text{
		margin-top:56px;
	}
	
	.banner-text h1{
		font-size:26px;
		color:#0f0;
	}
	.comilla-l{
	left:11%;
	}
	
	.comilla-r{
		right:12%;
	}
	
	#prev2{
		left:45%;
	}
	
	#next2{
		right:42%;
	}
	
	
	
	#valores p{
		font-size:10px;
		margin-top:22px;
	}
}

@media (max-width: 1115px) and (min-width: 1000px){
	
	#navbar a{
		padding:10px 20px;
	}
	
	.banner-text{
		margin-top:56px;
	}
	
	.banner-text h1{
		font-size:26px;
		color:#0f0;
	}

	
	.comilla-l{
	   left:16%;
	}
	
	.comilla-r{
		right:17%;
	}
	
	#valores p{
		font-size:10px;
		margin-top:22px;
	}
}

@media (max-width: 1200px) and (min-width: 1115px){
	
	#navbar a{
		padding:10px 20px;
	}
	
	.banner-text{
		margin-top:56px;
	}
	
	.banner-text h1{
		font-size:26px;
		color:#0f0;
	}
	
	.carousel-indicators{
		margin-left:-46%;
	}
	
	.comilla-l{
	   left:19%;
	}
	
	.comilla-r{
		right:20%;
	}
}




@media (max-width: 1300px) and (min-width: 1200px){
	
	#navbar a{
		font-size:13px;
		padding:10px 14px;
	}	
	
	.banner-text{
		margin-top:72px;
	}
	
	.banner-text h1{
		font-size:28px;
	}
	
	#navbar a{
		padding:10px 17px;
	}
	.comilla-l{
	left:17%;
	}
	
	.comilla-r{
		right:18%;
	}
}



@media (max-width: 1500px) and (min-width: 1200px){
	
	#navbar a{
		font-size:13px;
		padding:10px 14px;
	}	
	
	.banner-text{
		margin-top:72px;
	}
	
	.banner-text h1{
		font-size:28px;
	}
	
	#navbar a{
		padding:10px 17px;
	}
	.comilla-l{
	left:17%;
	}
	
	.comilla-r{
		right:18%;
	}
}


@media (max-width: 1980px) and (min-width: 1500px){
	#navbar a{
		padding:10px 28px;
	}

	.modal-dialog {
		width:712px;
	    margin: 44px auto;
    }

}