/***********************
*******GENERAL**********
************************/
@font-face{font-family:"Future"; src:url('/font/future.ttf');}
*{
	margin:0;
	padding:0;	
}
body{  
	background:#ccc;
	font-family:"Arial";
}  

table{
	width:100%;	
}

#Contenedor{
	position:relative;
	width:100%;
	height:100%;
	background:#CCC;
}
.none{text-decoration:none; color:#ccc; font-family:"Arial";}

/***********************
******CABECERA**********
************************/
#CabeceraCont{
	position:relative;
	width:980px;
	margin:auto;
	height:150px;
}
#CabeceraTitulo{
	position:relative;
	float:left;
	width:25%;
	height:90%;
}
#CabeceraTitulo a{color:#666;font-size: 18px; text-decoration:none;}
.CabeceraTituloMayuscula{font-size:22px;}

#CabeceraPestanas{
	position:relative;
	float:right;
	width:75%;
	height:90%;
}
#CabeceraIdioma{
	position:relative; 	
	float:right;
	width:160px;
	padding-top:5px;
	height:20px;
	text-align:right;	
	font-size:14px;
}
#CabeceraPestanas ul li{
	display:inline;
	list-style:none;
}
#CabeceraPestanas ul li, #CabeceraPestanas ul li a{
	color:#666;
	text-decoration:none;
	font-size:14px;
}
#CabeceraPestanas ul li.press a, #CabeceraPestanas ul li a:hover{
	color:#fff;
}
/***********************
********CUERPO**********
************************/
#CuerpoBg{
	position:relative;
	width:100%;
	height:600px;
	background:#fff;
}
#CuerpoCont{
	position:relative;
	width:980px;
	margin:auto;
	height:490px;
}

#CuerpoMenu{
	position:relative;
	height:560px;
	width:290px;
	margin-top:20px;
	overflow:hidden;
	padding-right:15px;
}
/*Scroll sin barras*/
#CuerpoMenuHiddenScroll{
	width: 325px;
	height: 530px;
	overflow: auto;
	margin-top:10px;
}
#FlechaArriba{
	position:absolute;
	top:20px;
	left:300px;
	background:url('/img/flecha_arriba2.png') no-repeat;
	width:30px;
	height:30px;
}
#FlechaAbajo{
	position:absolute;
	top:550px;
	left:300px;
	background:url('/img/flecha_abajo2.png') no-repeat;
	width:30px;
	height:30px;
}
#FlechaArribaImg{
	position:absolute;
	top:20px;
	left:965px;
	background:url('/img/flecha_arriba2.png') no-repeat;
	width:30px;
	height:30px;
}
#FlechaAbajoImg{
	position:absolute;
	top:550px;
	left:965px;
	background:url('/img/flecha_abajo2.png') no-repeat;
	width:30px;
	height:30px;
}

#CuerpoMenu ul.pricipal li{
	list-style:none;
	padding-bottom:20px;
}
#CuerpoMenu ul.pricipal li a{
	color:#333;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}
#CuerpoMenu ul.pricipal li.press{
	color:#666;
}
#CuerpoMenu ul.secundaria{
	margin-top:10px;
	margin-left:20px;
}
#CuerpoMenu ul.secundaria li{
	list-style:none;
	color:#333;
	padding-bottom:10px;
}
#CuerpoMenu ul.secundaria li a{
	font-size:14px;
	font-style:italic;
	font-weight:100;
}
.subpestanaSubtitulo{
	font-style:normal;
	font-size:12px;
}
#CuerpoMenu ul.secundaria li.ultimo{
	padding-bottom:0px;
}
#CuerpoMenu ul li a:hover{
	color:#999;
}
#CuerpoPrincipal{
	position:relative;
	height:600px;
	overflow:hidden;
	width:685px;
	margin-top:10px;
}
/*Scroll sin barras*/
#CuerpoPrincipalHiddenScroll{
	width: 675px;
	height: 550px;
	overflow: auto;
	padding-right:60px;
	margin-left:-15px;
	margin-top:10px;
}

#CuerpoPrincipal ul {
	list-style:none;}
#CuerpoPrincipal ul.gallery li {
	float:right;
	position: relative;
}

/*Rollover imagenes*/
.view {
   width: 190px;
   height: 166px;
   margin: 10px;
   border: 0px solid #fff;
   overflow: hidden;
   position: relative;
   cursor: pointer;
   color:#fff;
   text-decoration:none;
}
.right{
	margin-right:0px;
}
.view .mask, .view .content {
   width: 190px;
   height: 170px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view p {
   display: block;
   position: relative;
   left:-80px;
   top:15px;
}

/***********************
********PROYECTO********
************************/
#CuerpoPrincipalTituloProyecto{
	width:100%;	
	margin-top:20px;
}
#CuerpoPrincipalProyectoImgGrande{
	width:auto;
	position:relative;
	float:left;
	height:auto;	
}
#CuerpoPrincipalProyectoImgGrande img{
	max-width: 600px;
	max-height:540px;
}

#CuerpoPrincipalProyectoImgpequenas{
	width:310px;
	position:relative;
	float:right;
	margin-top: -22px;	
}
#CuerpoPrincipalProyectoImgpequenas img{
	margin:5px;
	max-width:80px;
	cursor:pointer;
}
#CuerpoPrincipalProyectoImagenes, #CuerpoPrincipalProyectoPlanos{
	position:relative;
	float:right;
	width:310px;
}
#volver{
   background: url("/img/volver.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    font-weight: bold;
    height: 20px;
    left: 910px;
    padding-left: 20px;
    position: absolute;
    top: 542px;
    width: 55px;
}
#flechaImgIzquierda{
    background: url("/img/flechaIzquierda.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 15px;
    left: 570px;
    position: absolute;
    top: 50px;
    width: 10px;
}
#flechaImgDerecha{
    background: url("/img/flechaDerecha.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 15px;
    left: 590px;
    position: absolute;
    top: 50px;
    width: 10px;
}
.proyectoTitulosImgYPlano{font-size:13px; text-align:left;padding-left: 5px;}

/***********************
******PIE DE PAGINA*****
************************/
#PieCont{
	position:relative;
	width:980px;
	margin:auto;
	height:120px;
	margin-top:20px;
}
#PieCont p{
	text-align:right;
	font-size:14px;
	color:#666;
}