body{
text-align:center;
font-size:12px;
font-family: Georgia;


}
a{
text-decoration:none;
color:#000;
}
strong{
font-weight:600;
}

em{

font-style:italic;
}
div.absoluto{
position:absolute;
top:0px;
left:0px;
}
h1.titulo{
	font-size:40px;
	font-weight:bold;
	padding:0px;
	margin:28px 0px 0px 33px;
	float:left;
	

}
.paddingTop30px{
	padding-top:30px;
}
.paddingTop20px{
	padding-top:15px;
}
.opaco{
	filter: alpha(opacity=40);
	opacity: .4;
	-moz-opacity:0.4;
}
/*CSS ESPECÍFICOS*/
#main{
	width:950px;
	margin:auto;
	text-align:left;
	position:relative;
	top:0px;
	left:0px;
	
}
#wrapperMenuSup{
	border:0px red solid;
	float:right;
	padding:0px;
	margin:33px 33px 33px 0px;
	font-size:12px; 
	font-weight:500;
}
#wrapperMenuSup ul{
	padding:0px;
}
#wrapperMenuSup  ul li{
	list-style:inline;
	float:left;
	padding:0px 0px 0px 60px;
	position:relative;
	top:0px;
	left:0px;
}
#wrapperMenuSup  ul li a{
	text-decoration:none;

}
#wrapperMenuSup  ul li div{
	padding-bottom:2px;
	position:relative;
	top:0px;
	left:0px;
}
#cuerpo{
width:950px;
/*background-image:url(../img/home/guia.jpg);*/
background-repeat:no-repeat;
position:relative;
top:0px;
left:0px;


}
#cuerpoProyectos{
width:950px;
height:516px;
overflow:hidden;
/*background-image:url(../img/home/guia.jpg);*/
background-repeat:no-repeat;
position:relative;
top:0px;
left:0px;
}
#cuerpoContacto{
width:950px;
height:516px;
overflow:hidden;
/*background-image:url(../img/contacto/guia01.jpg);*/
background-repeat:no-repeat;
position:relative;
top:0px;
left:0px;
}
#cuerpoPerfil{
width:950px;
height:790px;
overflow:hidden;

position:relative;
}
#cerrar{	
	width:13px;
	height:15px;	
}
#ant{	
	width:13px;
	height:14px;	
}
#ant a{
	width:13px;
	height:14px;
}
#sig{	
	width:13px;
	height:14px;
}
#new{
	 position:absolute;
	 z-index:1;
	 top:12px;
	 right:-40px;
	 widht:50px;
	 height:50px;	
}
#wrapperMarcas{
	position:relative;
	top:33px;
	left:33px;
	width:185px;
	height:20px;
}
#wrapperMarcas div.cortina{
	z-index:1;
	background:white;
	position:absolute;
	top:0px;
	left:0px;
	height:20px;
	width:185px;
	/*filter: alpha(opacity=80);
	opacity: .8;
	-moz-opacity:0.8;*/
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	
}
#wrapperMarcas div.content{
	z-index:2;
	position:relative;
	top:0px;
	left:0px;
	/*height:20px;*/
	width:185px;
	padding:4px 10px;
	font-size:11px
}
#cortina_paginador{
	
	position:absolute;
	left:33px;
	top:64px;
	width:183px;
	height:46px;
	background-color:#fff;
	/*filter: alpha(opacity=80);
	opacity: .8 ;
	-moz-opacity:0.8 ;*/
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	
}
#paginador{
	 position:absolute;
	 left:33px;
	 top:64px;
	 width:165px;
	 height:58px;
	 padding:7px 10px;
	 font-size:11px;
	 

}
#paginador ul li {
	list-style:inline;
	padding:9px 12px 0px 0px;
	float:left;

}


#paginador ul li a{
	width:15px;
	padding:0px 1px;
	text-decoration:none;
	color:#000;
	font-family:Helvetica;

}
 

