@font-face {
  font-family: myHelveticaLight;
  src: local("Helvetica Neue Thin"),
       local("HelveticaNeue-Thin"),
	   local("HelveticaNeueLT Std Thin"),
       url(HelveticaNeueLTStd-Th.otf);
} 
	 .textobanco{
	font-family: font-family:  "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-weight: 600;
	font-size: 15px;
	font-weight: 700;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
}   
	  
	    #final-tg  {padding-right: 5px;  width: 100%; top:80px; display: block; 
overflow-x: hidden; left:10px; padding-left:5px; z-index:-1;}

        #final-tg ul { margin-right: 5px; padding: 0; height: 0px; }
        #final-tg li { list-style-type: none; }
        #final-tg li a { color: #ccc; float: center; margin: 0px; padding: 0px; text-decoration: none; }
        #final-tg li a:hover, #final-tg li a.selected { background: #000; color: #fff; }
        
        #final-tg .tile .caption {
	        position: absolute;
	        bottom: 0;
	        left: 0;
	        width: 100%;
	        background: url(images/opaque.png);
	        font-family: cursive;
	        opacity:0;
	        transition: all .3s;
	        height: 100%;
        }
        #final-tg .tile > * {
	        border: 0px solid #444;
	        border-radius: 0px;
			margin-right: 0px;
        }
        #final-tg .tile a:hover .caption {
        	opacity:0.5;
        }
        #final-tg .tile .caption p {
	        margin:0px;
	        color: #fff;
	        font-size: 14px;	    
        }
        .load {
	        width: 300px;
	        display: block;
	        margin: 0px;
	        color: #fff;
	        text-decoration: none;
	        padding:0px;
	        text-align: center;
			
        }
		 .logoheader {
			 padding-top:25px;
			 padding-left:16px;
			 position:fixed;
			 background:#FFF;
			 top:0px;
			 left:0px;
	        width: 100%;

	        display: block;
	z-index:100;
			
        }

        .ftg-loading-panel {
		    position: fixed;
		    bottom: 0;
		    left: 0;
		    width: 100%;
		    background: url(images/overlay.png);
		    color: #fff;
		    z-index: 1000;
		    text-align: center;
		    font-size: 26px;
		    font-weight: bold;
		    padding:0px;
		    border-top:0px solid #666;
		}
		h1 { color: #fff; }
        h2 { color: yellow; font-size: 16px; }

        .logo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 45px;
	font-weight: bold;
	color: #000;
	font-style: normal;
	line-height: 35px;
	font-variant: normal;
	text-decoration: none;
}

body {
	background-color: #fff;
	margin:0;
}
.web{
	background-color: #fff;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	width:100%;
	display:block;
	padding-left:15px;
	padding-top:20px;
	padding-bottom:0px;
	display:visible;
	

	
}
.moda{
	width:80px;
	position:fixed;
	top:73px;
	left:350px;
	display:visible;
	z-index:5;
	

	
}
.proyectos{
	width:80px;
	position:fixed;
	top:73px;
	left:480px;
	display:visible;
	z-index:5;
	

	
}

.intervenciones{
	width:80px;
	position:fixed;
	top:73px;
	left:680px;
	display:visible;
	z-index:5;
	

	
}
.objetos{
	width:80px;
	position:fixed;
	top:73px;
	left:680px;
	display:visible;
	z-index:5;
	

	
}

