* {
	padding: 0;
	margin: 0;
}

body {
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, Sans-serif;
	background: url('../img/body_bg.jpg') repeat-x;
}

body.interior {
	background: #060606 url('../img/body_bg_int.jpg') repeat-x;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
/** html .clearfix {height: 1%;}*/
.clearfix {display: block;}
/* End hide from IE-mac */

.nobord {
	border: 0!important;
}

#contenedor {
	width: 980px;
	margin: auto;
}

#header {
	height: 72px;
	width: 980px;
	position: relative;
	z-index: 90;
}
	
	#header #blau-logo {
		background: url('../img/logo.jpg') no-repeat;
		width: 166px;
		height: 72px;
		overflow: hidden;
		float: left;
	}
	
		#blau-logo a {
			display: block;
			padding-top: 100px;
		}
	
	#header #mail-link {
		position: absolute;
		right: 0;
		top: 40px;
		font-size: 11px;
	}
		#mail-link a {
			color: #2883BF;
		}
	
		/* EMPIEZAN ESTILOS PARA #MENU-TOP */
		#header #menu-top {
			width: 560px;
			float: left;
			margin-left: 100px;
			display: inline;
			margin-top: 35px;
			position: relative;
			z-index: 800;
		}
		
			#menu-top .nav1 li {
				display: block;
				width: 110px;
				text-align: center;
				float: left;
				border-right: 1px #666666 solid;
				margin: 0;
			}
			
				#menu-top .nav1 a {
					color: #666666;
					text-decoration: none;
					text-transform: uppercase;
					margin: 0;
					padding: 0;
				}
				
					#menu-top .nav1 a:hover {
						color: #0099ff;
					}
					
		/* MENU DROPDOWN */
		#menu-top, #menu-top .nav1 li, .nav1 {
			position: relative;
			z-index: 3;
		}
		
		.drop-cont {
			position: absolute;
			z-index: 900;
			top: 18px;
			left: 0;
			width: 130px;
			background: #fff;
			font-size: 11px;
		}
		
		#menu-top .nav2 .drop-cont {
			text-align: left;
		}
		
		.drop-cont .cont {
			padding-top: 25px;
		}
		
		#menu-top .nav2 li {
			display: block;
			list-style: none;
			float: none;
			border: 0;
			text-align: left;
			width: 110px;
			padding: 10px;
		}
		
		.nav2 .overed {
			background: #ccebff;
		}
		
		.nav2 li a {
			display: block;
		}
		/* TERMINAN ESTILOS PARA #MENU-TOP */

#header-slide {
	height: 237px;
	width: 980px;
	overflow: hidden;
	padding-top: 18px;
	position: relative;
	z-index: 6;
	background: url('../img/header/bg.png');
}

#slide-titulo {
	width: 385px;
	height: 75px;
	position: absolute;
	bottom: 19px;
	left: 0;
	background-image: url('../img/header/titulo-bg.png');
	background-image: url('../img/header/titulo-bg.png')!important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/header/titulo-bg.png',sizingMethod='scale');
	background-repeat: no-repeat;
}

#slide-titulo .mit2 {
	display: block;
	line-height: 45px;
}

	#slide-titulo .cont {
		font-family: Verdana, Arial, Sans-Serif;
		font-size: 19px;
		font-weight: bold;
		width: 350px;
		height: 80px;
		overflow: hidden;
		font-style: italic;
		color: #fff;
		text-align: left;
		position: relative;
		margin-top: 10px;
		text-shadow: #000 2px 2px 2px;
	}

#slideshow {
	margin-left: 14px;
}

#slideshow #menu .nobord {
	height: 40px;
}
/* EMPIEZAN ESTILOS PARA LLAMADOS */
#llamados {
	height: 309px;
	overflow: hidden;
}

#llamados .cols {
	margin-top: 20px;
	position: relative;
}

#llamados .col {
	width: 240px;
	overflow: hidden;
	float: left;
	border-right: 1px #696969 solid;
	height: 282px;
	position: relative;
}

#llamados .col .cont {
	width: 195px;
	margin: auto;
	height: 282px;
}

#llamados .col h3 {
	color: #0099FF;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#llamados .col p {
	color: #ccc;
	font-size: 12px;
	margin-bottom: 12px;
	line-height: 18px;
}


#llamados .col .mas, #sidebar .mas {
	color: #ff9900;
	font-size: 11px;
	padding-bottom: 5px;
	font-style: italic;
	text-decoration: none;
	display: block
}

#llamados .col .mas {
	position: absolute;
	bottom: 0px;
}

#llamados .col .mas span, #sidebar .mas span {
	border-bottom: 1px #ff9900 solid;
	padding-bottom: 3px;
}

