@charset "UTF-8";
	body { font-family: 'Montserrat', Arial, serif; font-weight: 400; line-height: 1.3em; -webkit-font-smoothing: antialiased;  }
	
	    .container {
			width: 90%;
			margin-top: 200px;
			margin-right: auto;
			margin-left: auto;
			margin-bottom: 20px;
			padding: 20px;
	    }
		
		
		/*.web_ext{
			margin-top: 48%;
			margin-right: 12%;
			margin-left: 12%;
			margin-bottom: 12%;
			text-align: center;
			color: #ffffff;
			}*/
		
		/*.boton img{
			width: 100%;
			margin-bottom:25px;
			}*/
		/*.boton a img {
			width: 90%;
			margin-bottom:25px;
			opacity: 0.8;
			}*/
		.boton a:hover img {
			  
			/*width: 92%;
			margin-bottom:25px;
			opacity: 1.0;*/
			}
			
	    pre, code {
			font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
			font-size: 12px;
			color: #333;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
      }
      pre { border: 1px solid #CCC; background-color: #EEE; color: #333; padding: 10px; overflow: scroll; }
      code { padding: 2px 4px; background-color: #F7F7F9; border: 1px solid #E1E1E8; color: #D14; }
	  

/*ESTILOS EFECTOS BOTONES*/


@import url(http://fonts.googleapis.com/css?family=Open+Sans);
.row {
	
	}
.boton {
  width: 90%;
  height: 90%;
  /*position: absolute;*/
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 20px;
}
.div-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-bottom:60px;
}
.div-img .img {
  /*-webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;*/
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}
.div-img .text h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 200%;
	font-weight: 100;
	color: #FFFFFF;
	padding-top: 5px;
	display: block;
	text-align: center;
	width: 100%;
	transform: translate(0px);
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	opacity: 0;
	transition: transfom opacity 1.5s;
	line-height: 26px;
}
.div-img:hover .img {
  transform: scale(0.8);
  -ms-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
}
.div-img:hover .text h2 {
  transform: translate(0px, -20px);
  opacity: 1;
  color:#ffffff;
}


/*ESTILOS DE NAVBAR*/
  
.navbar-default {
    border-color: rgba(34,34,34,.05);
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    background-color: transparent;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.navbar-default .navbar-header .navbar-brand {
    text-transform: uppercase;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    font-weight: 700;
    color: #f05f40;
}

.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
    color: #eb3812;
}

.navbar-default .nav > li>a,
.navbar-default .nav>li>a:focus {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    color: #222;
}

.navbar-default .nav > li>a:hover,
.navbar-default .nav>li>a:focus:hover {
    color: #f05f40;
}

.navbar-default .nav > li.active>a,
.navbar-default .nav>li.active>a:focus {
    color: #f05f40!important;
    background-color: transparent;
}

.navbar-default .nav > li.active>a:hover,
.navbar-default .nav>li.active>a:focus:hover {
    background-color: transparent;
}


/*@media(min-width:768px) {
	
	
	
	
	
    .navbar-default {
        border-color: rgba(255,255,255,.3);
        background-color: transparent;
		height:70px;
		border-bottom:hidden;
    }

    .navbar-default .navbar-header .navbar-brand {
        color: rgba(255,255,255,.7);
    }

    .navbar-default .navbar-header .navbar-brand:hover,
    .navbar-default .navbar-header .navbar-brand:focus {
        color: #fff;
    }

    .navbar-default .nav > li>a,
    .navbar-default .nav>li>a:focus {
        color: rgba(255,255,255,.7);
    }

    .navbar-default .nav > li>a:hover,
    .navbar-default .nav>li>a:focus:hover {
        color: #fff;
    }

    .navbar-default.affix {
        border-color: rgba(34,34,34,.05);
        background-color: transparent;
    }

    .navbar-default.affix .navbar-header .navbar-brand {
        font-size: 14px;
        color: #f05f40;
    }

    .navbar-default.affix .navbar-header .navbar-brand:hover,
    .navbar-default.affix .navbar-header .navbar-brand:focus {
        color: #eb3812;
    }

    .navbar-default.affix .nav > li>a,
    .navbar-default.affix .nav>li>a:focus {
        color: #222;
    }

    .navbar-default.affix .nav > li>a:hover,
    .navbar-default.affix .nav>li>a:focus:hover {
        color: #f05f40;
    }
	

	
}*/

@media(max-width:1199px) {
	.div-img .text h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 130%;
	font-weight: 300;
	color: #FFFFFF;
	padding-top: 5px;
	display: block;
	text-align: center;
	width: 100%;
	transform: translate(0px);
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	opacity: 0;
	transition: transfom opacity 1.5s;
	line-height: 19px;
}

.boton {
  width: 82% !important;
  /*height: 65% !important;*/
  /*position: absolute;*/
  left: 0;
  right: 0;
  margin: 0 auto;
  /*top: 5px;*/
}
.div-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  /*padding-bottom:10px;*/
  /*padding-top:5px;*/
  width:60%;
}


.container {
	width: 70%;
	margin-top: 80px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding: 5px;
	    }

	
	}
	
@media(max-width:990px) {
	.div-img .text h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 160%;
	font-weight: 300;
	color: #FFFFFF;
	padding-top: 0px;
	display: block;
	text-align: center;
	width: 100%;
	transform: translate(0px);
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	opacity: 0;
	transition: transfom opacity 1.5s;
	line-height: 26px;
}


.boton {
  width: 75% !important;
  height: 75% !important;
  /*position: absolute;*/
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 5px;
}
.div-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  /*padding-bottom:10px;*/
  padding-top:15px;
 /* width:55%;*/
}


.container {
	width: 90%;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding: 5px;
	    }
	}