/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 20px;
 
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 20px;
  background-color: #0075AF;

}

h1 img{

}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container {
  width: 100%;
padding:0;
 
}
.container .text-muted {
  
}



.row {
/*margin-bottom: 15px !important;*/
margin:0;
}



.row p{
	font-size: 17px;
	color: #333;
	padding: 15px !important;
	line-height: 1.1;
}




.jumbotron { 
	
	margin-bottom:0 !important;
	padding: 0 !important;
	height: 150px;
	background: url('../img/Web-Aquamigo---cabecera.jpg') no-repeat ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	border-radius: 0 !important;
}

.jumbotron  h1  {
	float: left;
	width: auto;
	box-sizing: border-box;
	display: inline;
	margin-left: 1.25%;
	margin-right: 1.25%;
	color: #fff;
	margin-top: 12px;
	margin-bottom: 5px;
	font-weight: lighter;
	position: relative;
	font-size: 32px;
}
.jumbotron  h1  strong{
	 font-size: 66px;
     line-height: 88px;
     font-weight: bold;
}

.form-horizontal {
	padding-left:55px;
	width:95%;
	padding-top:20px;
}

footer .text-muted {
	color: #FFF;
	position: absolute;
	right: 20px;
	
}



navbar {
	border:0;
	border-top: 1px solid #000;
	
}

nav {
	padding-left: -15px !important;
	padding-right: -15px;
	font-size: 13px;
}