.restauraciones{
	width:80px;
	position:fixed;
	top:76px;
	left:1070px;
	display:visible;
	z-index:5;
	

	
}
.nombreproyecto2{
	background-color: #fff;
	position:fixed;
	top:100px;
	left:0px;
	right:0px;
	width:100%;
	display:block;
	padding-left:25px;
	padding-top:0px;
	padding-bottom:0px;
	display:visible;
	z-index:21;
	

	
}
.nombreproyecto3{
	background-color: #ccc;
	position:fixed;
	left:0px;
	right:0px;
	width:100%;
	display:block;
	padding-left:25px;
	padding-top:0px;
	padding-bottom:0px;
	display:visible;
	z-index:23;
	height:100px;
	

	
}
.nombreproyecto{
	background-color: #fff;
	position:fixed;
	top:101px;
	left:0px;
	right:0px;
	width:100%;
	display:block;
	padding-left:15px;
	padding-top:0px;
	padding-bottom:0px;
	display:visible;
	

	
}
.nombreproyectoweb{
	background-color: #fff;
	position:fixed;
	top:80px;
	left:-4px;
	right:0px;
	width:100%;
	display:block;
	padding-left:15px;
	padding-top:0px;
	padding-bottom:0px;
	display:none;
	line-height:25px;
	

	
}
.logo{
	background-color: #fff;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	width:100%;
	display:block;
	padding-left:15px;
	padding-top:20px;
	padding-bottom:5px;
}
.despliegue{
	background-color: #fff;
	position:fixed;
	top:80px;
	left:0px;
	width:100%;
	height:330px;
	z-index:100;
}
  .masinfo{

	 position:fixed;
	 left:970px;
	 top:115px;
	 z-index:120;
    }
	  .masinfocelu{

	 display:none;
    }

}
  .movil{
     display:block;
    }
		.menuproyecto {
	font-family:  "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-size: 26px;
	font-weight: 100;
	font-variant: thin;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
	padding-left: 0px;
	
}
	.menutextoweba {
	font-family:  "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-weight: 600;
	font-size: 30px;
	font-weight: 700;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
	padding-left: 25px;
}
.menutextoweba:hover {
	
	font-size: 30px;
	font-weight: 700;
	font-variant: normal;
	text-transform: capitalize;
	color: #D0D0D0;
	text-decoration: none;
}
.menutextoweb {
	font-family: font-family:  "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-weight: 600;
	font-size: 25px;
	font-weight: 700;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}
.menugris {
	font-family: font-family:  "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-weight: 600;
	font-size: 25px;
	font-weight: 700;
	font-variant: normal;
	text-transform: capitalize;
	color: #D0D0D0;
	text-decoration: none;
}
.menugris:hover {
	font-family: font-family:  "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-weight: 600;
	font-weight: 700;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
}
.menutextoweb:hover {
	
	font-weight: 700;
	font-variant: normal;
	text-transform: capitalize;
	color: #D0D0D0;
	text-decoration: none;
}
.menutexto {
	font-family: font-family:  "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-weight: 600;
	font-size: 35px;
	font-weight: 700;
	font-variant: normal;
	text-transform: capitalize;
	color: #D0D0D0;
	text-decoration: none;
	padding-left: 10px;
	line-height: 50px;
}
.menutexto:hover {
	
	font-size: 35px;
	font-weight: 700;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
}
.infoboton {
	background-color: #ffffff;
	width: 60px;
	height: 30px;
	font-family: font-family:  "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-weight: 600;
	font-size: 17px;
	font-weight: 700;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	padding: 5px;
	margin-right:30px;
	border: 1px solid #FFF;
	cursor: pointer;
	outline:0 !important;
	display:block;}
	.infoboton2 {
	background-color: #ffffff;
	width: 60px;
	height: 30px;
	font-family: font-family:  "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-weight: 600;
	font-size: 17px;
	font-weight: 700;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	padding: 5px;
	margin-right:30px;
	border: 1px solid #FFF;
	cursor: pointer;
	outline:0 !important;
	display:none;}

.infoboton:hover {

	color: #cccccc;
	cursor: pointer;
	outline:0 !important;

}
.descript {
position: fixed;
left: 0px;
right:0px;
top: 132px;
background-color: #ffffff;

padding-bottom:20px;
width: 100%;
height: auto;
display:none;
}
.descriptbold {

font-family: font-family:  "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-weight: bold;
	font-size: 17px;
	color: #000000;
	text-decoration: none; 
	line-height: 20px;
z-index:20;

}
.descriptnormal {

font-family: font-family:  "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;

	color: #000000;
	text-decoration: none; 
	line-height: 20px;
z-index:20;

}
  .cajatexto {
	        width:48%;
			
        }
@media (min-width: 1000px) {
		.masinfocelu{
	  display:none;
    }
	.masinfo{

	 position:fixed;
	 left:1205px;
	 top:113px;
	  display:block;
    }
	
	  .nombreproyecto{
     display:block;
    }
	  .nombreproyectoweb{
     display:none;
    }
    .movil{
     display:none;
    }
	  .web{
     display:block;
    }
	#final-tg  {padding-right: 0px; position:absolute; width: 99%; top:80px; display: block; 
overflow-x: hidden; left:0px; left:6px; z-index:-1; margin-right:6px;}
	.principal2{
		display:none;

    }
		.principal{
		display:block;

    }

	
	}
