@charset "utf-8";
/* CSS Document */
body {
background:url(degrade.jpg) #000;
background-repeat:repeat-x;
	margin-left: 120px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	
}
#contenedorindex{
	text-align:center;
	width:100%;
	height:100%;
	margin:0 auto 0 auto;
}
#index{
	margin:auto;
}
#portfolio{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#666666;
}
.celeste{
	color:#30a0dc;
}
.galerias{
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:36px;
	color:#75C5F0;
	padding-left:7px;
	padding-bottom:0px;
}
.mas{
	margin:0px 7px 0px 0px;
	float:left;
}
#divmas{
	width:35px;
	height:35px;
	float:left;
	margin-right:7px;
	}
/*esta "clase" se le aplica al vinculo, NO AL DIV, debe haber un div contenedor con los items escritos en texto, la clase se le aplica al texto con etiqueta a*/
.masboton{
	padding-top:35px;
	overflow:hidden;
	width:35px;
	height:0px;
	float:left;
	background:url(mas.gif);
	display:block;
	}
/*este ID se le aplica a la etiqueta a para que haga el comportamiento de cambio de instancia*/
#boton1{
	background-position:0px 0px;
}
#boton1:link{
	background-position:0px 0px;
}
#boton1:hover{
	background-position:0px -35px;
}
.div1{
	height:500px;
	padding-top:150px;
}

.div2{
	background:#FFF;
	}
	.div3{
		height:60px;
		padding-top:33px;
	}
	.foto{
		border:1px solid #666;
	}
	.divcontent{
		width:100%;
		height:650px;
		display:block;
	}
	.divbotonera{
		width:250px;
		height:650px;
		float:left;
	}
	.divdesarrollo{
		height:650px;
		float:left;
		text-align:left;
	}
	.iframe{
	height:650px;
	}