body
{
	color:#fff;
	display:none;
	margin:0 auto;
	overflow:hidden;
	background-color:#999;
	font-family: 'PT Sans', sans-serif;
}

a, a:visited{
	color:inherit;
	text-decoration:none;
}



.espacio{clear:both;}

.current a{
	font-weight:normal;
}

.current a{
	font-weight:bold;
}

#back, #next, #social{z-index:11;}

#contenedor_body{
	margin:0 auto;	
}
#alerta p{color:#FFF;}
#imagen_proyectos{
	position:fixed;
    width: 100%;
    height: 100%;
	z-index:1;
}

#imagen_proyectos img{
	position:fixed;
	width: 100%;
	height: 100%;
}

#imagen_proyectos2
{
	background-color:#FFF;
	height:100%;
	position:fixed;
	width:100%;
	z-index:-1;	
}


#titu_proyectos
{
	background-color:#FFF;
	color:#333;
	height:20px;
	margin-top:220px;
	position:fixed;
	width:100%;
	padding-left:50px;
}

	#titu_proyectos h2
	{
		font-size:10pt;
		font-weight:normal;
		float:left;
		margin-right:2px;
		margin-top:0px;
	}
	
#titu_publicaciones
{	
	background-image:url(../imgs_body/menu_pixel.png);
	background-repeat:repeat;
	color:#fff;
	height:20px;
	margin-top:180px;
	position:fixed;
	width:100%;
	z-index:5;
}

	#titu_publicaciones ul
	{
		font-size:10pt;
		font-weight:100;
		text-decoration:none;
		list-style:none;
		margin-top:0;
		margin-left:30px;		
		text-align:left;
		
	}
	
	#titu_publicaciones ul li
	{
		background-image:url(../imgs_body/linea_menu.png);
		background-repeat:no-repeat;
		background-position:0 2px;
		display:inline;		
		padding-left:50px;
		padding-right:50px;
		width:180px;
	}

#cont_ubicacion
{
	color:#666666;
	height:281px;
	margin-top:280px;
	position:fixed;
	width:100%;
	z-index:50;
}
	
	#ubicacion
	{
		/*border:1px solid red;*/
		height:260px;
		margin:0 auto;		
		padding-top:21px;
		width:608px;
	}
	
	#ubicacion #datosContacto
	{
		float:left;		
		margin:0 21px;
		width:222px;
	}
	
		#ubicacion #datosContacto h2
		{
			background-image:url(../imgs_body/lineaBlanca.png);
			background-repeat:repeat-x;
			background-position:0 15px;
			font-size:14px;
			margin:0px;			
		}
		
		#ubicacion #datosContacto h3
		{
			font-size:12px;
			font-weight:bold;
			margin-left:0;
			margin-top:20px;
			margin-bottom:30px;
		}
		
		#ubicacion #datosContacto p
		{
			font-size:12px;
			margin-left:0;
			margin-top:5px;
			margin-bottom:30px;
			line-height:25px;
		}
		
		#ubicacion #datosContacto h4
		{
			font-size:11px;
			margin-left:0;
			margin-top:5px;
			line-height:20px;
			font-size:12px;
			font-weight:normal;
		}
	
	#ubicacion #mapa
	{
		float:left;
		width:410px;
		margin-top:13px;
		
	}
/******estilos formularios******/


form{
	/*border:1px solid red;*/
	float:left;
	width:342px;
	padding:0px 0;
	font-family:"ITCAvantGardeGothicBook";
	font-size:12px;
	font-weight:bold;
}

div.medidas{
	margin: 10px 0 10px 50px;
}
div.medidas label{
	float:left;
	font-size:9px;
	width:274px;
	line-height:23px;
}
div.medidas input, div.medidas select{
	width:270px;
	height:30px;
	background-color:#353334;
	color:#CCC;
}
div.medidas select{
	width:274px;
}
div.medidas textarea
{
	background-color:#353334;
	color:#CCC;
	width:270px;
}
input.boton{
	background: #333;
	color:#FFF;
	margin-left: 267px;
	border:none;
}

#nombreFile{
	width:273px;
}

#btnSubeFile{
	width:100px;
}

/*******************************************************/

.scrollable
{
	
	max-width:100%;	
	margin-left:0px;	
	margin-top:300px;
	position: fixed;	
	padding-left:15px;
	padding-bottom:10px;
	padding-top:10px;
	overflow:hidden;
	z-index:6;

}
	.scrollWrapper{		
		margin-left:30px;
	}
	
	#lista_scrollwrapper{margin-left:0px;}

	.scrollableArea img
	{
		position: relative;
		float: left;
		padding: 0;
	}

	#contenedor_fotos{
		height:190px;
		overflow:hidden;
		max-width:100%;
		width:100%;
	}

	#contenedor_fotos .cont_thumbYtext{
		left:-50px;
	}

	.siHeight{height: 200px;}
	
	div.cont_thumbYtext
	{
		float:left;
		height:200px;
		margin-right:52px;
		width:190px;
		
	}
		
		div.cont_thumbYtext h2
		{
			color:#666;	
			font-weight:normal;		
			font-size:12px;
			margin-top:5px;
			
		}
		
		div.cont_thumb
		{
			cursor:pointer;		
			width:190px;
			height:150px;
			overflow:hidden;
			z-index:-1;
			
		}
	
	.hoverscroll {		
		color:#666;
		float:left;		
		margin-right:15px;
		margin-left:50px;
		margin-top:240px;
		font-family:"Century Gothic", "Helvetica";
	}
		.hoverscroll ul{
			list-style:none;
			margin:0;
			padding:0;
		}
		
		.hoverscroll ul li
		{			
			font-size:12px;
			font-weight:normal;
			margin-top:0px;
			margin-right:2px;
			margin-left:0px;
			padding:0px;
			float:left;
		}		
		
		
		.hoverscroll h2
		{
			font-size:12px;
			font-weight:normal;
			margin-top:0px;
			margin-right:2px;
			margin-left:0px;
			padding:0px;
			display:inline-block;
		}
		
		.white{color:white;}
		
	#cronologia2
	{
		background-image:url(../imgs_body/menu_pixel.png);
		background-repeat:repeat;		
		float:left;
		margin-top:215px;
		padding-left:70px;		
		width:100%;		
	}
	
		#cronologia2 h2
		{
			display:inline-block;
			font-size:8pt;
			font-weight:normal;
			margin-top:0px;
			margin-right:2px;
			margin-bottom:2px;
		}