#llamados .icono {
	background-repeat: no-repeat;
}

#llamados #clientes .icono {
	width: 117px;
	height: 116px;
	background-image: url('../img/llam_clientes.png');
	background-image: url('../img/llam_clientes.png')!important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/llam_clientes.png',sizingMethod='scale');
	margin: auto;
	margin-bottom: 2px;
}

#llamados #proyectos .icono {
	width: 138px;
	height: 118px;
	background-image: url('../img/llam_proyectos.png');
	background-image: url('../img/llam_proyectos.png')!important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/llam_proyectos.png',sizingMethod='scale');
	margin: auto;
}

#llamados #servicios .icono {
	width: 180px;
	height: 103px;
	background-image: url('../img/llam_servicios.png');
	background-image: url('../img/llam_servicios.png')!important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/llam_servicios.png',sizingMethod='scale');
	margin: auto;
	margin-bottom: 15px;
}

#llamados #nosotros .icono {
	width: 116px;
	height: 116px;
	background-image: url('../img/llam_nosotros.png');
	background-image: url('../img/llam_nosotros.png')!important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/llam_nosotros.png',sizingMethod='scale');
	margin: auto;
	margin-bottom: 2px;
}
/* TERMINAN ESTILOS PARA LLAMADOS */

/* EMPIEZAN ESTILOS PARA FOOTER */
#footer .cols {
	margin-top: 40px;
}

#footer .col {
	float: left;
	width: 245px;
}

#footer .col .cont {
	margin-left: 20px;
}

#footer #contactanos .cont {
	margin-left: 15px;
}

#footer .col h4 {
	color: #ff9900;
	font-size: 18px;
	font-weight: lighter;
	margin-bottom: 25px;
}

	#footer #nuestros-proyectos h4, #footer #nuestros-servicios h4 {
		font-style: italic;
	}
	

#footer #contactanos {
	font-size: 18px;
}
	#contactanos .tels {
		margin-top: 20px;
		margin-bottom: 10px;
	}

#footer .col li, a {
	margin-bottom: 5px;
	color: #ccc;
	font-size: 12px;
	list-style: none;
	text-decoration:none;
}

#footer p {
	color: #ccc;
}

#footer .icono-email {
	float: right;
	position: relative;
	margin-right: 5px;
	top: -25px;
	width: 92px;
	height: 83px;
	background-image: url('../img/icono_email.png');
	background-image: url('../img/icono_email.png')!important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/icono_email.png',sizingMethod='scale');
}
/* TERMINAN ESTILOS PARA FOOTER */

/* EMPIEZAN ESTILOS PARA INTERIORES */
#contenido {
	color: #ccc;
}

#contenido .migas {
	width: 905px;
	font-size: 11px;
	font-style: italic;
	margin: 25px auto;
}

	.migas a {
		color: #999999;
		padding-right: 15px;
	}
	
	.migas a.actual {
		color: #fff;
	}

.interior #principal {
	width: 905px;
	margin: auto;
	background: url('../img/principal-int-bg.gif') center top repeat-y;
}

.interior #principal .col {
	float: left;
	overflow: hidden;
}

	.interior #principal-izq {
		width: 220px;
	}
	
		#principal-izq blockquote {
			font-style: italic;
			color: #fff;
			font-weight: bolder;
			font-size: 16px;
			padding-right: 20px;
			padding-top: 15px;
		}
		
		#principal-izq .icono-grua {
			width: 98px;
			height: 104px;
			background-image: url('../img/icono-grua.png');
			background-image: url('../img/icono-grua.png')!important;
			background-image: none;
			filter: none !important;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/icono-grua.png',sizingMethod='scale');
			position: relative;
			float: right;
			display: inline;
			margin-right: 10px;
		}
	
	.interior #principal-cont {
		width: 445px;
	}
		
		#principal-cont .cont {
			padding: 0 25px;
			font-size: 12px;
		}
		
		#int-clientes #principal-cont .cont {padding: 0; margin-left: 20px;}
		#int-clientes #principal-cont .cont h3 {padding: 0; margin-bottom: 50px;}
		
		#principal-cont p {
			margin-bottom: 20px;
		}
		
		#principal-cont h3 {
			color: #fff;
			font-size: 28px;
			font-weight: lighter;
			margin-bottom: 20px;
		}
		#principal-cont h5 {
			color: #fff;
			font-size: 16px;
			margin-bottom: 15px;
			font-weight: lighter;
			text-transform: uppercase;
		}
	
	.interior #principal-der {
		width: 240px;
	}
		
		#principal-der h4 {
			color: #fff;
			font-size: 16px;
			margin-bottom: 15px;
			font-weight: lighter;
		}

		
		#principal-der .bloque p {
			font-size: 12px;
			font-style: italic;
			margin-bottom: 15px;
		}
		
		#principal-der .bloque {
			margin-bottom: 40px;
		}
		
		#principal-der .bloque .mas a {
			color: #FF9900;
		}
	
		#principal-der .cont {
			padding: 0 0 0 25px;
		}

