body {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-size: 12px;
	color: #000000;
	margin: 0px;
	font-family: Arial, Helvetica, Verdana;
	background-color: #ffffff;
}
.clearing{
	clear:both;
}
#mydiv {  
   position: absolute;
	top: 50%;
	left: 50%;
	width:346px;
	*width:400px;
	height: 150px;
	margin-top: -75px;
   margin-left: -173px;
}
#mydiv p{
	text-align: center;
	color: #ccced0;
	padding-top: 6px;
	font-size: 14px;
}
#contenedor{
	position: absolute;
	top: 50%;
   left: 50%;
	width: 810px;
	height: 380px;
	margin-top: -190px;
   margin-left: -405px;
}
#logo{
	padding-bottom: 8px;
	width: 100%;
}
#cuerpo{
	width: 795px;
	height: 281px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
#menu01{
	float: left;
	width: 135px;
	height: 281px;
	border-right: 1px solid #000000;
}
#eltodo{
	float: right;
	width: 659px;
}
#eltodo #info{
	height: 244px;
	width: 659px;
	border-bottom: 1px solid #000000;
}
#eltodo #qsomosinfo{
	height: 244px;
	width: 658px;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
}
#eltodo #qsomosinfo #right{
	float: right;
	background-color: Fuchsia;
	margin: 55px 18px 0 0;
}
#eltodo #qsomosinfo #left{
	float: left;
	width: 264px;
	padding: 23px 23px 0 23px;
	font-size: 20px;
}
#eltodo #qsomosinfo #leftFer, #leftAlf, #leftDam{
	float: left;
	width: 264px;
	padding: 23px 23px 0 23px;
	position: absolute;
	z-index: 1;
	left: 159;
	top: 96;
	visibility: hidden;
}
/*#eltodo #contactoinfo{
	width: 640px;
	height: 77px;
	border-right: 1px solid #000000;
	background: url(../img/contacto.jpg);
	padding: 168px 0 0 18px;
}*/
#eltodo #contactoinfo{
	width: 640px;
	height: 87px;
	border-right: 1px solid #000000;
	background: url(../img/contacto.jpg);
	padding: 158px 0 0 18px;
}
#eltodo #fotoA{
	height: 17px;
	width: 659px;
	border-bottom: 1px solid #000000;
	background: #fff url(../img/mini_qsomos.jpg);
}
#eltodo #fotoB{
	height: 18px;
	width: 659px;
	background:#fff url(../img/mini_contacto.jpg);
}
#eltodo #fotoC{
	height: 17px;
	width: 659px;
	border-bottom: 1px solid #000000;
	background: #fff url(../img/mini_trabajos.gif);
}
#eltodo #lainfo{
	position: absolute;
	z-index: 1;
	width: 534px;
	top: 0px;
	left: 0px;
	height: 244px;
	border-right: 1px solid #000000;
}
#eltodo #lainfo.institu{
	top: 87px;
	left: 152px;
	background: url(../img/007institucional.jpg);
	cursor: hand;
}
#eltodo #lainfo.audiovisual{
	top: 87px;
	left: 170px;
	background: url(../img/006audiovisual.jpg);
	cursor: hand;
}
#eltodo #lainfo.packaging{
	top: 87px;
	left: 188px;
	background: url(../img/005packaging.jpg);
	cursor: hand;
}
#eltodo #lainfo.web{
	top: 87px;
	left: 206px;
	background: url(../img/004web.jpg);
	cursor: hand;
}
#eltodo #lainfo.edito{
	top: 87px;
	left: 224px;
	background: url(../img/003editorial.jpg);
	cursor: hand;
}
#eltodo #lainfo.marca{
	top: 87px;
	left: 242px;
	background: url(../img/002marca.jpg);
	cursor: hand;
}
#eltodo #lainfo.naming{
	top: 87px;
	left: 260px;
	background: url(../img/001naming.jpg);
	cursor: hand;
}
#vertrab{
	margin-top: 20px;
	background-color: #ffffff;
	width: 85px;
	text-align: center;
	line-height: 20px;
}
#trabajo{
	width: 604px;
	height: 540px;
	padding: 15px 38px 15px 38px;
	background-color: #7f7f7f;
	color: #fff;
}
#trabajo .clientes{
	width: 610px;
	height: 455px;
	margin: 10px 0 0 0;
}
#trabajo .clientesOff{
	width: 610px;
	height: 455px;
	margin: 10px 0 0 0;
	position: absolute;
	top: 36px;
	left: 38px;
	visibility: hidden
}
.miniaturas{
	width: 40px;
	height: 40px;
	cursor: pointer;
}
#trabajo #bajo{
	width: 610px;
}
#trabajo #bajo #txt{
	float: left;
	width: 340px;
	margin: 6px 0 0 0;
	color: #fff;
}
#trabajo #bajo #mini{
	float: right;
	width: 260px;
	margin: 6px 0 0 0;
	text-align: right;
}