#paginador ul li a.seleccionado{
	border-top:3px solid #3ba6ad;
	text-decoration:none;
	color:#000;


}


#cortina_submenu{
	position:absolute;
	left:33px;
	top:122px;
	width:183px;
	height:320px;
	background-color:#fff;
	/*filter: alpha(opacity=80);
	opacity: .8 ;
	-moz-opacity:0.8;*/
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
#submenu{
	 position:absolute;
	 left:37px;
	 top:112px;
	 width:179px;
	 height:320px;
	 padding:8px 0px; 
	 font-size:11px;
	 

}
#submenu ul li {
	
	padding:10px 5px 2px 6px;
	line-height:13px;
	position:relative;
	top:0px;
	left:0px;
	cursor:pointer;
	width:145px;
	border:0px solid red;
	

}
#submenu ul li.new .texto{
	width:157px;
	border:0px green solid;
	
} 
#submenu .nombre{
 width:165px;
 font-style:italic;
 font-weight:bold;
}
#submenu ul li .texto{
	width:165px;
	overflow:hidden;
	font-family: Georgia;
	
		
}
#submenu ul li:first-child{
 	width:145px; 
}

.guion span{ 
	display:block;
	background:#000;
	width:10px; 
	height:4px; }
.guion span.seleccionado{
	background-color:#3ba6ad;
}
.cursiva{
	font-style:italic;
	font-size:13px;


}
.letraAzul, a.letraAzul{
	color:#3ba6ad;
	
}
.letraNegra, a.letraNegra{
	color:#000000
}
.oculto{
	display:none;

}
.derecha{
	float:right;
}
.izquierda{
	float:left;

}
.clearfix{
clear:both;
}


/*----------proyecto.php------------*/
h2.tituloProyecto{
	float:left;
	font-size:24px;
	font-style:italic;
	font-weight:bold;
	padding:33px 0px 15px 33px;

}
#descripcionProyecto{
	padding-top:20px;
	font-size:11px;
	width:340px;
	font-family:Georgia;
	line-height:16px;
}

#info{
	border-top:1px solid #000;
	padding:33px 0px 0px 0px;
	width:884px;
	height:auto;
	margin-left:auto;margin-right:auto;
	/*border:1px solid red;*/
	

}
#info div.derecha{
height:326px;
overflow:hidden;
}
#anio_proyecto{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:10px 8px 10px 0px;
	float:left;
	/*width:150px;*/
	font-size:13px;
	font-weight:bold;
	font-family:helvetica;

}
#new_proyectos{
	float:left;
	position:relative;
	right:-38px;
	bottom:15px;
	

}
#texto{
	float:left;
	padding-top:20px;
	line-height:14px;
	font-size:13px;
	width:250px;

}
#headerProyecto{
	border-top:1px solid black;

}
#paginadorProyectos ul{
margin-right:25px;
margin-top:30px;
}	
#paginadorProyectos ul li{
float:left;
padding:10px;
}
#paginadorProyectos ul li a{
	text-decoration:none;
	color:#fff;
	font-weight:bolder;

}
#imagenInferior{
	width:884px;
	height:auto;
	margin:auto;
	overflow:hidden;
	margin-bottom:30px;

}
#imagenInferior li{
	height:328px;
	overflow:hiden;
	position:relative;
	top:0px;
	left:0px;
	padding:0px;
	margin:0px;

}
#imagenInferior li img{
	padding:0px;
	margin:0px;
}

/*----------------------contacto css-----------------*/
#wrapperDatos{
	position:relative;
	top:34px;
	left:34px;
	width:185px;
	height:120px;
}

#wrapperDatos div.content{
	z-index:2;
	position:relative;
	top:0px;
	left:0px;
	height:97px;
	width:167px;
	padding:10px;
	background-color:#fff;
	border-top:1px #000 solid;
	border-bottom:1px #000 solid;
}

