@font-face{
	font-family:"social_shapes";
	src:url('social_shapes.ttf') format('truetype');
}

/*
 * Globals
 */
body {
	font-family:'Century Gothic';
	//background-color:#333333;
  	background-image:url('../img/Neighbourhood-page.jpg'); 
  	background-size:cover;
  	color: #fff;
  	text-align: center;
  	text-shadow: 0 1px 3px rgba(0,0,0,.5);
}

.iconos-sociales{
	font-family: "social_shapes";
	font-size:2em;
}

/*Headings*/

.contenedor-brand{
	border-radius: 0px 0px 5px 5px;
}

.contenedor-brand img{
	margin:auto;
}

.contenido{
	padding-top:10px;
}

.cuadro-transparente{
	background-size: cover;
}

.cuadro{
	display:table;
	cursor:pointer;
}

.btn-cuadro{
	display:table-cell;
	vertical-align: middle;
}

.btn-cuadro h1{
	font-size:3em;
}

.navbar-inverse{
	background-color:#333;
}

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

a:hover, a:focus{
	text-shadow: 0 5px 3px rgba(0,0,0,.5);
	text-decoration:none;
}

.cuadro-transparente{
	background-color:rgba(208,47,101,1);
}

.cuadro-transparente:hover{
	filter: grayscale(0.9);
/*Asignamos los Prefijos de los Navegadores específicos*/
-webkit-filter: grayscale(0.9);
-moz-filter: grayscale(0.9);
-o-filter: grayscale(0.9);
-ms-filter: grayscale(0.9);
}

/*
 * Base structure
 */

html,
body {
  height: 100%;
}


.container-fluid{
	padding-bottom:70px;
}


/* Media Queries para distintas resoluciones */

/* Para moviles */
@media (max-width: 100px){
	.titulo-principal{
		font-size:2em;
	} 
	
	.btn-cuadro h1{
		font-size:3em;
	}	
}

/* Para monitores pequeños y medianos*/
@media (min-width: 501px) { 
    .btn-cuadro h1{
		font-size:6em;
	}
	
	
	
}

/* Para monitores medianos */
/*@media screen and (min-width: 992px) and (max-width: 1199px) { 
	.btn-cuadro h1{
		font-size:6em;
	}
	.btn-cuadro h6{
		display:none;
	}
}*/

/* Para monitores grandes */
@media (min-width: 1200px) { 
}

/* Padding for spacing */


/*
 * Header
 */

/*
 * Footer
 */




.modal-fullscreen {
  background: transparent;
}
.modal-fullscreen .modal-content {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
  background: #FFFFFF;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: .50;
  filter: alpha(opacity=50);
}


/* .modal-fullscreen size: we use Bootstrap media query breakpoints */

.modal-fullscreen .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .modal-fullscreen .modal-dialog {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .modal-fullscreen .modal-dialog {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .modal-fullscreen .modal-dialog {
     width: 1170px;
  }
}





/*
 *Modal
 */
.modal-content{
	background-color:#333;
}

.modal-header{
	border-bottom:1px solid #8CB85E;
}

.modal-header .close{
	color:#FFF;
    opacity: .7;
    filter: alpha(opacity=70);
}

.modal-footer{
	border-top:1px solid #8CB85E;
}

a.list-group-item:hover, a.list-group-item:focus{
	color:#333;
}

.modal .help-block{
	color:#DDD;
}

.shop-name{
	color: #8CB85E;
	font-weight:bold;
}

/*Boton anti ultron*/
input[type=range]{
	margin-top:5px;
	-webkit-appearance: none;
	border-radius:8px;
	background-color:#FFF;
	height:8px;
}

input[type=range]::-webkit-slider-thumb{
	-webkit-appearance: none;
	background-color:#1A9BCA;
	border:solid 1px #333;
	width:60px;
	height:20px;
	border-radius:10px;
	cursor:pointer;
}

/*Iframe Responsive*/
/* Flexible iFrame */

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ################## Video ################## */
#video1 {
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    width: auto;
    height: auto;
    z-index: -10;
    visibility: visible;
    
    filter: grayscale(1)  opacity(0.7);
/*Asignamos los Prefijos de los Navegadores específicos*/
-webkit-filter: grayscale(1) opacity(0.7);
-moz-filter: grayscale(1) opacity(0.7);
-o-filter: grayscale(1) opacity(0.7);
-ms-filter: grayscale(1) opacity(0.7);
}

.fantasma{
	display:none;
}