/* MENU */

ul#menuPrin {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#menuPrin li {
	padding: 0;
	float: left;
}
ul#menuPrin li a {
	display: block;
	text-decoration: none;
}
ul#menuPrin li a:hover {
	background-position: bottom;
}
ul#menuPrin li span {
	display: none; /*Oculto el texto.*/
}
ul#menuSeg {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#menuSeg li {
	padding: 0;
	float: left;
}
ul#menuSeg li a {
	display: block;
	text-decoration: none;
	border-right: 1px solid #000000;
}
ul#menuSeg li a:hover {
	background-position: bottom;
}
ul#menuSeg li span {
	display: none; /*Oculto el texto.*/
}
#right ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#right ul li {
	padding: 0;
	float: left;
}
#right ul li:hover {
	background-position: bottom;
}
#right ul li span {
	display: none; /*Oculto el texto.*/
}
.on {
	background-position: bottom;
	margin-top: 227px;
}
.segOn {
	background-position: bottom;
	margin-right: 534px;
}
#trabajos {
	background-image: url(../img/but_trabajos.gif);
	width: 135px;
	height: 18px;
}
#qsomos {
	background-image: url(../img/but_qsomos.gif);
	width: 135px;
	height: 18px;
}
#contacto {
	background-image: url(../img/but_contacto.gif);
	width: 135px;
	height: 18px;
}
#institucional {
	background-image: url(../img/but_imgInstitu.gif);
	width: 17px;
	height: 244px;
}
#audiovisual {
	background-image: url(../img/but_audiovisual.gif);
	width: 17px;
	height: 244px;
}
#packaging {
	background-image: url(../img/but_packaging.gif);
	width: 17px;
	height: 244px;
}
#web {
	background-image: url(../img/but_web.gif);
	width: 17px;
	height: 244px;
}
#edito {
	background-image: url(../img/but_edito.gif);
	width: 17px;
	height: 244px;
}
#marca {
	background-image: url(../img/but_marca.gif);
	width: 17px;
	height: 244px;
}
#naming {
	background-image: url(../img/but_naming.gif);
	width: 17px;
	height: 244px;
}
#fer {
	background-image: url(../img/but_fer.gif);
	width: 111px;
	height: 116px;
}
#alf {
	background-image: url(../img/but_alf.gif);
	width: 109px;
	height: 116px;
}
#dam {
	background-image: url(../img/but_dam.gif);
	width: 110px;
	height: 116px;
}
#trabajosEn {
	background-image: url(../img/but_trabajos_en.gif);
	width: 135px;
	height: 18px;
}
#qsomosEn {
	background-image: url(../img/but_qsomos_en.gif);
	width: 135px;
	height: 18px;
}
#contactoEn {
	background-image: url(../img/but_contacto_en.gif);
	width: 135px;
	height: 18px;
}
#institucionalEn {
	background-image: url(../img/but_imgInstitu_en.gif);
	width: 17px;
	height: 244px;
}
#audiovisualEn {
	background-image: url(../img/but_audiovisual_en.gif);
	width: 17px;
	height: 244px;
}
#packagingEn {
	background-image: url(../img/but_packaging_en.gif);
	width: 17px;
	height: 244px;
}
#webEn {
	background-image: url(../img/but_web_en.gif);
	width: 17px;
	height: 244px;
}
#editoEn {
	background-image: url(../img/but_edito_en.gif);
	width: 17px;
	height: 244px;
}
#marcaEn {
	background-image: url(../img/but_marca_en.gif);
	width: 17px;
	height: 244px;
}
#namingEn {
	background-image: url(../img/but_naming_en.gif);
	width: 17px;
	height: 244px;
}

/* DECO */

.swfcentro{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -285px; /*Restamos la mitad de alto del SWF para centrarlo verticalmente*/
	margin-left: -415px; /*Restamos la mitad de ancho del SWF para centrarlo horizontalmente*/
}
.logoCenter{
	*margin-left: 27px;
}
.noBorder{
	border: 0px;
}
.fotoMini{
	padding: 0 0 0 9px;
	border: 0px;
}

/* TXT */

#mydiv p a{
	color: #ccced0;
	font-size: 9px;
	text-decoration: none;
}
#mydiv p a:hover{
	color: #000000;
	text-decoration: none;
}
a{
	color: #d2027b;
	text-decoration: underline;
}
a:hover{
	text-decoration: overline;
}
a:visited{
	color: #000000;
	text-decoration: blink;
}
/*a:active{
	color: lime;
}*/
i{
	color: #d2027b;
	font-style: normal;
}
i.i{
	color: #d2027b;
	font-style: italic;
	font-size: 14px;
	text-align: center;
}
h2{
	display: inline; 
}
#trabajo a{
	color: #fff;
	text-decoration: none;
}
#trabajo a:hover{
	color: #d2027b;
	text-decoration: none;
}
#trabajo a:visited{
	color: #d2027b;
	text-decoration: none;
}