@media (max-width: 2000px) {
		.masinfocelu{
	  display:none;
    }
		.masinfo{
  
	 position:fixed;
	 left:1205px;
	 top:113px;
	 display:block;
    }
	.cajatexto {
	        width:60%;
			
        }
	#final-tg  {padding-right: 0px; position:absolute; width: 99%; top:80px; display: block; 
overflow-x: hidden; left:0px; left:6px; z-index:-1; margin-right:6px;}
	
		.principal{
		display:block;

    }

}
@media (max-width: 600px) {
	.containerhome2{
		
		display:block;

    }
	.containerhome{
		
		display:none;

    }
		.web{
		
		display:none;

    }
	}
	@media (min-width: 601px) {
	.containerhome2{
		
		display:none;

    }
	.containerhome{
		
		display:block;

    }
	}
@media (max-width: 999px) {
	
			 .anchoimagen{

        padding-left:0px;
		margin:0px;
		
    }
	.nombreproyecto2{

	top:80px;
	left:-12px;

	

	
}

			.menuproyecto {
	font-family:  "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-size: 18px;
	font-weight: 100;
	font-variant: thin;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
	padding-left: 0px;
	
}
		.web{
		
		display:none;

    }
	.principal{
		
		width:auto;
		height:100%;
		top:100px;
		position:aboslute;
		float:center;
		left:0px;
		top:100px;
		display:block;

    }
	.masinfocelu{
	  display:block;
    }
	
		.masinfo{
 
	 position:absolute;
	 left:90%;
	 top:113px;
	  display:none;
    }
	.cajatexto {
	        width:100%;
			
        }
	  .nombreproyecto{
     display:none;
    }
		  .moda{
     display:none;
    }
	  .proyectos{
     display:none;
    }
	  .intervenciones{
     display:none;
    }
	  .restauraciones{
     display:none;
    }
	  .objetos{
     display:none;
    }
	  .nombreproyectoweb{
     display:block;
    }
	#final-tg  {padding-right: 0px; position:absolute; width: 99%; top:80px; display: block; 
overflow-x: hidden; left:0px; left:6px; z-index:-1; margin-right:6px;}
	

}
.principal{
	top:100px;
	left:0px;
	 width:100%;
		height:auto;
		margin:0px;
		z-index:-1;

    }	
	.principal2{
		height:auto;
        width:100%;
		
		margin:0px;
		z-index:-1;

    }

	.containerhome{
		position:absolute;
       top:120px;
		left:0px;
		right:0px;
		z-index:-1;
		overflow-x: hidden;

    }
		.containerhome2{
		position:absolute;
       top:120px;
		left:0px;
		right:0px;
		z-index:-1;
		overflow-x: hidden;

    }
	.footer{
	background-color: #ffffff;
	position:fixed;
	height:20px;
	bottom:0px;
	left:0px;
	right:0px;
	width:100%;
	display:block;
	padding:10px;
	text-align:right;
	display:visible;
z-index:100;
	

	
}
.footerfont2
{
	font-family: "HelveticaNeueBold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-weight: 600;
	font-size: 14px;
	font-weight: 700;
	font-variant: normal;
	color: #999999;
	text-decoration: none; 
	line-height: 20px;
	

	
}
.footerfont2:hover
{
	font-family: "HelveticaNeueBold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-weight: 600;
	font-size: 14px;
	font-weight: 700;
	font-variant: normal;
	color: #000000;
	text-decoration: none; 
	line-height: 20px;
	

	
}
.footerfont
{
	font-family:  "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-size: 14px;
	font-weight: 100;
	font-variant: normal;
	color: #000000;
	text-decoration: none; 
	line-height: 20px;
	

	
}
.footerfont:hover
{
	font-family:  "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-size: 14px;
	font-weight: 100;
	font-variant: normal;
	color: #D0D0D0;
	text-decoration: none; 
	line-height: 20px;
	

	
}
	.separador{
		position:relative;
		width:100%;
		height:100px;
		background-color:#30C;
		margin-bottom:100px;
		left:0px;

    }