@charset "utf-8";
/* CSS Document */
body {
	 margin: 0px auto; background-image:url(img/back.jpg); background-repeat:repeat}
h1, h2, h3, h4, h5, h6, p, a {
	font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; color:#333; font-weight:normal; line-height: 120%; text-align: left} 
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-variant: small-caps; margin: 30px 0px 10px 0px;
	color: #00BFFF; text-shadow: 1px 1px #fff 
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	;
	font-weight:bold;
	font-size: 16px;
	font-variant: normal;
	margin: 0px 0px 10px 0px;
	color: #EB325C;
	font-style: italic;
	text-transform: lowercase; text-shadow: 1px 1px #fff
}
p {
	font-size: 12px;
	line-height: 140%;
	font-weight: lighter; margin-bottom:25px
}
.contacto { margin: 5px 0px 5px 50px; color: #EB325C}
a { color: #EB325C; text-decoration:none;  outline: 0 none;
}}
a:hover {color: #333}
img
	{border: none}
#contenedor_encabezado {
	background-image: url(img/back_body.jpg); background-repeat:repeat-x; height: 67px }	
#encabezado {
	width: 925px; overflow: hidden; padding-top: 15px; }
#menu {
	width: 712px; float: right; margin-top: 15px}
#menu h1 {
	font-size: 15px;
	color:#666;
	text-align: left; 	
	font-weight: normal;
	margin: 0px 10px 0px 10px
}
#menu a{
	display:block;
	text-indent:-9999px;
	float:right;}
.identidad a{
	background-image: url(img/menu/identidad_on.png);
	width: 69px;
	height: 10px;
	background-position:bottom;
	margin: 0px 0px 0px 0px
}
.identidad a:hover{
	background-image: url(img/menu/identidad_of.png));
	width: 69px;
	height: 10px; background-position:top;
	margin: 0px 0px 0px 0px
}
.dweb a{
	background-image: url(img/menu/web_on.png);
	width: 28px;
	height: 10px;
	background-position:bottom;
	margin: 0px 0px 0px 10px
}
.dweb a:hover{
	background-image: url(img/menu/web_of.png));
	width: 28px;
	height: 10px; background-position:top;
	margin: 0px 0px 0px 10px
}
.productos a{
	background-image: url(img/menu/productos_on.png);
	width: 87px;
	height: 10px;
	background-position:bottom;
	margin: 0px 0px 0px 10px
}
.productos a:hover{
	background-image: url(img/menu/productos_of.png));
	width: 87px;
	height: 10px; background-position:top;
	margin: 0px 0px 0px 10px
}
.estudio a{
	background-image: url(img/menu/elestudio_on.png);
	width: 77px;
	height: 10px;
	background-position:bottom;
	margin: 0px 0px 0px 10px
}
.estudio a:hover{
	background-image: url(img/menu/elestudio_of.png));
	width: 77px;
	height: 10px; background-position:top;
	margin: 0px 0px 0px 10px
}
.servicios a{
	background-image: url(img/menu/servicios_on.png);
	width: 69px;
	height: 10px;
	background-position:bottom;
	margin: 0px 0px 0px 10px
}
.servicios a:hover{
	background-image: url(img/menu/servicios_of.png));
	width: 69px;
	height: 10px; background-position:top;
	margin: 0px 0px 0px 10px
}
.consultoria a{
	background-image: url(img/menu/consultoria_on.png);
	width: 94px;
	height: 10px;
	background-position:bottom;
	margin: 0px 0px 0px 10px
}
.consultoria a:hover{
	background-image: url(img/menu/consultoria_of.png));
	width: 94px;
	height: 10px; background-position:top;
	margin: 0px 0px 0px 10px
}
.fotografia a{
	background-image: url(img/menu/fotografia_on.png);
	width: 92px;
	height: 10px;
	background-position:bottom;
	margin: 0px 0px 0px 10px
}
.fotografia a:hover{
	background-image: url(img/menu/fotografia_of.png));
	width: 92px;
	height: 10px; background-position:top;
	margin: 0px 0px 0px 10px
}
.contactar a{
	background-image: url(img/menu/contacto_on.png);
	width: 82px;
	height: 10px;
	background-position:bottom;
	margin: 0px 0px 0px 10px
}
.contactar a:hover{
	background-image: url(img/menu/contacto_of.png));
	width: 82px;
	height: 10px; background-position:top;
	margin: 0px 0px 0px 10px
}
#menu ul, li {
	display:inline; margin: 0px; padding: 0px}
#menu img {
	border: 0px; margin-left: 10px}
#central {background-color:#F7EED8; background-image: url(img/back_home.jpg); background-repeat:repeat}	
#contenido_portfolio {
	width: 950px; overflow: hidden;   }
#contenido {
	width: 950px; overflow: hidden; padding-top: 10px; padding-bottom: 10px; }
#Layer2 {
	position:absolute;
	width:318px;
	height:115px;
	z-index:2;
	left: 515px;
	top: 102px;
	border: 1px solid #00BFFF;
	background-color: #F7EED8;
}
.servicios_ a{
	display:block;
	text-indent:-9999px;
	float:left;
	margin: 0px
	}
.editorial a{
	width:200px;
	height: 90px;
	background-image: url(img/header_editorialon.jpg); background-position:bottom
}
.editorial a:hover{
	width:200px;
	height: 90px;
	background-image:url(img/header_editorial.jpg);background-position:top
}
.imagen a{
	width:200px;
	height: 90px;
	background-image: url(img/header_identidadon.jpg); background-position:bottom
}
.imagen a:hover{
	width:200px;
	height: 90px;
	background-image:url(img/header_identidad.jpg);background-position:top
}
.packaging a{
	width:200px;
	height: 90px;
	background-image: url(img/header_packon.jpg); background-position:bottom
}
.packaging a:hover{
	width:200px;
	height: 90px;
	background-image:url(img/header_pack.jpg);background-position:top
}
.web a{
	width:200px;
	height: 90px;
	background-image: url(img/header_webon.jpg); background-position:bottom
}
.web a:hover{
	width:200px;
	height: 90px;
	background-image:url(img/header_web.jpg);background-position:top
}
#contenedor_footer {
 background-image: url(img/back_foot.jpg); background-repeat:repeat-x; height: 92px; padding-top: 46px
}
#footer {
	width: 854px; overflow: hidden; }
#footer h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic; font-size: 17px; font-weight:bold; text-align:left; color: #000; margin-bottom:5px; border-bottom: 1px solid #716039; padding-bottom: 2px; text-shadow: 1px 1px #716039 
}
#footer h5 {color:#000;
font-size:12px; text-align:left; margin: 0px; line-height:120%}

#footer  h4,  h6 { color:#000;
font-size:10px; text-align:left; margin: 0px}
#footer a { color: #000; text-decoration:none; margin: 0px 10px 0px 0px}
#footer a:hover {color: #EB325C}