#links_inside{
	 border-top:1px #000 solid;
	 border-bottom:1px #000 solid;
	 position:absolute;
	 left:34px;
	 top:160px;
	 width:186px;
	 height:44px;
	 /*padding:10px 10px 10px 2px;*/
	 background-color:#fff;

	 
}
#links_inside ul{
	/*width:166px;	
	margin:14px 10px 14px 10px;
	padding:auto;*/
	width:270px;
	overflow:hidden;
	border:0px solid blue;
	position:absolute;
	left:10px;
	top:14px;
}

#links_inside ul li{
	display:inline;
	margin-right:16px;
	
}
#links_inside ul li a{ 
	padding:0px;	
}
#contacta{
	 position:absolute;
	 left:34px;
	 top:214px;
	 width:183px;
	 height:89px;
	 padding:3px 1px;
	 background-color:#fff;
	 border-top:1px solid #000;
	 border-bottom:1px solid #000;
	 line-height:15px
}
#contacta div div{padding:8px}
#contacta ul li{
	padding:3px 0px 8px 0px;

}


/*CLIENTES Y MARCAS*/
#wrapperContenido{
width:100%;

background:white;
border-top:1px solid black;
}
#wrapperContenido h2.tituloPrincipal{
font-style:italic;
font-weight:bold;
font-size:23px;
padding:33px 0px 15px 36px;



}
#containerContenido{
	margin-bottom:20px;	
	line-height:16px;
	font-size:12px;
	

}
.containerInfo{
	border-top:1px solid #000;
	padding:33px 0px;
	width:884px;
	height:auto;
	margin:auto;
}
.izquierdaContenido{
	float:left;
	width:300px;	
	margin-left:-30px;

	

}
.derechaContenido{
	float:right;
	width:610px;
	

}
#titulo_nosotros{
	font-family:Helvetica;
	margin:10px 0px 0px 30px;
	padding:7px 0px 7px 0px;
	width:300px;
	border-top:1px solid black;
	border-bottom:1px solid black;

}


 #containerDescripcionNosotros{
	margin:0px 0px 20px 30px;
	padding:15px 0px 30px 0px;
	width:300px;
	border-bottom:1px solid black;
	
}
#titulo_clientes{
	font-family:Helvetica;
	margin:10px 0px 0px 85px;
	padding:7px 0px 7px 0px;
	width:525px;
	border-top:1px solid black;
	border-bottom:1px solid black;

}


 #containerDescripcion{
	margin:0px 0px 20px 85px;
	padding:15px 0px 15px 0px;
	width:270px;
	border-bottom:1px solid black;
	height:90px;
}
.gridClientes{
	margin:30px 0px 0px 85px;
	color:#cccccc;
	font-size:15px;	
	line-height:20px;
}
.gridClientes li:hover{
	color:#000;

}
.clearfix{
clear:both;
}

ul.listaClientesMarcas{
margin-left:20px;
}

ul.listaClientesMarcas li{
padding:10px 10px 5px 10px;
position:relative;
top:0px;
left:0px;

}

ul.grid li{
float:left;
width:150px;
height:150px;
position:relative;
top:0px;
left:0px;
border:1px solid #ffffff;
}


/*
---
b-sides (caras b)
---
*/
wrapperBSides{
position:relative;
top:0px;
left:0px;
width:950px;

}
ul#gridBSides{

width:1000px;

}
ul#gridBSides li{
float:left;
width:190px;
height:190px;
border:0px solid black;
position:relative;
top:0px;
left:0px;
overflow:hidden;
cursor:pointer;
}
ul.lista2 li{
float:left;
width:40px;

cursor:pointer;
overflow:hidden;
margin-top:10px;
margin-right:10px;
border:1px solid #ffffff;
}
ul.lista2 li.seleccionado{

border:1px solid #333333;
}
/**/
div.imagenEncima{
text-align:center;
width:950px;
}
div.imagenEncima img{
margin:auto;
}