/*!
 * Start Bootstrap - The Big Picture HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.*/
/* CSS Document */

@font-face {

    font-family: 'SegoeLight';
    src:url('../fonts/fuenteWeb.eot');
    src:url('../fonts/fuenteWeb.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/fuenteWeb.woff') format('woff'), 
    url('../fonts/fuenteWeb.ttf') format('truetype'), 
    url('../fonts/fuenteWeb.svg#SegoeLight') format('svg');
}

@font-face {

    font-family: 'SegoeUI';
    src:url('../fonts/SEGOEUI.eot');
    src:url('../fonts/SEGOEUI.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/SEGOEUI.woff') format('woff'), 
    url('../fonts/SEGOEUI.ttf') format('truetype'), 
    url('../fonts/SEGOEUI.svg#SegoeUI') format('svg');
}

@font-face {
    font-family: 'SegoeUIB';
    src:url('../fonts/SEGOEUIB.eot');
    src:url('../fonts/SEGOEUIB.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/SEGOEUIB.woff') format('woff'), 
    url('../fonts/SEGOEUIB.ttf') format('truetype'), 
    url('../fonts/SEGOEUIB.svg#SegoeUIB') format('svg');
}     

body {
	margin-top: 50px;
	margin-bottom: 50px;
	background: none;
	
    /*font-family: 'SegoeLight';*/
}

h1{
    font-size: 3em;
    color: #fff;
    font-family: 'SegoeLight';
}
h2{
    font-size: 2em;
    color: #000;
    font-family: 'SegoeLight';
}

p{
    font-family: source-sans-pro, sans-serif;
    font-size:1.2em;
}
/*
img {
  max-width: 100%;
  height: auto;
}
*/
.full {
  background: url(../images/back.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#topbar{
    font-family: source-sans-pro, sans-serif;
    font-size:0.9em;
    background-color:#057CBD;
    text-align:right;
    color:white;
    z-index:1000;
    /*margin-top:50px;*/
    height:30px;
    position:fixed;
    width:100%;
    padding:5px;
}
video#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(../images/back.jpg) no-repeat;
    background-size: cover; 
}

#franjalogo{
  /*margin-top:30px;*/
  position:fixed;
  z-index:1000;
  background-color: #000;
  width:100%;
  padding:10px; 
  background: rgba(0,0,0,0.2);
}

#polina { 
  background: rgba(0,125,190,0.7);
  color:#fff;
  padding:20px;
  border-radius: 15px;
  /*margin-top:60px;*/
}

#carrousel-example-generic{ 
  border-radius: 15px;
  border-style: 1px solid #fff;
}

.slide-image{ 
  border-radius: 15px;
}

.social {
    position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
    left: -50px; /* Establecemos la barra en la izquierda */
    top: 160px; /* Bajamos la barra 200px de arriba a abajo */
    z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
    width:15px;
    padding:5px;
}

.social ul {
    list-style: none;
}

.social ul li a {
    width:40px;
    display: inline-block;
    color:#fff;
    background: #000;
    padding: 10px;
    text-decoration: none;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
    border-radius: 5px;
}

.social ul li .icon-facebook {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
.social ul li .icon-twitter {background: #00abf0;}
.social ul li .icon-googleplus {background: #d95232;}
.social ul li .icon-pinterest {background: #ae181f;}
.social ul li .icon-mail {background: #666666;}

.social ul li a:hover {
    background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
    padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
}

.carousel {
    height: 50%;
}

.item,
.active,
.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}