/*--------------Reset CSS--------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}nav ul{list-style:none;}ol{list-style:decimal;}ul{list-style:disc;}ul ul{list-style:circle;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}ins{text-decoration:underline;}del{text-decoration:line-through;}mark{background:none;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input[type=submit],input[type=button],button{margin:0!important;padding:0!important;}input,select,a img{vertical-align:middle;}


/*--------------Integracion BOOTRSTRAP--------------*/
.navbar-custom .navbar a {
	cursor: pointer;
}
.navbar-custom {    
    margin-top: 15px;
    margin-bottom: 20px;
    height: 66px;
    border: 0px !important;
    background-color: #fff;
}
.navbar-custom a {
	font-family: 'PT Sans Narrow', sans-serif;
}
.navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus {
	font-weight: bold;
	background-position: 50% -6px;
}
.navbar-custom .navbar-nav > .open > a, .navbar-custom .navbar-nav > .open > a:hover, .navbar-custom .navbar-nav > .open > a:focus  {
	background-color: transparent;
	font-weight: bold;
}
.navbar-custom .navbar-link {
	height: 66px;
	padding-top: 13px;
}
.navbar-custom .navbar-toggle {
	margin-top: 17px !important;
	margin-right: 10px !important;
	border-color: transparent;
}
.navbar-custom .navbar-toggle:hover, .navbar-custom .navbar-toggle:focus {
	background-color: transparent;
}
@media (max-width: 768px) {
	.navbar-custom .navbar-brand img {
		height: 100%;
	}
	.navbar-custom {
		height: 100%;
	}
	.navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus {
		background: transparent;
	}
	.navbar-custom .navbar-link {
		height: 100% !important;
		padding-top: 0 !important;
	}
}
.row {
	margin-right: 0;
    margin-left: 0;
}
.text-importante {
	font-weight: bold;
}
.upper {
	text-transform: uppercase;
}
/* Animacion */
.sample-show-hide {
	padding: 10px;
}
.sample-show-hide {
	transition: all linear 0.5s;
}
.sample-show-hide.ng-hide {
	opacity: 0;
}
body {
	font-family: 'PT Sans Narrow', sans-serif;
}


/* ------------------- GENERAL ---------------------- */
.fullscreen {
	height: 100vh;
	min-height: 600px;
}
body {
	-webkit-background-size: cover;
	background-size: cover;
}
.hide {
	display: none !important;
}
.pointer:hover {
	cursor: pointer;
}
ul {
	list-style: none;
}


/* ------------------- ROW ---------------------- */
.row {
	width: 100%;
	display: block;
}
.col-xs-12 {
	width: 100%;
	float: left;
}
.col-md-4 {
	width: 33.3%;
	float: left;
}
.text-center {
	text-align: center;
}
.text-important {
	border: 1px solid #000;
	background-color: blue;
	color: #fff;
	padding: 10px;
}
body p {
	color: #dcdcdc;
}
.text-titulo {
	color: #dcdcdc;
	font-weight: normal;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 25px;
	padding-bottom: 15px;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 15px;
}
.text-center a {
	color: #dcdcdc !important;
}


/* ------------------- QUE INCLUYE ---------------------- */
#queincluye {
	margin: 0 auto;
	margin-top: 50px;
}


/* ------------------- QUIERO UNO ---------------------- */
#quierouno {
	width: 50%;
	margin: 0 auto;
	margin-top: 50px;
}


