/* CSS Document */
body{
	font-family:"Century Gothic";
	color:#666666;
	margin-top:0px;
	padding-top:0px;
	margin-left:0px;
	padding-left:0px;
	background:url(../images/fondoPrimario.jpg) repeat-y center;
	background-color:#646061;
	}
#contenido{
	width:1024px;
	height:482px;
	margin:0 auto 0 auto;
	margin-top:50px;
	padding-top:30px;
	background:url(../images/fondoMenu2.png) no-repeat;
	
}	

#menu ul{
	padding-top:0px;
	padding-left:0x;
	padding-bottom:0px;
	padding-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	}
#menu ul li{
	display:inline;
	list-style:none;
	}	
	
#slideshow{
	margin-left:50px;
	height:300px;
	
}	
#demos{
	margin-left:80px;
	height:300px;
	margin-top:30px;
	
}
#contacto{
	margin-left:70px;
	
}
#proyectos{
	margin-left:30px;
    padding-top:150px;
	font-size:30px;
	height:150px;
	
}
#supervision{
	margin-left:30px;
    padding-top:150px;
	font-size:30px;
	height:150px;
	
}
#pie{
	width:1024px;
	margin:0 auto 0 auto;
	}
#pie ul{
	font-size:12px;
	padding-top:0px;
	padding-left:0x;
	padding-bottom:0px;
	padding-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	}	
	
#pie ul li{
	color:#B3B3B3;
	display:inline;
	list-style:none;
}	

/* clases del sitio */
.menuPrincipal li a{
	text-decoration:none;
	color:#666666;
}

.menuPrincipal li a:hover{
	text-decoration:none;
	color:#2E3191;
}

.menuProyectos{
	font-size:9px;
	padding-top:0px;
	padding-left:0x;
	padding-bottom:0px;
	padding-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	}
.menuProyectos li{
	margin-left:0px;
	padding-left:0px;
}

.link{
	text-decoration:none;
	color:#666666;
}

.link:hover{
	text-decoration:underline;
	color:#666666;
}

.error_strings{
	color:#F00;
	font-size:10px;
}

/* carrusel style */
#carousel_inner {
float:left; /* important for inline positioning */
width:835px; /* important (this width = width of list item(including margin) * items shown */ 
height:190px;
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
}

#carousel_ul {
position:relative;
left:-210px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:0px;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
width:242px;  /* fixed width, important */
/* just styling bellow*/
height:182px;
padding:0px;
height:110px;
background: #000000;
margin-top:10px;
margin-bottom:10px; 
margin-left:5px; 
margin-right:5px; 
}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px; 
}
#left_scroll, #right_scroll{
float:left; 
height:190px; 
width:22px; 
padding-top:10px;
}
#left_scroll img, #right_scroll img{
/*styling*/
cursor: pointer;
cursor: hand;
}