body{
	margin:0;
	padding:0;}
	

#contenido {
	margin:0; padding:0;}
	
#cabecera{
	margin:0;
	padding:0;
	width:100%;
	height:100px; }
	
#contenedor-cabecera {
	margin-left: auto;
	margin-right: auto;
	width: 820px;
	padding-top:25px;
	padding-bottom:25px; }
	
#navegacion{float:right; text-align: right; list-style:none;}

/* navegación 
ul#n1{float:right; list-style:none;}
ul#n1 li{ float:left;
	padding:0 10px 0 0; 
	font-family: Arial, Helvetica, sans-serif;	
	font-weight:bold; font-size:1em;
	color:#666;	
	display: inline;
	list-style:none;
	list-style-type: none;}
	
ul#n1 li a{text-decoration:none; color:#666; float:left}
ul#n1 li a:hover{text-decoration:none; color:#000;}
ul#n1 li.activo a{text-decoration:none; color:#00AFE9;}
ul#n1 li.activo a:hover{text-decoration:none; color:#000;}

ul#n2{ clear:both; float:left; text-align:right; margin-top:7px}
ul#n2 li{font-size:12px; font-weight:bold}
ul#n1 li ul#n2 li a{font-weight:normal; color:#a6a3a3; padding:2px;}
ul#n1 li ul#n2 li a:hover{color:#000;}
ul#n1 li ul#n2 li.activo a{color:#00AFE9;}
ul#n1 li ul#n2 li.activo a:hover{color:#000;}*/

/*NAVEGACION NUEVA*/
/* menu */
.menu { margin:10px 0 0 0; padding:0; float:right;}
.menu ul { float:left; margin:0; padding:0; list-style:none;}
.menu li { float:left; margin:0; padding:0 7px 0 5px; font:bold 12px Arial, Helvetica, sans-serif; color:#a6a6a6; float:left; background:url(images/m_l.gif) no-repeat right;}
.menu a { line-height:16px; float:left; font:normal 14px Arial, Tahoma, Geneva, sans-serif; color:#656565; margin:0 5px; padding:8px 0; text-decoration:none;}
.menu a span { padding:8px 10px;}
.menu a:hover { color:#999;}
.menu a:hover span {color:#999;}
.menu a.active { font-weight:bold; color:#00afe9;}
.menu a.active span {}


.menu2 { margin:0px 0 0 0; padding:0; float:right;}
.menu2 li { float:left; margin:0; padding:0 7px 0 5px; font:bold 12px Arial, Helvetica, sans-serif; color:#000; float:left; list-style:none}
.menu2 a {float:left; font:normal 12px Arial, Tahoma, Geneva, sans-serif; color:#999; margin:0 5px; padding:8px 0; 
text-decoration:none; }
.menu2 a span { padding:8px 10px;}
.menu2 a:hover { color:#999;}
.menu2 a:hover span {color:#999;}
.menu2 a.active { font-weight:bold; color:#00afe9;}
.menu2 a.active span {}
















		
	
#banda { 
	clear: both;
	background-image: url("img/tile.gif"); background-repeat:repeat-x;
	width:100%;
	height:248px; float:left; 
	margin-bottom:20px !important; margin-bottom:10px; 
	padding-bottom:0px; }
	
#contenedor-banda {
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0px;
	width: 820px;}
	
#principal {
	margin:0; 
	padding:0;
	width: 100%;}
	#principal img.seo{padding-top:20px; padding-left:23px}
	#principal img.seo2{padding-top:0px; padding-left:62px}
	
#contenedor-principal {
	margin-left: auto;
	margin-right: auto;
	width: 820px;
	padding-bottom:20px; margin-bottom:10px;}
	
	
/*galerias trabajos*/
#galeriaGr{
	margin:20px 0 0px 0px;}
	/*#galeriaGr img{
		border:36px solid #f1f1f1;}*/
#galeriaMin{
	margin:10px 0 0 0;}
	#galeriaMin img{
		border:2px solid #f1f1f1;}


#principal2 {
	clear: both; 
	margin:0;
	padding:0;
	width:100%;}
	
	
#casosestudio {
	float:left;
	color:#fff;
	width: 820px;
	clear: both; 
	width:100%;
	background-color: #fff;
	height:150px;
	border-top:1px dotted #ccc; 
	border-bottom:1px solid #ccc;}
	
		#casosestudio ul {
		margin:0 0 0 -30px !important; margin:0 0 0 -5px; 
		float:left; overflow:visible;
		list-style-type: none;}
		
		#casosestudio ul.imgredes { 
		float:left;
		list-style-type: none; padding-top:35px}
		
		#casosestudio li {
			font-family: Arial, Helvetica, sans-serif;
			font-weight:normal;
			font-size:0.8em;
			color:#ccc;
			text-align:center;
			display: inline;
			list-style-type: none; 
			display:block;
			float:left; margin-right:40px; }
			#casosestudio li img {display:block;}
			#casosestudio li img.bages { width:184px; overflow:visible; display:inherit}
			
			#casosestudio li a{ text-decoration:none;
			color:#999;}
			
			#casosestudio li a:hover{ clear:both; text-decoration:none;
			color:#666;}
	
