@charset "utf-8";
/* Layout structure for optimastudio. Modules declaration, named in percentages, fixed in pixels */

/* 100% of container area -> 895px */

div.mod50, div.mod50_02, div.mod25, div.mod25_intro, div.mod25_link, div.mod25_noticia, div.mod25_servicio, div.mod25_listanoticias, div.mod25_noticias, div.mod25_trabajo, div.mod25_tags, div.mod50_noticias, div.mod50_servicio, div.mod50_trabajo, div.mod33, div.mod75, div.mod100 { float: left; }

/* mod50 */

div.mod50 {
	width: 430px;
	height: 200px;
	/*background-color: #E759D7;*/
	margin: 24px 34px 14px 0;
	overflow: hidden;
}

div.mod50_02 {
	width: 430px;
	height: 220px;
	/*background-color: #E759D7;*/
	margin: 4px 34px 14px 0;
	overflow: hidden;
}

div.mod50_noticias {
	width: 430px;
	/*background-color: #E759D7;*/
	margin: 24px 21px 14px 0;
	overflow: hidden;
}

div.mod50_servicio {
	width: 430px;
	/*background-color: #E759D7;*/
	margin: 24px 21px 14px 0;
	overflow: hidden;
}

div.mod50_trabajo {
	width: 430px;
	margin: 24px 21px 14px 0;
	overflow: hidden;
}

	div.mod50 div.txt, div.mod50 div.img {
		float: left; width: 215px; height: 200px;
	}
	div.mod50_02 div.txt, div.mod50_02 div.img {
		float: left; width: 215px; height: 220px;
	}
	div.mod50 div.txt {
		overflow: hidden;
		background: transparent url(../images/bg_mod50_txt.jpg) no-repeat top left; position: relative;
	}
	div.mod50_02 div.txt {
		overflow: hidden;
		background: transparent url(../images/bg_mod50_02_txt.jpg) no-repeat top left; position: relative;
	}
	
		div.mod50 div.txt h3, div.mod50 div.txt p, div.mod50_02 div.txt h3, div.mod50_02 div.txt p { float: left; }
		div.mod50 div.txt h3 {
			color: #FFF;
			font-family: Georgia, Tahoma, Arial, Helvetica, sans-serif;
			font-size: 1.5em;
			position: absolute;
			top: 3px;
			left: 5px; 
		}
		div.mod50_02 div.txt h3 {
			color: #FFF;
			font-family: Georgia, Tahoma, Arial, Helvetica, sans-serif;
			font-size: 1.5em;
			position: absolute;
			top: 23px;
			left: 5px;
		}
		div.mod50 div.txt p {
			color: #4C4C4C;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 0.7em;
			position: absolute;
			top: 100px;
			left: 5px;
		}
		div.mod50_02 div.txt p {
			color: #4C4C4C;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 0.7em;
			position: absolute;
			top: 120px;
			left: 5px;
		}
		div.mod50 div.txt a {
			text-align: right;
			color: #FFFFFF;
			text-decoration: none;
			font-size: 0.7em;
			float: right;
			position: absolute;
			top: 183px;
			right: 5px;
		}
		div.mod50_02 div.txt a {
			text-align: right;
			color: #FFFFFF;
			text-decoration: none;
			font-size: 0.7em;
			float: right;
			position: absolute;
			top: 203px;
			right: 5px;
		}
		div.mod50 div.txt a:hover, div.mod50_02 div.txt a:hover {
			text-decoration: underline;
		}
			
	div.mod50 div.img {
		
	}
	
	div.pinkbox50 {
		margin: 30px 0 30px 5px;
	}
	
	div.mod50_servicio div.pinkbox50 div.top, div.mod50_trabajo div.pinkbox50 div.top, div.mod50_noticias div.pinkbox50 div.top {
		height: 4px;
		width: 417px;
		background: transparent url(../images/mod50_pink_top.gif) no-repeat top left;
	}
	div.mod50_servicio div.pinkbox50 div.body, div.mod50_trabajo div.pinkbox50 div.body, div.mod50_noticias div.pinkbox50 div.body {
		width: 417px;
		/*height: 162px;*/
		background-color: #EA62D8;
		overflow: hidden;
	}
	div.mod50_servicio div.pinkbox50 div.bottom, div.mod50_trabajo div.pinkbox50 div.bottom, div.mod50_noticias div.pinkbox50 div.bottom {
		height: 4px;
		width: 417px;
		background: transparent url(../images/mod50_pink_bottom.gif) no-repeat top left;
	}
	
