@charset "utf-8";
/* CSS Document for CRVARQUITECTOS.COM - Home*/

body{
	background:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.mainTable{
	border:1px WHITE solid;
	border-bottom:none;
	width:782px;
	margin:auto;
}

.topOneLeft{
	width:250px;
	background:#FF6600;
	height:15px;
}
.topFlash{
	height:177px;
}

.menu{
	height:25px;
	background:#333333;
	padding-top:10px;
	text-align:center;
	width:782px;
}

.menuContainer{
	width:600px;
	margin:auto;
}

.menuActive{
	width:auto;
	margin:auto;
	float:left;
	font-size:12px;
}

.menuActive a{
	color:#FF6600;
	text-decoration:none;
	font-weight:bold;	
}

.menuActive a:hover{
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
}

.menuInactive{
	width:auto;
	margin:auto;
	float:left;
	font-size:12px;
}

.menuInactive a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;	
}

.menuInactive a:hover{
	text-decoration:none;
	font-weight:bold;
	color:#FF6600;
}

.menuSeparator{
	float:left;
	width:9px;
	height:10px;
	margin-left:7px;
	margin-right:7px;
	margin-top:3px;
	color:BLACK;
	font-weight:bold;
	background:url(../imagenes/generales/menuSeparator.jpg) no-repeat;
}

.columnsContainer{
	margin:auto;
	width:782px;
	float:left;
	border-left: #FFFFFF 1px solid;
	border-right: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	height:auto;/*es el que hay que cambiar para que crezca la parte de portafolio al desplegar o replegar un item, para firefox debe ser un valo específico, para IE está bien así*/
}

.leftColumn{
	width:160px;
	float:left;
}

.centerColumn{
	width:605px;
	float:left;
	color:#FFFFFF;
	height:auto;
}

/*.rightColumn{
	width:220px;
	float:left;
}

.extraColumn{
	width:4px;
	float:left;
	background:url(../imagenes/generales/left_separator.jpg) repeat-y;
	height:600px;
}*/

.credits{
	width:782px;
	/*float:left;*/
	text-align:right;
	color:#CCCCCC;
	margin:auto;
}

.credits a{
	color:#FF6600;
	font-weight:bold;
	text-decoration:none;
}

.credits a:hover{
	color:#999999;
	font-weight:bold;
	text-decoration:none;
	
}

.number{
	width:98px;
	height:87px;
	margin:auto;
}

.containerCenterColumn{
	width:600px;
	height:auto;
	float:left;
	margin-top:10px;
	margin-right:10px;
}

.sectionTitle{
	width:auto;
	height:22px;	
}

.leftSquare{
	width:11px;
	height:12px;
	float:left;
	margin-right:5px;
	margin-top:10px;
}

.title{
	color:#FFFFFF;
	font-weight:bold;
	font-size:20px;
}

.textContainer{
	width:auto;
	height:auto;
	float:left;
	color:#FFFFFF;
	text-align:justify;
	margin-top:10px;
}

.bottomSectionSeparator{
	width:auto;
	height:4px;
	background:url(../imagenes/generales/bottom_separator.jpg) repeat-x;
	margin-top:10px;
	
}

.containerRightColumn{
	width:190px;
	height:auto;
	float:left;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
}

.vinetaContainer{
	width:190px;
	height:12px;
	margin-top:10px;
}

.vineta{
	width:9px;
	height:9px;
	float:left;
	margin-right:10px;	
}

.textVineta{
	width:auto;
	float:left;
}

.titleText{
	width:590px;
	float:left;
	color:#FF6600;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}