@charset "iso-8859-1";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
/*---------CAPAS-------*/
#todoCentrado{
	margin:0 auto; 
	width:750px; 
}
#header{
	position: absolute;
	z-index: 1;
	top: 0px;
	width: 750px;
}
#portfolio{
	position: absolute;
	z-index: 1;
	top: 250px;
	width: 750px;
}
#contenido{
	position: absolute;
	z-index: 8;
	top: 245px;
	width: 750px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	line-height: 18px;
}
#contenidoPortfolio{
	position: relative;
	z-index: 9;
	top: 0px;
	width: 750px;
	height:340px;
	left: 0;
}
#cellular{
	position: absolute;
	z-index: 10;
	top: 15px;
	right: 460px;
	width: 330px;
}
#contenidoWWDhide{
	position:absolute;
	z-index:-1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-decoration: none;
	line-height: 12px;
	visibility:hidden;
}
#contenidoWWD{
	position: relative;
	z-index: 8;
	top: 245px;
	width:750px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	line-height: 18px;
}
#footer{
	position: absolute;
	top:575px;
	z-index: 9;
}
/*---------TYPES-------*/
.contenido {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	line-height: 18px;
}
.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	line-height: 18px;
}
.link:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: red;
	cursor:pointer;
	text-decoration: none;
	line-height: 18px;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	text-decoration: none;
}
.footer:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ff0000;
	text-decoration: none;
}
.sitemapB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #333333;
	text-decoration: none;
}
.sitemap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}
.sitemap:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}
.sitemap:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff0000;
	text-decoration: none;
}
.exhibit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	text-decoration: none;
}
.exhibit:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
	text-decoration: none;
	background-color:#ff0000;
}
#contenedor{
	/*padding-left:10px;
	background-color:#ffffff;*/
	border-top:dotted 1px #999999;
	background-color:#F0F0F0;
	position:absolute;
	top:00px;
	left:0px;
	width:420px;
	height:310px;
	vertical-align:top;
}
#readMore{
	border-top:solid 8px #ffffff;
	background-color:#ffffff;
	margin-top:12px;
	/*visibility:hidden;*/
	position:absolute;
	width:400px;
	height:215px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	top:15px;
	left:00px;
	vertical-align:top;
	overflow-y:auto;
	overflow-x:none;
}
#caseStudy{
	border-top:solid 8px #ffffff;
	background-color:#ffffff;
	margin-top:12px;
	position:absolute;
	width:400px;
	height:215px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	top:15px;
	left:00px;
	vertical-align:top;
	overflow-y:auto;
	overflow-x:none;
}
#clicCaseStudy{
	/*border:1px solid #999999;*/
	margin-top:5px;
	padding-bottom:10px;
	width:100px;
	position:relative;
	float:left;
	top:0px;
	left:10px;
	cursor:pointer;
	/*text-decoration:underline;*/
	text-align:center;
}
#clicReadMore{
	/*border:1px solid #999999;*/
	margin-top:5px;
	padding-bottom:10px;
	width:100px;
	position:relative;
	float:right;
	top:0px;
	right:10px;
	cursor:pointer;
	/*text-decoration:underline;*/
	text-align:center;
}
#mascara{
	overflow:hidden;
	position:absolute; 
	height:25px;
	width:440px;
	left: 242px;
	top: 270px;
}
#contFijo{
	padding-left:0px;
	position:absolute;
	left:242px;
	width:450px;
	height:310px;
	vertical-align:top;
}
.itemClose {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff0000;
	text-decoration:none;
}
.itemClose:hover {
	text-decoration:underline;
}
#close{
	float:right;
	right:00px;
}
.itemSelected {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
	color: #ff0000;
	text-decoration: none;
}
.items {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}
.items:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}
.items:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff0000;
	text-decoration: underline;
}
.titNegro{
	font-weight:bold;
	font-size: 13px;
	color: #000000;
}
.titRojo{
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-weight:bold;
	font-size: 13px;
	color: #ff0000;
}
#wwdTitulo{
	position:relative;
	top:9px;
 	left:10px;
}
#wwdOpsWebDesign{
	float:left;
	position:relative;
	top:140px;
 	left:10px;
}
#wwdOpsStationary{
	float:left;
	position:relative;
	top:150px;
 	left:10px;
}
#wwdOpsCorporate{
	float:left;
	position:relative;
	top:140px;
 	left:10px;
}
#wwdOpsOthers{
	float:left;
	position:relative;
	top:100px;
 	left:10px;
}
#wwdFotoStationary{
	float:right;
	position:relative;
	top:39px;
	left:-40px;
}

#wwdFotoWebDesign{
	float:right;
	position:relative;
	top:20px;
	left:-40px;
}
#wwdFotoCorporate{
	float:right;
	position:relative;
	top:18px;
	left:-30px;
}
#wwdFotoMotion{
	
	float:right;
	position:relative;
	top:10px;
	left:-65px;
}