@font-face {
    font-family: Teuton;
    src: url(../font/TeutonFett.otf);
    font-weight:normal;
}
.top { 
	background-color: black;
	color: #fff;
	text-align: right;
	font-size: 1.8em;
	text-decoration: none;
	line-height: 40px;
	padding-right: 20px;
}
	.top span{ padding-left: 40px; background: url(../img/phone.png) no-repeat center left;}
.top-msj{
	background-color: rgba(255,255,255,0.1);
	min-height: 90px;
}

.top-msj h1{
	padding-left: 20px;
}
.bg-msj-top{
	background: url(../img/sprite.png) no-repeat top right;
	height: 100%;

}
p.bt-link a{
	color: #c00518;
	float: right;
	text-decoration: none;
}
.items-home{list-style-type: none; text-transform: uppercase;}
	.items-home li{
		color: white;
		padding: 15px;
		text-align: center;
		background-color: #c00518;
		margin-bottom: 10px;
		font-weight: bold;
	}
	.items-home-special{
		background: rgba(255,255,255,0.1)!important;
		font-size: 140%
	}
.footer-bg {background: rgba(255,255,255,0.1)!important;}
.slide-bottom {
	height: 100%;
	max-height: 28px;
	position: absolute;
	bottom: -45px;
	width: 100%;
	z-index: 5;
	box-shadow: 0px -25px 20px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px -25px 20px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px -25px 20px rgba(0,0,0,0.8);
}

.herramientas1 {
	background: url('../img/sprite.png') no-repeat no-repeat 0 -7px;
	width: 56px;
	height: 52px;
	max-height: 90px;
	position: relative;
	top: 21px;
	left: 40px;
}
.herramientas2 {
	background: url('../img/sprite.png') no-repeat no-repeat -63px 5px;
	width: 70px;
	height: 73px;
	max-height: 90px;
	position: relative;
	top: 8px;
	left: 40px;
}
.herramientas3 {
	background: url('../img/sprite.png') no-repeat no-repeat -130px 0;
	width: 56px;
	height: 61px;
	max-height: 90px;
	position: relative;
	top: 20px;
	left: 40px;
}
.car-mini{ margin-top: 20px; margin-bottom: 0px;}

.msj p{
	background-color: rgba(255, 255, 255, 0.1);
	padding: 10px 0px 10px 25px;
	font-size: 20px;
	border-left: 5px solid #C00518;
	border-right: 5px solid #C00518;
	font-size: 25px;
	line-height: 35px;
	background-image: url('../img/sprite.png');
	background-position: 665px -70px;
	background-repeat: no-repeat;
}
.msj a{ color: white;}
.msj a:hover{ color: #c00518;}
.herramientas-bot{
	background-image: url('../img/sprite.png');
	width: auto;
	min-height: 35px;
	position: relative;
	top: 0;
	right: 0;
}
.span4 iframe{
	border: 3px solid grey;

}
.padd-10 { padding: 10px 0px}
.direccion{padding-top: 15px;}
.logo-footer{
	height: 90px;
	width: auto;
	position: relative;
	top: 10px;
}
.num{
	font-size: 180%;
	color: white;
	background-color: #C00518;
	border-radius: 50%;
	padding: 15px;
	float: left;
	margin-right: 5px;
}
.img{
	border: 5px solid #DDD;
	-moz-box-shadow:    inset 0 0 20px #000000;
  	-webkit-box-shadow: inset 0 0 20px #000000;
   	box-shadow:         inset 0 0 30px #000000;
   	width: 100%;
   	height: 100%

}

.btn-send{
	color: white;
	background-color: #C00518;
	padding: 5px 35px;
	text-align: center;
	border: none;}

.top-infra {height: 200px; background-position: 50% 50%; background-image: url("../img/slide3-splash.jpg"); margin-bottom: 10px;}

/* Simple Reset Portfolio
------------------------------------------------------------ */
ul { list-style: none; }

/* Custom Classes
------------------------------------------------------------ */
.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
* html .group { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */


/* General Styles
------------------------------------------------------------ */

a { 
	-moz-transition: 0.4s all linear; 
	-webkit-transition: 0.4s all linear; 
	-o-transition: 0.4s all linear; 
	transition: 0.4s all linear; outline-color: #aaa; }

/* Filter */
dl { margin-bottom: 1em; color: #777; }
.group {margin-top: 0;}
dt, dd { float: left; }
dt { margin-right: 5px; }
.filter{margin:0px}
.filter li { float: left; }
.filter li:after { margin-right: 5px}
.filter li:last-child:after { margin-right: 0px}
.filter a{ padding: 10px 20px; color: white; text-decoration: none; background-color: #c00518; margin: 0 5px;text-transform: uppercase;}
.filter a:hover, .current a { color: black;	background-color: rgba(255, 255, 255, 0.3);}

/* Portfolio Items */
.portfolio {height: 100%;width: 100%;margin: 0;}
.portfolio li { float: left; margin-right: 20px; margin-bottom: 2em; border: 1px solid #ccc; -moz-box-shadow: 0 5px 5px -3px #222; -webkit-box-shadow: 0 5px 5px -3px #222; box-shadow: 0 5px 5px -3px #222; }
.portfolio li:nth-child(4n) { margin-right: 0; }
.portfolio a { display: block; border: 3px solid #fff;  text-decoration: none; }
.portfolio img { width: 210px; height: 210px; display: inline-block; border: 1px solid #ccc; }
.filter li{line-height: 50px!important}
#none .item:nth-child(4n) { margin-right: 20px; }
#none .item:nth-child(7n) { margin-right: 0px; }


/* MAP AREA */
/* -------- */
#map-1 {
  position: relative;
  z-index: 0;
}
#map {
  height: 400px;
  margin: 0px -10px 10px;
  position: relative;
  z-index: 0;
}
#map img {
  max-width: none;
}

.map-top-shadow, .map-bottom-shadow {
  position: absolute;
  height: 10px;
  left: 0;
  width: 100%;
  z-index: 1;
}

.map-top-shadow {
  top: 0;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
}

.map-bottom-shadow {
  bottom: 0px;
  -webkit-box-shadow: 0px -5px 15px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px -5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0px -5px 15px rgba(0, 0, 0, 0.5);

}

/*FORMULARIO DE CONTACTO*/
.actions {text-align: center;}
.error { display:block;}

/* OBRAS REALIZADAS*/
.titulo-obras{
	display: block;
	background-color: #C00518;
	margin-bottom:20px;

}
.titulo-obras p{
	padding: 10px;
}