.interior #footer {
	background: url('../img/footer-bg.jpg') repeat-x;
	padding-top: 1px;
	padding-bottom: 20px;
}

.interior .footer-cont {
	width: 980px;
	margin: auto;
}

#footer .correo a {
	color: #FF9900;
	font-style: italic;
	text-decoration: none;
	font-size: 14px;
}
/* TERMINAN ESTILOS PARA INTERIORES */

/* EMPIEZAN ESTILOS PARA GALERIA */
#int-galeria #principal {
	width: 670px;
	float: left;
	display: inline;
	margin-left: 35px;
	z-index: 5;
	position: relative;
}

#int-galeria #sidebar {
	float: right;
	width: 245px;
	padding-right: 20px;
	position: relative;
	z-index: 10;
}

	#int-galeria #sidebar .bloque {
		margin-bottom: 15px;
		padding-bottom: 20px;
		border-bottom: 1px #666 solid;
		font-size: 12px;
	}

	#int-galeria #sidebar h4 {
		color: #fff;
		font-size: 16px;
		margin-bottom: 20px;
	}
	
	#int-galeria #sidebar p {
		margin-bottom: 15px;
		line-height: 17px;
	}

#galeria .panel-overlay {
	border-top: 1px #808080 solid;
}

#int-galeria #galeria .panel h2 {
	font-size: 16px;
	color: #fff;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	margin: 5px 0 0px 0;	
}

#int-galeria #galeria .panel p {
	font-size: 12px;
	color: #fff;
}

#int-contacto form label {
	display: block;
}

#int-contacto form .inp-txt {
	display: block;
	width: 395px;
	border: 1px #999999 solid;
	height: 20px;
	padding-top: 3px;
	padding-left: 3px;
}

#int-contacto textarea {
	width: 395px;
	padding-left: 3px;
	border: 1px #999999 solid;
	height: 81px;
	padding-top: 3px;
}

#int-contacto .cSubmit {
	background: url("../img/csubmit.jpg") no-repeat;
	display: block;
	width: 97px;
	overflow: hidden;
	height: 21px;
	float: right;
}

#int-contacto .cSubmit span {
	display: block;
	padding-top: 50px;
}

/* TERMINAN ESTILOS PARA GALERIA */
.blanco {
	color: #fff!important;
	font-weight: bolder;
}

/* EMPIEZAN ESTILOS PARA CLIENTES */
.cliente-logo {
	display: inline;
	position: relative;
	width: 199px;
	height: 84px;
	overflow: hidden;
	float: left;
	margin-right: 13px;
	margin-bottom: 24px;
	padding: 0;
}

.cliente-logo a {
	display: block;
	padding-top: 100px;
}

#logo-protosa a {
	background: url(../img/cliente_protosa_off.jpg) no-repeat;
}

#logo-steren a {background: url(../img/cliente_steren_off.jpg) no-repeat;}
#logo-moyeda a {background: url(../img/cliente_moyeda_off.jpg) no-repeat;}
#logo-garsep a {background: url(../img/cliente_garsep_off.jpg) no-repeat;}
#logo-alen a {background: url(../img/cliente_alen_off.jpg) no-repeat;}
#logo-sct a {background: url(../img/cliente_sct_off.jpg) no-repeat;}
#logo-techa a {background: url(../img/cliente_techa_off.jpg) no-repeat;}
#logo-mg a {background: url(../img/cliente_mg_off.jpg) no-repeat;}

.cliente-logo a:hover {background-position: 0 -84px!important;}

#logo-techa, #logo-mg {position: relative; top: -20px}

#sidebar ul {}
#sidebar ul li {list-style: none; margin-bottom: 5px;}
#sidebar ul li a {
	text-decoration: none;
	padding-bottom: 2px;
	position: relative;
	border-bottom: 1px #ccc solid;
}

/* TERMINAN ESTILOS PARA CLIENTES */ 

#logo-nosotros1 {position: relative; width: 60px; overflow: hidden; float: left; border: 0;}
#logo-nosotros2 {position: relative; border: 0; margin-bottom: 20px;}

.bienv a {font-weight: bolder!important; text-decoration: underline!important;}
.bienv h5 {font-weight: bolder!important;}