#redessociales {
	float:left;
	color:#CCCCCC;
	width: 820px;
	clear: both; 
	width:100%;
	background-color: #999A9B;
	height:120px; border-bottom:1px solid #ccc;}
	
	#redessociales ul {
		margin:0 0 0 -30px !important; margin:0 0 0 -5px; 
		float:left; overflow:visible;
		list-style-type: none;}
		
		#redessociales ul.imgredes { 
		float:left;
		list-style-type: none; padding-top:25px}
		
		#redessociales li {
			font-family: Arial, Helvetica, sans-serif;
			font-weight:normal;
			font-size:0.8em;
			color:#ccc;
			text-align:center;
			display: inline;
			list-style-type: none; 
			display:block;
			float:left; margin-right:10px; }
			#redessociales li img {display:block;}
			#redessociales li img.bages { width:184px; overflow:visible; display:inherit}
			
			#redessociales li a{ text-decoration:none;
			color:#666;}
			
			#redessociales li a:hover{ clear:both; text-decoration:none;
			color:#333;}
			
	



#contenedor-principal2 {
	margin-left: auto;
	margin-right: auto;
	width: 820px;
	padding-bottom:20px;}


#pie {
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal; 
	font-size:0.85em;
	margin:10px 0 0 0;
	padding:0px 0 0 0; border-top:1px solid #f1f1f1;
	/*background-image: url("img/backgpie03.gif");*/
	width:100%;
	height:70px;
	text-align:center;}
	
	#contenedor-pie {
		margin:5px auto 0 auto;
		width: 820px;}
		
		#contenedor-pie p{
			font-family:Arial, Helvetica, sans-serif;
			font-size:0.8em;
			text-align:center;
			padding:15px 0 0 0 !important; 
			padding:5px 0 0 0;
			color:#666;}
			#contenedor-pie p .pieb{
				font-family:Arial, Helvetica, sans-serif; 
				font-size:1.2em;
				font-weight:bold;}
				#contenedor-pie p .copy{
				font-family:Arial, Helvetica, sans-serif; 
				font-size:0.8em;
				font-weight:normal; vertical-align:super}
				
.fondopie {
  background-color: #999A9B;
  background-image: url('img/backgpiee02.gif');
  background-position: top;
  background-repeat: repeat-x;
}		
		
/*celdas*/

.separador {
	width: 60px;}
.grid_0 {
	width: 20px;}
.grid_1 {
	width: 40px;}
.grid_2 {
	width: 100px;}
.grid_3 {
	width: 160px;}
.grid_4 {
	width: 220px;}
.grid_5 {
	width: 280px;}
.grid_6 {
	width: 340px;}
.grid_7 {
	width: 400px;}
.grid_8 {
	width: 460px;}
.grid_9 {
	width: 520px;}
.grid_10 {
	width: 580px;}
.grid_11 {
	width: 640px;}
.grid_12 {
	width: 700px;}
.grid_13 {
	width: 760px;}
.grid_14 {
	width: 820px;}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .separador, .grid_0 {
	display: inline;
	float: left;
}



#galeria li {
list-style-type: none;
padding-right: 40px;
width:220px;
float: left;}