.navbar-default { background-color: #0075AF!important; }

.navbar-default .navbar-nav li a { color:#FFF!important; } 

.navbar-default .navbar-nav>.active>a { background-color: #6FB8FF!important;}

.navbar-nav>li>.dropdown-menu {background-color: #6FB8FF!important;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background-color: #6FB8FF!important; }

.titular {color:#00ade5!important;font-weight:bold;font-size:50px !important; }
.titular_blanco {color:#FFF!important;font-weight:bold;font-size:50px !important; }
.titular_menu {color:#00ade5!important;font-weight:bold;font-size:50px !important;}

.seccion_menu {
background: url('../img/Web-Aquamigo---inicio.jpg') no-repeat ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:795px;
}

.que_es {
background: url('../img/Web-Aquamigo---que-es.jpg') no-repeat ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:355px;
padding-top: 53px;
}
.como {
background: url('../img/Web-Aquamigo---como-puedo-invitar.jpg') no-repeat ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:520px;
color:#FFF;
}
.movil {
background: url('../img/Web-Aquamigo---Aquamigo-en-tu-movil.jpg') no-repeat ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:467px;
}
.formulario {
background: url('../img/Web-Aquamigo---formulario.jpg') no-repeat ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:300px;
}


/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}
@media screen and (max-width: 768px) {
   .titular_menu {margin-top: 200px;}
   .que_es {padding-top:0 !important;}
}

@media only screen and (min-width : 1024px) {
 .seccion_menu {
	height:796px;
	}
  .titular_menu {margin-top: 200px;}
}

@media only screen and (min-width : 1224px) {
 .seccion_menu {
	height:808px;
	}
  .titular_menu {margin-top: 200px;}
  .movil_parrafo {width:50%;}
}

@media only screen and (min-width : 1280px) {
 .seccion_menu {
	height:796px;
	}
  .titular_menu {margin-top: 200px;}
  .movil_parrafo {width:50%;}
}

@media only screen and (min-width : 1330px) {
 .seccion_menu {
	height:795px;
	}
 .titular_menu {margin-top: 200px;}
 .movil_parrafo {width:50%;}
}

@media only screen and (min-width : 1400px) {
 .seccion_menu {
	height:808px;
	}
 .titular_menu {margin-top: 200px;}
 .movil_parrafo {width:50%;}
}

@media only screen and (min-width : 1440px) {
 .seccion_menu {
	height:819px;
	}
 .titular_menu {margin-top: 200px;}
 .movil_parrafo {width:50%;}
}

@media only screen and (min-width : 1600px) {
 .seccion_menu {
	height:900px;
	}
 .titular_menu {margin-top: 200px;}
 .movil_parrafo {width:50%;}
  .como {height:590px;}
}

@media only screen and (min-width : 1680px) {
 .seccion_menu {
	height:945px;
	}
 .titular_menu {margin-top: 300px;}
 .como {height:600px;}
 .formulario {height:385px;}
 .form-horizontal {padding-top:55px;}
 .movil_parrafo {width:50%;}
}

@media only screen and (min-width : 1824px) {
.seccion_menu {
	height:1081px;
	}
 .titular_menu {margin-top: 300px;}
 .como {height:700px;}
 .formulario {height:385px;}
 .form-horizontal {padding-top:55px;}
 .movil_parrafo {width:50%;}
}



.regalo  {
	background: url('../img/Web-Aquamigo---elige-tu-regalo.jpg') no-repeat ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 550px;
	text-align:justify;
}


.regalos  {
	text-align:justify;
	padding-right:30px;
}





@media (max-width: 480px) {
	.regalo  {
		height: 900px !important;
	}
	.titular { font-size: 20px !important;}
	.titular_blanco {font-size: 20px !important;}
	.como {
	background: url('../img/Web-Aquamigo---como-puedo-invitar.jpg') no-repeat ;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	color:#FFF;
	max-height: 140px !important;
	}
	.como .titular {display:none;}
	.movil {
	background: url('../img/Web-Aquamigo---Aquamigo-en-tu-movil.jpg') no-repeat ;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	height:auto !important;
	}
	.movil .titular {display:none;}
	.que_es p {width:auto !important;}
	.movil_parrafo { margin-top: 110px;}
	
	.seccion_menu {
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	
	height:204px !important ;
	}
	.descubre_parrafo {margin-top:-37px !important;width:230px !important;font-size:14px !important;padding:1px !important;}
	.seccion_menu .titular {display:none;}
	
	
	
	.que_es {
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	height:auto !important;
	padding-top: 0;
	}
	
	.form-horizontal { padding-left:2px;}
	.form-control {width:100%; height:30px;}
	
	.formulario {background-color: #00ade5; background-image:none;height:370px;}
	
	#sidebar {display:none !important;}
}

@media (max-width: 414px) {
	.regalo  {
		height: 900px !important;
	}
	.titular_menu {margin-top: 40px;font-size: 28px !important;}
	.titular { font-size: 20px !important;}
	.titular_blanco {font-size: 20px !important;}
	.como {
	background: url('../img/Web-Aquamigo---como-puedo-invitar.jpg') no-repeat ;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	color:#FFF;
	max-height: 147px !important;
	}
	.como .titular {display:none;}
	.movil {
	background: url('../img/Web-Aquamigo---Aquamigo-en-tu-movil.jpg') no-repeat ;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	height:auto !important;
	}
	.movil .titular {display:none;}
	.que_es p {width:auto !important;}
	.movil_parrafo { margin-top: 110px;}
	
	.seccion_menu {
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	
	height:226px !important ;
	}
	.descubre_parrafo {margin-top:-37px !important;width:230px !important;font-size:14px !important;padding:1px !important;}
	.seccion_menu .titular {display:none;}
	
	
	
	.que_es {
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	height:auto !important;
	padding-top: 0;
	}
	
	.form-horizontal { padding-left:2px;}
	.form-control {width:100%; height:30px;}
	
	.formulario {background-color: #00ade5; background-image:none;height:370px;}
	
	#sidebar {display:none !important;}
}


@media (max-width: 380px) {
	.regalo  {
		height: 900px !important;
	}
	.titular_menu {margin-top: 37px;font-size: 18px !important;}
	.titular { font-size: 20px !important;}
	.titular_blanco {font-size: 20px !important;}
	.como {
	background: url('../img/Web-Aquamigo---como-puedo-invitar.jpg') no-repeat ;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	color:#FFF;
	max-height: 140px !important;
	}
	.como .titular {display:none;}
	.movil {
	background: url('../img/Web-Aquamigo---Aquamigo-en-tu-movil.jpg') no-repeat ;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	height:auto !important;
	}
	.movil .titular {display:none;}
	.que_es p {width:auto !important;}
	.movil_parrafo { margin-top: 110px;}
	
	.seccion_menu {
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	height:204px !important;
	}
	.descubre_parrafo {margin-top:-37px !important;width:230px !important;font-size:14px !important;padding:1px !important;}
	.seccion_menu .titular {display:none;}
	
	
	
	.que_es {
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	height:auto !important;
	padding-top: 0;
	}
	
	.form-horizontal { padding-left:2px;}
	.form-control {width:100%; height:30px;}
	
	.formulario {background-color: #00ade5; background-image:none;height:370px;}
	
	#sidebar {display:none !important;}
}

@media (max-width: 321px) {
	.regalo  {
		height: 900px !important;
	}
	.titular_menu {margin-top: 37px;font-size: 18px !important;}
	.titular { font-size: 20px !important;}
	.titular_blanco {font-size: 20px !important;}
	.como {
	background: url('../img/Web-Aquamigo---como-puedo-invitar.jpg') no-repeat ;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	color:#FFF;
	max-height: 140px !important;
	}
	.como .titular {display:none;}
	.movil {
	background: url('../img/Web-Aquamigo---Aquamigo-en-tu-movil.jpg') no-repeat ;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	height:auto !important;
	}
	.movil .titular {display:none;}
	.que_es p {width:auto !important;}
	.movil_parrafo { margin-top: 110px;}
	
	.seccion_menu {
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	height:182px !important;
	}
	.descubre_parrafo {margin-top:-37px !important;width:230px !important;font-size:14px !important;padding:1px !important;}
	.seccion_menu .titular {display:none;}
	
	
	
	.que_es {
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	height:auto !important;
	padding-top: 0;
	}
	
	.form-horizontal { padding-left:2px;}
	.form-control {width:100%; height:30px;}
	
	.formulario {background-color: #00ade5; background-image:none;height:370px;}
	
	#sidebar {display:none !important;}
}