/* ------------------- HOME ---------------------- */
/* p {
	font-family: 'Open Sans Condensed', sans-serif;
	font-family: 'Open Sans', sans-serif;
	font-family: 'News Cycle', sans-serif;
	font-family: 'PT Sans Narrow', sans-serif;
}*/
.body-home {
	background: transparent url("../img/amibote/fondo.jpg") no-repeat;
	background-size: 100% 100%;
}
#home {
	margin-top: 95px;
}
.row-home-top {
	height: 100px;
	width: 90%;
	margin: 0 auto;
	margin-top: 30px;
}
.text-home-top-left {
	width: 220px;
	font-family: 'News Cycle', sans-serif;
	margin-top: 10px;
	font-size: 14px;
	line-height: 20px;
	
}
.redes {
	text-align: right;
	margin-top: 10px;
}
.redes img {
	margin-left: 10px;
}
.botonera{
	text-align: right !important;
	margin-top: 27px;
}
.botonera span {
	margin-left: 30px;
}
.botonera span:hover {
	text-decoration: underline;
}


/* ------------------- HOME PLX ---------------------- */
.container {
	width: 100vw;
	height: 100vh;
	overflow: auto;
}
.ola-1 {
	position: absolute;
	margin-left: -10%;
	background: transparent url("../img/amibote/ola1.png") repeat-x;
	width: 10000px;
	height: 200px;
}
.ola-2 {
	position: absolute;
	margin-left: -10%;
	margin-top: -20px;
	background: transparent url("../img/amibote/ola2.png") repeat-x;
	width: 10000px;
	height: 200px;
}
.ola-3 {
	position: absolute;
	margin-left: -20%;
	margin-top: -30px;
	background: transparent url("../img/amibote/ola3.png") repeat-x;
	width: 10000px;
	height: 200px;
}
.ola-4 {
	position: absolute;
	margin-left: -30%;
	margin-top: -40px;
	background: transparent url("../img/amibote/ola4.png") repeat-x;
	width: 10000px;
	height: 200px;
}
.ola-5 {
	position: absolute;
	margin-left: -40%;
	margin-top: -50px;
	background: transparent url("../img/amibote/ola5.png") repeat-x;
	width: 10000px;
	height: 200px;
}
.scene {
	width: 100vw;
	position: absolute;
	top: 85vh;
}
#fullscreen {
	height: 100vh;
	background-color: #2A3542;
	width: 100vw;
	overflow: hidden;
}
.bote img {
	position: absolute;
	top: -120px;
	left: 45vw;

	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.bote-izquierda img {
	position: absolute;
	top: -120px;
	left: -10vw;

	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.bote-fuera img {
	position: absolute;
	top: -120px;
	left: 110vw;

	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}


/* ------------------- satun FX ---------------------- */
.saturn {
	-webkit-animation: myOrbit 4s linear infinite; /* Chrome, Safari 5 */
	-moz-animation: myOrbit 4s linear infinite; /* Firefox 5-15 */
	-o-animation: myOrbit 4s linear infinite; /* Opera 12+ */
	animation: myOrbit 4s linear infinite; /* Chrome, Firefox 16+,
                                                      IE 10+, Safari 5 */
}
@-webkit-keyframes myOrbit {
	from { -webkit-transform: rotate(0deg) translateX(10px) rotate(0deg); }
	to   { -webkit-transform: rotate(360deg) translateX(10px) rotate(-360deg); }
}

@-moz-keyframes myOrbit {
	from { -moz-transform: rotate(0deg) translateX(10px) rotate(0deg); }
	to   { -moz-transform: rotate(360deg) translateX(10px) rotate(-360deg); }
}

@-o-keyframes myOrbit {
	from { -o-transform: rotate(0deg) translateX(10px) rotate(0deg); }
	to   { -o-transform: rotate(360deg) translateX(10px) rotate(-360deg); }
}

@keyframes myOrbit {
	from { transform: rotate(0deg) translateX(10px) rotate(0deg); }
	to   { transform: rotate(360deg) translateX(10px) rotate(-360deg); }
}


/* ------------------- pluton FX ---------------------- */
.pluton {
	-webkit-animation: myOrbitPluton 8s linear infinite; /* Chrome, Safari 5 */
	-moz-animation: myOrbitPluton 8s linear infinite; /* Firefox 5-15 */
	-o-animation: myOrbitPluton 8s linear infinite; /* Opera 12+ */
	animation: myOrbitPluton 8s linear infinite; /* Chrome, Firefox 16+,
                                                      IE 10+, Safari 5 */
}
@-webkit-keyframes myOrbitPluton {
	from { -webkit-transform: rotate(0deg) translateX(5px) rotate(0deg); }
	to   { -webkit-transform: rotate(360deg) translateX(5px) rotate(-360deg); }
}

@-moz-keyframes myOrbitPluton {
	from { -moz-transform: rotate(0deg) translateX(5px) rotate(0deg); }
	to   { -moz-transform: rotate(360deg) translateX(5px) rotate(-360deg); }
}

@-o-keyframes myOrbitPluton {
	from { -o-transform: rotate(0deg) translateX(5px) rotate(0deg); }
	to   { -o-transform: rotate(360deg) translateX(5px) rotate(-360deg); }
}

@keyframes myOrbitPluton {
	from { transform: rotate(0deg) translateX(5px) rotate(0deg); }
	to   { transform: rotate(360deg) translateX(5px) rotate(-360deg); }
}


/* ------------------- neptune FX ---------------------- */
.neptune {
	-webkit-animation: myOrbitNeptune 8s linear infinite; /* Chrome, Safari 5 */
	-moz-animation: myOrbitNeptune 8s linear infinite; /* Firefox 5-15 */
	-o-animation: myOrbitNeptune 8s linear infinite; /* Opera 12+ */
	animation: myOrbitNeptune 8s linear infinite; /* Chrome, Firefox 16+,
                                                      IE 10+, Safari 5 */
}
@-webkit-keyframes myOrbitNeptune {
	from { -webkit-transform: rotate(0deg) translateX(25px) rotate(0deg); }
	to   { -webkit-transform: rotate(360deg) translateX(25px) rotate(-360deg); }
}

@-moz-keyframes myOrbitNeptune {
	from { -moz-transform: rotate(0deg) translateX(25px) rotate(0deg); }
	to   { -moz-transform: rotate(360deg) translateX(25px) rotate(-360deg); }
}

@-o-keyframes myOrbitNeptune {
	from { -o-transform: rotate(0deg) translateX(25px) rotate(0deg); }
	to   { -o-transform: rotate(360deg) translateX(25px) rotate(-360deg); }
}

@keyframes myOrbitNeptune {
	from { transform: rotate(0deg) translateX(25px) rotate(0deg); }
	to   { transform: rotate(360deg) translateX(25px) rotate(-360deg); }
}


/* ------------------- mars FX ---------------------- */
.mars {
	-webkit-animation: myOrbitMars 10s linear infinite; /* Chrome, Safari 5 */
	-moz-animation: myOrbitMars 10s linear infinite; /* Firefox 5-15 */
	-o-animation: myOrbitMars 10s linear infinite; /* Opera 12+ */
	animation: myOrbitMars 10s linear infinite; /* Chrome, Firefox 16+,
                                                      IE 10+, Safari 5 */
}
@-webkit-keyframes myOrbitMars {
	from { -webkit-transform: rotate(0deg) translateX(15px) rotate(0deg); }
	to   { -webkit-transform: rotate(360deg) translateX(15px) rotate(-360deg); }
}

@-moz-keyframes myOrbitMars {
	from { -moz-transform: rotate(0deg) translateX(15px) rotate(0deg); }
	to   { -moz-transform: rotate(360deg) translateX(15px) rotate(-360deg); }
}

@-o-keyframes myOrbitMars {
	from { -o-transform: rotate(0deg) translateX(15px) rotate(0deg); }
	to   { -o-transform: rotate(360deg) translateX(15px) rotate(-360deg); }
}

@keyframes myOrbitMars {
	from { transform: rotate(0deg) translateX(15px) rotate(0deg); }
	to   { transform: rotate(360deg) translateX(15px) rotate(-360deg); }
}


/* ------------------- jupiter FX ---------------------- */
.jupiter {
	-webkit-animation: myOrbitJupiter 10s linear infinite; /* Chrome, Safari 5 */
	-moz-animation: myOrbitJupiter 10s linear infinite; /* Firefox 5-15 */
	-o-animation: myOrbitJupiter 10s linear infinite; /* Opera 12+ */
	animation: myOrbitJupiter 10s linear infinite; /* Chrome, Firefox 16+,
                                                      IE 10+, Safari 5 */
}
@-webkit-keyframes myOrbitJupiter {
	from { -webkit-transform: rotate(0deg) translateX(15px) rotate(0deg); }
	to   { -webkit-transform: rotate(360deg) translateX(15px) rotate(-360deg); }
}

@-moz-keyframes myOrbitJupiter {
	from { -moz-transform: rotate(0deg) translateX(15px) rotate(0deg); }
	to   { -moz-transform: rotate(360deg) translateX(15px) rotate(-360deg); }
}

@-o-keyframes myOrbitJupiter {
	from { -o-transform: rotate(0deg) translateX(15px) rotate(0deg); }
	to   { -o-transform: rotate(360deg) translateX(15px) rotate(-360deg); }
}

@keyframes myOrbitJupiter {
	from { transform: rotate(0deg) translateX(15px) rotate(0deg); }
	to   { transform: rotate(360deg) translateX(15px) rotate(-360deg); }
}


/* ------------------- earth FX ---------------------- */
.earth {
	-webkit-animation: myOrbitEarth 5s linear infinite; /* Chrome, Safari 5 */
	-moz-animation: myOrbitEarth 5s linear infinite; /* Firefox 5-15 */
	-o-animation: myOrbitEarth 5s linear infinite; /* Opera 12+ */
	animation: myOrbitEarth 5s linear infinite; /* Chrome, Firefox 16+,
                                                      IE 10+, Safari 5 */
}
@-webkit-keyframes myOrbitEarth {
	from { -webkit-transform: rotate(0deg) translateX(5px) rotate(0deg); }
	to   { -webkit-transform: rotate(360deg) translateX(5px) rotate(-360deg); }
}

@-moz-keyframes myOrbitEarth {
	from { -moz-transform: rotate(0deg) translateX(5px) rotate(0deg); }
	to   { -moz-transform: rotate(360deg) translateX(5px) rotate(-360deg); }
}

@-o-keyframes myOrbitEarth {
	from { -o-transform: rotate(0deg) translateX(5px) rotate(0deg); }
	to   { -o-transform: rotate(360deg) translateX(5px) rotate(-360deg); }
}

@keyframes myOrbitEarth {
	from { transform: rotate(0deg) translateX(5px) rotate(0deg); }
	to   { transform: rotate(360deg) translateX(5px) rotate(-360deg); }
}


/* ------------------- HOME SLIDER ---------------------- */
.slider-home {
	height: 180px;
	animation: slider-home-animation linear 5s;
	animation-iteration-count: infinite;
	-webkit-animation: slider-home-animation linear 5s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation: slider-home-animation linear 5s;
	-moz-animation-iteration-count: infinite;
	-o-animation: slider-home-animation linear 5s;
	-o-animation-iteration-count: infinite;
	-ms-animation: slider-home-animation linear 5s;
	-ms-animation-iteration-count: infinite;
}

@keyframes slider-home-animation {
	0% {
		background: transparent url("../img/amibote/slide1.png") no-repeat;
		background-position: 50%;
	}
	45% {
		background: transparent url("../img/amibote/slide1.png") no-repeat;
		background-position: 50%;
	}
	50% {
		background: transparent url("../img/amibote/slide2.png") no-repeat;
		background-position: 50%;
	}
	95% {
		background: transparent url("../img/amibote/slide2.png") no-repeat;
		background-position: 50%;
	}
	100% {
		background: transparent url("../img/amibote/slide1.png") no-repeat;
		background-position: 50%;
	}
}


/* ------------------- CONTACTO ---------------------- */
.contacto {

}
.f-left {
	float: left;
}
.datos-contacto {
	width: 95%;
	margin: 0 auto;
	margin-top: 20px;
	height: 33px;
}
.datos-contacto-icon i {
	margin-top: 8px;
	font-size: 20px;
	color: #dcdcdc;
}
.datos-contacto-text p{
	padding-left: 10px;
}
.datos-contacto-text-v-center {
	margin-top: 10px;
}
.datos-contacto p, .datos-contacto a {
	color: #dcdcdc !important;
}
.formulario {
	margin-top: 18px;
}
.formulario input {
	width: 100%;
	background-color: transparent;
	border: 1px solid #dcdcdc;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #dcdcdc;
}
.formulario textarea {
	width: 100%;
	background-color: transparent;
	border: 1px solid #dcdcdc;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #dcdcdc;
}
::-webkit-input-placeholder {
	color: #dcdcdc;
	padding-left: 20px;
	font-style: italic;
}
:-moz-placeholder { /* Firefox 18- */
	color: #dcdcdc;
	padding-left: 20px;
	font-style: italic;
}
::-moz-placeholder {  /* Firefox 19+ */
	color: #dcdcdc;
	padding-left: 20px;
	font-style: italic;
}
:-ms-input-placeholder {
	color: #dcdcdc;
	padding-left: 20px;
	font-style: italic;
}
.boton-enviar {
	margin-top: 10px;
	background-color: #ececec;
	color: #2d2c64;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	z-index: 9999999;
	position: absolute;
	width: 50%;
}
.boton-enviar:hover {
	cursor: pointer;
}


/* ------------------- VARIOS ---------------------- */
.display-xs {
	display: none;
}
@media (max-width: 768px) {
	.hidden-xs {
		display: none;
	}
	.display-xs {
		display: block;
	}
	.row-home-top {
		margin-top: 20px !important;
	}
	.bottom {
		margin-top: 20px;
	}
	#queincluye {
		overflow-x: scroll;
	}
	#queincluye p {
		text-align: center;
	}
	#fullscreen {
		overflow-y: scroll !important;
	}
	.img-bote {
		margin-top: 50px;
		width: 100%;
	}
	#quierouno {
		margin-top: 130px;
		width: 90%;
	}
	.datos-contacto-text-domicilio {
		margin-top: 10px;
	}
}
.text-100-center {
	text-align: center !important;
	width: 100%;
}


