/* DEFINICIÓN DE LOS ESTILOS GENERALES Y RESET DE ESTILOS */

*{padding: 0; margin: 0;}

img{ border: 0;}

ul { list-style: none; padding: 0; margin: 0; display:block; }

h1, h2, h3, h4, h5, h6 { margin: 0px; font-size: 1em; padding: 0px;}

a{ text-decoration: none; color: #666; font-family: Verdana; }

body{ font-family: Verdana; font-size: 62.5%; color:#FFF; background:#4E4E4E;}


/* DEFINICIÓN DE CLASES GENERALES */

.rojo { color:red; }
.negrita { font-weight:600; }
.header{
	width: 1050px;
	margin:auto;
	background:url('http://cucel.com/_imagenes/_iconos/fondo_logo.png') no-repeat 31px 99px;
	height:165px;
}
.header .fondo {
	margin:0 0 0 200px;
}
.header img{
	margin:22px 0 0 31px;
}
.header img:hover{
	margin:25px 0 0 31px;
}
.contenedor {
	width: 1050px;
	margin:auto;
}
.contenedor .sidebar{
	float:left;
	width:182px;
	padding:207px 0 0 0;
}
.contenedor .sidebar li{
	width:175px;
	text-align:right;
	padding-top:5px;	
}
.contenedor .sidebar .current{
	width:165px;
}
.contenedor .sidebar .current a{
	color:#8E9999;
}
.contenedor .sidebar .current a:hover{
	padding:0 0 0 0;
}
.contenedor .sidebar .current .cuadrito{
	background:#8E9999;
}
.contenedor .sidebar .cuadrito{
	float:right;
	width:5px;
	height:6px;
	background:#FFF;
	margin:5px 0 0 10px;
}
.contenedor .sidebar a{
	color:#FFF;
	font-size:13px;
}
.contenedor .sidebar a:hover{
	color:#8E9999;
	padding:0 10px 0 0;
}
#presentacion{
	float:left; 
	width:0; 
	height:300px;
	overflow:hidden;
	margin:26px 0 0 70px;
}


#cont-somos{
	float:left; 
	overflow:hidden; 
	height:500px; 
	width:0;
	margin-top:16px;
}
#cont-somos .sup-somos{
	float:left; 
	width:800px;
}
#cont-somos .menu-somos{
	float:left; 
	margin:20px 0 0 30px;
}
#cont-somos .menu-somos li{
	padding-top:5px;
	text-align:left;
}
#cont-somos .menu-somos .cuadrito{
	float:left;
	width:5px;
	height:6px;
	background:#FFF;
	margin:5px 10px 0 0;
}
#cont-somos .menu-somos a{
	color:#FFF;
	font-size:13px;
}
#cont-somos .menu-somos a:hover{
	color:#8E9999;
	padding:0 0 0 10px;
}
#cont-somos .menu-somos .current{
	width:165px;
	margin-left:10px;
}
#cont-somos .menu-somos .current a{
	color:#8E9999;
}
#cont-somos .menu-somos .current a:hover{
	padding:0 0 0 0;
}
#cont-somos .menu-somos .current .cuadrito{
	background:#8E9999;
}
#fotos-somos{
	float:left; 
	width:407px; 
	height:300px;
}
#texto-somos{
	float:left; 
	width:390px; 
	height:300px; 
	background:#dbdbdb;
}
#texto-somos .descripcion{
	color:#000; 
	font-size:12px; 
	padding:10px 20px; 
	line-height:18px;
}

#servicios{ 
	float:left; 
	width:830px; 
	height:370px; 
	overflow:hidden; 
	margin:14px 0 0 0; 
}
#servicios #lista-servicios{ 
	float:left; 
	width:650px; 
}
#servicios #desc-servicios{ 
	float:left; 
	width:175px; 
	margin: 0 0 0 5px; 
	font-size: 11px; 
	line-height: 18px; 
}
#servicios #lista-servicios li{ 
	float:left; 
	text-align:center; 
	font-size:12px; 
	width:162px; 
	height:190px; 
}
#servicios #lista-servicios img{ 
	width:153px; 
	height:132px; 
}
#servicios #lista-servicios li a{ color:#FFF; }

#menu-servicio{ 
	float:left; 
	width:240px; 
	height:100%; 
	padding:0 0 0 20px; 
}
#menu-servicio li{ 
	float:left; 
	width:100%; 
	font-size:12px; 
	height:23px;  
}
#menu-servicio .titulo{ 
	padding:13px 0 90px 0; 
}
#menu-servicio a{ 
	color:#FFF; 
}
#menu-servicio a:hover{
	color:#8E9999;
	padding:0 0 0 10px;
} 
#fotos-servicios{ 
	float:left; 
	width:375px; 
	height:300px; 
}
#menu-servicio .cuadrito{
	float:left;
	width:5px;
	height:6px;
	background:#FFF;
	margin:5px 10px 0 0;
}
#menu-servicio .current a{ 
	color:#8E9999; 
}


.footer-obra{ float:left; width:600px; margin:-20px 0 0 200px; font-size:11px; }

.imagenes-obra{float:left; width:375px; height:350px; }
.imagenes-obra #imagen-obra{ float:left; width:375px; height:300px; margin:0 0 0 -10px; }

.imagenes-obra ul{ float:left; width:100%; font-size:12px; }
.imagenes-obra ul li{ float:left; width:20px; padding:5px 0 0 0; }
.imagenes-obra ul li a{ color:#FFF; }
.imagenes-obra ul li a:hover{ color:#8E9999; }
.imagenes-obra ul .current a{ color:#8E9999; }

.info-trabajo{ float:right; width:180px; font-size:11px; }

#enlaces{ 
	float:left; 
	width:800px; 
	margin:60px 0 0 0; 
}
#enlaces li{ 
	float:left; 
	height:100px; 
	padding:0 10px 
}
#enlaces li img{ 
	vertical-align:middle; 
}
.contenedor .boton{
	float:left;
	margin:200px 0 0 50px;
}
.contenedor .boton img{
	float:left;
}
.contenedor .boton a{
	color:#FFF;
}
.contenedor .boton p{
	float:left;
	margin:40px 0 0 10px;
	font-size:13px;
}

.contenedor .mapa{
	float:left;
	margin:45px 0 0 0;
}
.contenedor .datos{
	float:left;
	margin:25px 0 0 30px;
	font-size:13px
}
.contenedor .datos p{
	margin-top:3px;
}
.contenedor .datos span{
	font-weight:bold;
}

.footer{ position:absolute; width: 670px; margin:423px 0 30px 415px; text-align:center;  }
.footer p{ padding:0 0 0 70px; }

.imagen-hover{ position:absolute; margin:0 0 0 5px; display:none;}