/* mod25 */
	
div.mod25_intro, div.mod25 {
	width: 208px;
	height: 186px;
	margin: 24px 21px 14px 0;
	overflow: hidden;
	position: relative;
}
div.mod25_intro {
	background: transparent url(../images/bg_mod25_intro.gif) no-repeat top left;
}
div.mod25_link {
	width: 208px;
	padding: 163px 0 0 0;
	height: 23px;
	margin: 24px 21px 14px 0;
	overflow: hidden;
	position: relative;
}
div.mod25_noticia {
	width: 208px;
	height: 186px;
	margin: 24px 21px 14px 0;
	overflow: hidden;
	position: relative;
}

div.mod25_noticias {
	width: 208px;
	margin: 24px 21px 14px 0;
	overflow: hidden;
	position: relative;
}

div.mod25_servicio {
	width: 208px;
	margin: 24px 21px 14px 0;
	overflow: hidden;
	position: relative;
}

div.mod25_trabajo {
	width: 208px;
	margin: 24px 21px 14px 0;
	overflow: hidden;
	position: relative;
}
div.mod25_tags {
	width: 208px;
	margin: 24px 21px 14px 0;
	overflow: hidden;
	position: relative;
}

	div.mod25_noticia h4, div.mod25_servicio h4, div.mod25_noticia p.fecha, div.mod25_noticia p.texto_noticia {
		float: left;
		width: 100%;
	}
	div.mod25_noticia a {
		float: right;
	}
	div.mod25_noticia h4 { color: #D221B0; font-size: 0.9em; }
	div.mod25_noticia p.fecha { color: #86867B; font-size: 0.6em; margin-bottom: 10px; }
	div.mod25_noticia p.texto_noticia { color: #3D3D3D; font-size: 0.7em; margin-bottom: 10px; }
	div.mod25_noticia a { color: #86867B; text-decoration: none; font-size: 0.7em; position: absolute; bottom: 0; right: 0;  }

div.mod25_listanoticias {
	width: 208px;
	height: 186px;
	margin: 24px 21px 14px 0;
	overflow: hidden;
	position: relative;
}

	div.mod25_listanoticias ul {}
		div.mod25_listanoticias ul li { line-height: 0.8em; }
			div.mod25_listanoticias ul li a { font-size: 0.7em; color: #D221B0; text-decoration: none; }
			
	div.mod25_listanoticias div.rowlink {
		position: absolute;
		bottom: 0;
		right: 0;
	}

	div.mod25_intro h3 {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 1.4em;
		margin: 60px 0 0 5px;
		color: #D221B0;
		width: 170px;
		line-height: 1em;
	}
	div.mod25_intro p {
		font-size: 0.7em;
		width: 150px;
		margin: 0 0 0 5px;
		color: #7D7D7D;
	}
	
	div.mod25 img {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	div.mod25 div.caption {
		position: absolute;
		top: 154px;
		width: 208px;
		height: 27px;
		text-align: center;
		padding: 5px 0 0 0;
	}
	
		div.mod25 div.caption a {
			color: #FFF;
			text-decoration: none;
			font-size: 0.7em;
		}
	
		div.mod25 div.caption a:hover { text-decoration: underline; }
		
/* mod33 */
		
div.mod33 {
	width: 277px;
	/*background-color: pink;*/
}

	div.mod33 div.pinkbox33 div.top {
		height: 4px;
		width: 277px;
		background: transparent url(../images/mod33_pink_top.gif) no-repeat top left;
	}
	div.mod33 div.pinkbox33 div.body {
		width: 277px;
		height: 205px;
		background-color: #EA62D8;
	}
	div.mod33 div.pinkbox33 div.bottom {
		height: 4px;
		width: 277px;
		background: transparent url(../images/mod33_pink_bottom.gif) no-repeat top left;
	}
	
/* mod75 */
	
div.mod75 {
	width: 666px;
	margin: 24px 21px 14px 0;
}

/* mod100 */

div.mod100 {
	width: 895px;
}
		
div.last { margin-right: 0; }
li.row{
	clear:both;	
}