/* ------------------- MENU ---------------------- */
.open-menu {
	color: #fff;
	top: 10px;
	right: 20px;
	position: absolute;
}
.overlay {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0, 0.9);
	overflow-x: hidden;
	transition: 0.5s;
}
.overlay-content {
	position: relative;
	top: 25%;
	width: 100%;
	text-align: center;
	margin-top: 30px;
}
.overlay a {
	padding: 8px;
	text-decoration: none;
	font-size: 36px;
	color: #818181;
	display: block;
	transition: 0.3s;
}
.overlay a:hover, .overlay a:focus {
	color: #f1f1f1;
}
.overlay .closebtn {
	position: absolute;
	top: 20px;
	right: 45px;
	font-size: 60px;
}
@media screen and (max-height: 450px) {
	.overlay a {font-size: 20px}
	.overlay .closebtn {
		font-size: 40px;
		top: 15px;
		right: 35px;
	}
	
}




.alinearder{
	right: 5px;
}

.padl50{
	padding-left: 30%;
	line-height: 25px;
	font-weight: 300;
	font-size: 15px;
}

@media screen and (max-width: 415px) {
    .textocentro {
    text-align: center !important;
    padding-top: 42% !important;
    width: 80% !important;
    padding-left: 10% !important;
    font-size: 22px !important;
    line-height: 33px !important;
	}

}

.merca{
	width: 25px;
	height: 25px;
}