/* ESTILOS GENERALES */

* {margin: 0px;padding: 0px;}
img {border:0px;}
li {list-style:none; display:inline;}



body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background: url( http://www.proyectoseinteriorismo.com/images/background_concrete2.jpg) no-repeat #000;
	background-position:top center;
	margin-top:80px;
}




	/* LINKS GENERALES */
a{text-decoration:none;color:#FFF;font-family: arial, trebuchet MS, verdana;font-size:11px;}

.linkshowroom:hover img{
	background:#CCC;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity:.30;

}


/* ENVOLTURA */

#wrapper {
	width:944px;
	margin:auto;
	background: url(" http://www.proyectoseinteriorismo.com/images/bg_wrapper.jpg") no-repeat left;
	height:524px;
	position:relative;
	top:-10px;
	*top:-10px;
	left:133px;
}


	/* CABECERAS */



#logo {	
 	width: 262px; 
 	height: 57px;
	margin-left:25px;
	position:relative;
	top:10px;
 	background: transparent url(" http://www.proyectoseinteriorismo.com/images/logo_big.jpg") no-repeat 0 0;
 	display:block;
	
}
#flash {

	clear:both;
	padding-top:10px;



}
#allContent{

	clear:both;

}



	/* #twoColLayout #navigation */



#twoColLayout #navigation{
	float:left;
	width:421px;
	color:#000;
	font-size:11px;
	text-align:left;
	background:url(" http://www.proyectoseinteriorismo.com/images/navigation.png") no-repeat;
	position:relative;
	z-index:1;
	left:-230px;
	height:399px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity:.90;
}

#empresa #twoColLayout #navigation {height:550px;background:url(" http://www.proyectoseinteriorismo.com/images/navigation3.png") no-repeat;}


#twoColLayout #navigation ul {margin-top:30px;}
#twoColLayout #navigation ul li{
	display:block;
	margin-bottom:4px;

}

#twoColLayout #navigation ul li a{
	text-transform:uppercase;
	color:#CCCCCC;
	padding-left:20px;
	width:170px;
	display:block;
	padding-top:3px;
	padding-bottom:3px;
	font-size:11px;
	letter-spacing:1px;
	font-family: georgia, Lucida Sans, arial;
	padding-right:5px;
	
	
}


	/* HACK Opera 9.0*/
@media screen and (){
  #twoColLayout #navigation ul li a  { letter-spacing:0px;}
}


#twoColLayout #navigation ul li a:hover{
	
	background:#333;
	width:170px;
}

#twoColLayout #navigation ul li a.selected{

	background:#333;
	width:170px;

}
#twoColLayout #navigation p {

	color:#FFF;
	width:350px;
	line-height:18px;
	padding-left:20px;
	font-size:11px;
	font-family:Trebuchet Ms, Lucida Sans, georgia;
	padding-top:20px;

}


/* #twoColLayout #primaryContent */

#twoColLayout #primaryContent {
	float:left;
	width:523px;
	text-align:left;
	position:relative;
	z-index:0;
	color:#000;
	margin-top:30px;
}


/* CONTACTO */

#contacto table{

	margin-left:10px;
	margin-top:109px;
	*margin-top:92px;


}
#contacto td{

	padding-bottom:5px;
	
}

#contacto .loginb2{
	width: 265px;
	font-size:11px;
	background:#666666;
	border: 0px;
	color:#CCC;	
	font-weight:normal;
	padding-left:5px;
	font-family: georgia, Lucida Sans, arial;
	padding-top:3px;
	padding-bottom:3px;
	letter-spacing:1px;
}
#contacto .loginb2mal{
	background:#CCC;
	color:#333;
	width: 265px;
	font-size:11px;
	border: 0px;
	font-weight:normal;
	padding-left:5px;
	font-family: georgia, Lucida Sans, arial;
	padding-top:3px;
	padding-bottom:3px;
	letter-spacing:1px;
}

#contacto .textarea{
	border: 0;
	background:#666666;
	width:265px;
	font-size:11px;
	font-family: Arial;
	padding-left:5px;
	padding-bottom:20px;
	margin-bottom:20px;
	height:50px;
	color: #CCC;
	font-family: georgia, Lucida Sans, arial;
}

#contacto .textareamal {
	border: 0;
	background:#CCC;
	width:265px;
	font-size:11px;
	font-family: Arial;
	padding-left:5px;
	padding-bottom:20px;
	margin-bottom:20px;
	height:50px;
	color: #333;
	font-family: georgia, Lucida Sans, arial;
}
#contacto #aviso_contacto {
	text-align:center;
	color: #CCC;
	padding-top:120px;
	width:300px;
}
#contacto #aviso_contacto b {
	text-decoration:underline;
	text-transform:uppercase;
	font-family:georgia, Lucida Sans, arial;
	font-weight:normal;
}
#contacto .botones {position:absolute;margin-top:-20px;*position:relative;*top:-20px;}
#contacto .botones a{font-family: georgia, Lucida Sans, arial;font-size:11px;color:#CCC;margin-right:10px;}
#contacto .botones a:hover{background:#000;}


/* SITUACION */

#situacion p{
	
	font-family:arial;
	color:#FFF;
	width:200px;
	line-height:18px;
	padding-left:20px;
	font-size:11px;
	font-family:Trebuchet Ms, Lucida Sans, georgia;
	padding-top:20px;
	float:left;
}

#situacion p a{font-family: georgia, Lucida Sans, arial;font-size:14px;color:#CCC;margin-bottom:10px;padding-left:20px;}
#situacion .mas{font-size:24px;}
#situacion .p2{margin-left:70px;}

/* MUEBLES */

#muebles #primaryContent ul {}
#muebles #primaryContent ul li, #proyectos #primaryContent ul li{
	display:block;
	margin-bottom:4px;

}
#muebles #primaryContent ul li a, #proyectos #primaryContent ul li a{
	text-transform:uppercase;
	color:#CCCCCC;
	padding-left:5px;
	width:130px;
	display:block;
	padding-top:3px;
	padding-bottom:3px;
	font-size:11px;
	letter-spacing:1px;
	font-family: georgia, Lucida Sans, arial;
	padding-right:5px;
	
	
}
#muebles #primaryContent ul li a:hover, #proyectos #primaryContent ul li a:hover{
	
	background:#767779;
	width:130px;

}

/* PRODUCTOS */

#productos #twoColLayout #navigation{
	float:left;
	width:421px;
	color:#000;
	font-size:11px;
	text-align:left;
	background:url(" http://www.proyectoseinteriorismo.com/images/navigation2.png") no-repeat;
	position:relative;
	z-index:0;
	left:-230px;
	height:399px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity:.90;
}


.opacity img{

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.8;

}
.opacity:hover img{

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;

}



/*footer */
#footer{position:absolute;left:45%;color:#CCCCCC;padding-top:30px;padding-bottom:10px;}
#footer a{font-size: 11px;font-family:Trebuchet Ms, Lucida Sans, georgia;color:#CCCCCC;padding-right:5px;padding-left:5px;}
#footer a:hover{text-decoration:underline;}

#footer2{display:none;}

/*footer */
#footer3{position:absolute;left:45%;color:#CCCCCC;padding-top:100px;padding-bottom:10px;}
#footer3 a{font-size: 11px;font-family:Trebuchet Ms, Lucida Sans, georgia;color:#CCCCCC;padding-right:5px;padding-left:5px;}
#footer3 a:hover{text-decoration:underline;}