@charset "UTF-8";
/* CSS Document */
/*body{display:none;}*/
html {background-image:url(../images/layout/bg_gray.jpg); height:100%; /* Color del desvanecimiento */}
 body{margin:0; padding:0; background-image:url(../images/layout/bg_gray.jpg); background-color:#000; height:100%;}
 *{font-family:"Century Gothic", Helvetica, Arial, sans-serif; }
 .clear{clear:both}
 
#wrapper{width:100%; min-width:1000px; height:100%; padding:0; margin:0; overflow:auto;}
#leftCol{float:left; width:20.5%; height:100%; background-image:url(../images/layout/noir.png); position:relative; left:-200px;}
#rightCol{float:right; width:79.5%; }
#rightColHOME{float:right; width:79.5%; position:relative }
/*MENU HOME*/
#menu-home{margin-top:80%; position:relative; color:#fff; width:200px; border-right:1px solid #fff; padding-top:10px; float:right; margin-right:50px; text-align:right;}
#menu-home p{color:#fff; font-size:14px; margin-bottom:0; padding-right:30px; }
#menu-home ul{ list-style:none;}
#menu-home li{ margin-bottom:20px;}
.current{ margin-left:230px;}
#menu-home a{color:#fff; font-size:14px; margin-bottom:0; padding-right:30px; text-decoration:none; }
#menu-home a:hover{color:#b2b2b2; margin-right:10px; }

/*LOGOTIPO*/
#logtipo{position:relative; z-index:3; width: 689px; float:right; margin-left:250px; margin-top:50px;  display:none;}
#logotipoint{position:relative; z-index:6; width: 380px; float:right; margin-right:50px; margin-top:50px;  display:none;}
#logotipoHome{position: relative; z-index:6; width: 380px; float:right; display:none; top:-550px;}

/*Interiores*/
#interiores{position:relative; z-index:4; width: 600px; float:right; margin-right:80px; margin-top:30px;  min-height:100%; color:#fff; text-align: justify; font-size:12px;}
#interioresportafolio{position:relative; z-index:4; width: 600px; float:right; margin-right:80px; margin-top:30px;  min-height:100%; color:#fff; text-align: justify; font-size:12px;}

#container {
			bottom: 0;
			position: fixed ;
			width: 100% ;
			z-index:4;
			min-width:482px;
			overflow:auto
			}
.footer{
				width:100%;
				height:40px;
				background-color:#000;
				color:#faeedd;
				font-size:10px;	
			}
			
			.footer p{
				color:#faeedd;
				margin:0;
				padding-top:15px;
				padding-left:40px;
				font-size:10px;	
			}
			
.Proyectoint{width:200px;  float:left; position:absolute; margin-top:10px; margin-left:-120px; color:#fff;}
.Proyectoint a{color:#fff; text-transform:uppercase; text-decoration:none}
.Proyectoint ul{ list-style:none; padding:0}
.Proyectoint ul li{ padding:5px;}
.submenus li {border-bottom:1px solid #fff; width:140px; margin-left:15px; margin-bottom:10px;}
.submenus li a{color:#999; font-weight:lighter;}
.submenus li a:hover{color:#ccc; font-weight:lighter;}
#interioresProyectos{position:relative; z-index:4; width:500px; float:right; margin-right:20px; margin-top:30px;  min-height:100%; color:#fff; font-size:12px;}
#interioresProyectos img{ margin-right:3px; margin-bottom:3px;}


@media screen and (max-width: 1150px) {
	#interioresportafolio{position:relative; z-index:4; width: 600px; float:right; margin-right:80px; margin-top:30px;  min-height:100%; color:#fff; text-align: justify; font-size:12px;}
.Proyectoint{width:150px;  float:left; position:absolute; margin-top:10px; margin-left:0px; color:#fff;}
.Proyectoint a{color:#fff; text-transform:uppercase; text-decoration:none}
.Proyectoint ul{ list-style:none; padding:0}
.Proyectoint ul li{ padding:5px;}
.submenus li {border-bottom:1px solid #fff; width:130px;}
.submenus li a{color:#999; font-weight:lighter;}
.submenus li a:hover{color:#fff; font-weight:lighter;}
#interioresProyectos{position:relative; z-index:4; width:499px; float:right; margin-top:6px;  min-height:100%; color:#fff; font-size:12px; margin-right:-60px;}
#interioresProyectos img{ margin-right:3px; margin-bottom:3px;}
}

/*1650*/
@media screen and (min-width: 1650px) {
	
#interiores{position:relative; z-index:4; width: 800px; float:right; margin-right:150px; margin-top:150px;  min-height:100%; color:#fff; text-align: justify; font-size:12px;}

#interioresportafolio{position:relative; z-index:4; width: 600px; float:right; margin-right:400px; margin-top:30px;  min-height:100%; color:#fff; text-align: justify; font-size:12px;}	
	
	
}