.tiraPublicaciones
{
	background-image:url(../imgs_body/menu_pixel.png);
	background-repeat:repeat;
	height:140px;
	margin-left:0px;	
	margin-top:263px;
	overflow:hidden;
	padding-left:15px;
	padding-bottom:10px;
	padding-top:10px;
	position: fixed;	
	width:100%;
	z-index:6;
}

.tira{
	
}

	.contProyecto
	{
		/*border:1px solid red;*/
		width:280px;
		height:170px;
		float:left;
	}
	
		.contProyecto img
		{
			float:left;
			margin-left:5px;
			margin-right:5px;
		}
		
		.contProyecto h2
		{
			color:#666666;
			float:left;		
			font-size:12px;
			margin-left:3px;
			margin-top:0px;
			width:120px;
		}
		
		.contProyecto p
		{
			color:#666666;
			float:left;
			font-size:10px;
			margin-left:3px;
			margin-top:-8px;
			padding:0;
			width:100px;
		}
		
		.contProyecto a
		{
			font-weight:bold;
			float:left;		
			font-size:10px;
			font-weight:normal;
			margin-left:3px;
			margin-top:-8px;
			width:118px;
			color:black;
			
		}
	
	.premiosL
	{
		/*border:1px solid red;*/
		width:320px;
		height:200px;
		float:left;
	}
	
		.premiosL img
		{
			float:left;
			margin-left:5px;
			margin-right:5px;
		}
		
		.premiosL h2
		{
			color:#666666;
			float:left;
			font-size:12px;
			margin-left:3px;
			margin-top:0px;
			width:180px;
		}
		
		.premiosL p
		{
			color:#666666;
			float:left;
			font-size:10px;
			margin-left:3px;
			margin-top:-8px;
			padding:0;
			width:180px;
			text-align:justify;
		}
		
		.premiosL a
		{			
			font-weight:bold;
			float:right;		
			font-size:10px;
			font-weight:normal;
			margin-right:77px;
			margin-top:0px;
			
		}

/*****************************************************************/
.scrollingHotSpotLeft,
.scrollingHotSpotRight{
	/*border:1px solid red;*/
	
}

#pestanita
{
	background-image:url(../imgs_body/px_proyectos.png);
	background-repeat:repeat;	
	min-height:30px;
	margin-top:180px;
	margin-left:-278px;	
	overflow:hidden;
	position:fixed;	
	width:300px;
	z-index:9;
}

	#pestanita h2
	{
		
		font-size:12px;
		font-weight:normal;
		margin:1px 0 0 5px;
		text-transform:capitalize;
		width:260px;
	}
	
	#pestanita h3
	{
		font-weight:bold;
		cursor:pointer;		
		font-size:11px;
		font-weight:normal;
		margin:0px 0 0 5px;
	}
	
	#pestanita span
	{
		cursor:pointer;
		margin-left:280px;
		margin-top:5px;
		position:fixed;
	}
	
#cont_descripcion
{
	background-color:#FFF;
	height:100%;
	margin-left:0px;
	margin-top:0px;
	width:100%;
	position:fixed;
	z-index:0;
}

	#cont_gale_pag
	{
		margin:13% auto;
		width:950px;		
	}
		#galeria_descripcion
		{
			float:left;
			width:666px;
		}
				
				#contPaginador #Items
				{
					float:left;
				}
				
				#Items{
					width:270px;
					height:30px;
					background-color:#353334;
					color:#CCC;
				}
			
				#contPaginador #paginador
				{
					color:#000;					
					margin-top:0;
					text-align:center;
					font-size:13px;
					width:663px;
				}
				
				#paginador a
				{
					color:#999;					
					padding:5px;
				}
								
				#paginador a:hover{color:#000;}
				#paginador a.activeSlide{color:#000;}
	
		#cont_datos
		{			
			color:black;
			float:left;			
			margin-left:25px;
			margin-top:0px;
			overflow:auto;
			width:220px;
		}
			#cont_datos #cabecera h2
			{
				color:black;
				font-size:11px;				
				float:left;
				width:180px;
				position:fixed;
				margin-left:0;
				margin-top:0;
				text-transform:capitalize;
			}
			
			#cont_datos #cabecera h3
			{				
				cursor:pointer;				
				font-size:18px;
				margin-left:210px;
				position:fixed;
				margin-top:0;
			}
			
			#cont_datos a
			{
				position:fixed;
				margin-left:164px;
				margin-top:43px;
			}
		
			#texto_descrip
			{
				height:256px;				
				font-size:13px;
				margin-top:80px;
			}
			#texto_descrip #tDesc{
				width:200px;
				text-align:justify;
			}




/***********************************************************/
/******************efectos para filtros*********************/
/***********************************************************/

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}