/* CSS Document */

html {
		height: 101%;
}
body {
	font-family: 'Montserrat', sans-serif;
}
main {
	margin-bottom: 4em;
}
#cab_inicio {
	margin-top: 50px;/*para el fixed top del nav*/
	padding-left: 0;
	padding-right:0;
}
.breadcrumb{
	padding-top: 10px;
    margin-bottom: 4px;
}
.breadcrumb li a {
	color: #9d9d9d;
}
.breadcrumb li a:hover {
	text-decoration:none;
	color: #000;
}
.panel-title a {
	text-decoration: none;
}
.panel-title a:hover {
	text-decoration: none;
	color: #9d9d9d;
}
.fondo_gris {
	background-color: #f5f5f5;
}
.titulo1 {
   margin-bottom: 1em;
   font-weight: bold;
   font-size: 4em;
   margin-top: 1em;
}
.titulo2 {
	margin-bottom: 1em;
  font-weight: bold;
  font-size: 2.5em;
  margin-top: 1em;
}
#diseno img {
	margin-bottom: 1em;
}
#diseno{
	margin-bottom: 4em;
}
#diseno {
	position: relative;
}
#diseno img {
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease; /*navegador chrome*/
	-moz-transition: all 0.5s ease;/*navegador mozilla*/
	-o-transition: all 0.5s ease;/*navegador opera*/
}
#diseno img:hover {
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
}
.gris {
	color: #9d9d9d;
}
.desarrollo button{
	padding: 20px;
}
.desarrollo span{
	color: #6aafbb;	
}
.caja {
	margin: 0;
	padding:0;
	margin-bottom: 2em;
}
.botones {
	margin: 0;
	padding: 0;
}
.popover-content {
	color: #9d9d9d;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
}
iframe {
 margin-bottom: -5px;
}
footer {
	padding-top: 1.5em;
  padding-bottom: 1em;
}
footer a {
	color: #9d9d9d;
}
footer a:hover {
	color: #fff;
	text-decoration: none;
}
footer a:focus {
	color: #fff;
	text-decoration: none;
}
footer ul {
	list-style: none;
}
.pie_foto {
	margin-top: 15px;
}
.titulo_pie{
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}
.tab-content {
	margin-top: 2em;
}
.nav-tabs li a {
	color: #9d9d9d;
}
.nav-tabs li a:hover {
	text-decoration:none;
	color: #000;
}
.titulo_portfolio {
	font-size: 1.3em;	
}
.titulo_portfolio a {
	text-decoration: none;
}
.titulo_portfolio a:hover {
	text-decoration: none;
	color: #000;
}
.caption {
	position: relative;
}
/*.caption a{
   position: absolute;
   top: -40px;
   right: 5px;
}*/
.masinfo {
   position: absolute;
   top: -40px;
   right: 5px;
}
.vermas {
    position: absolute;
    top: -40px;
    left: 5px;
}
.mensaje-exito {
    margin-top: 2.5em;
}
@media (max-width: 768px) {
	header {
		display: none ;
	}
	.breadcrumb {
		margin-top: 50px;
	}
	.pie {
		margin-bottom: 1.5em;
	}
	.pie_foto {
		margin-bottom: 2em;
	}
}