/* CSS Document */

p, div, h1, h2, h3, h4, ul, li, form, input, select, option, span {margin:0; padding:0;}
a{ outline-style:none;}

body{
	background:#511C29 url(../img/bck-body.jpg) repeat-x;
	font:normal 66%/1em Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
	}

#content-all {
text-align:left;
	margin:0px auto 0 auto;
	width:806px;}
	
/*header*/
.header{
/*border:#CCCC00 1px solid;*/
background:#45282F  url(../img/fondo-header.jpg) right no-repeat;
width:806px;
padding:0px;
}



.middle{
background:#320911 url(../img/top-content.jpg) top no-repeat;
	margin:0px auto 10px auto;
	width:772px;
	overflow:hidden;
}

/*contenido de la home*/
.contenido-home{
background:#320911 url(../img/top-content-home_05.jpg) top no-repeat;
	margin:0px auto 0px auto;
	width:772px;
}

/*menu de la home*/
#menu-home{
padding:82px 0 0 42px;
height:97px;
}
#menu-home a{
float:left;
border:none;
text-decoration:none;
display:block;
}
#menu-home a.quiensoy{
background:url(../img/bot-quiensoy.jpg) no-repeat;
width:220px;
height:97px;
}
#menu-home a.quiensoy:hover{
background:url(../img/bot-quiensoy-over.jpg) no-repeat;
width:220px;
height:97px;
}
#menu-home a.servicios{
background:url(../img/bot-servicios.jpg) no-repeat;
width:156px;
height:97px;
}
#menu-home a.servicios:hover{
background:url(../img/bot-servicios-over.jpg) no-repeat;
width:156px;
height:97px;
}

#menu-home a.portfolio{
background:url(../img/bot-portfolio.jpg) no-repeat;
width:134px;
height:97px;
}
#menu-home a.portfolio:hover{
background:url(../img/bot-portfolio-over.jpg) no-repeat;
width:134px;
height:97px;
}
#menu-home a.contacto{
background:url(../img/bot-contacto.jpg) no-repeat;
width:172px;
height:97px;
}
#menu-home a.contacto:hover{
background:url(../img/bot-contacto-over.jpg) no-repeat;
width:172px;
height:97px;
}
#menu-home span{
visibility:hidden;
}
.texto-home{overflow:hidden;
color:#fff;
background-color:#511C29;
margin-top:75px;
padding-bottom:21px;}

.texto-home span{
font-weight:bold;
color:#DD0D5B}

.texto-home p{
/*padding-left:178px;*/
text-align:right;}


/*menu*/
#menu{padding-top:40px;
color:#FFFFFF;
float:left;
width:179px;
text-align:left;
background:url(../img/top-menu.jpg) top no-repeat;}

#menu ul{
margin:0px;

}
#menu li{
padding:5px 0 5px 0;

}
#menu ul li a span{
margin:0 0 0 -2000px;
text-indent:-2000px;}

#menu ul li a {
height:18px;
display:block;
text-decoration:none;
outline:none;
}

#menu ul li ul {
margin-left:20px;
list-style:none;
}

#menu li.quiensoy a{
background:url(../img/bot-menu-quiensoy.gif) no-repeat;}
#menu li.quiensoy a:hover, #menu li.quiensoy-on a{
background:url(../img/bot-men-quiensoy.gif) no-repeat;}
#menu li.servicios a{
background:url(../img/bot-menu-servicios.gif) no-repeat;}
#menu li.servicios a:hover, #menu li.servicios-on a{
background:url(../img/bot-men-servicios.gif) no-repeat;}
#menu li.portfolio a{
background:url(../img/bot-menu-portfolio.gif) no-repeat;}
#menu li.portfolio a:hover, #menu li.portfolio-on a{
background:url(../img/bot-men-portfolio.gif) no-repeat;}
#menu li.contacto a{
background:url(../img/bot-menu-contacto.gif) no-repeat;}
#menu li.contacto a:hover, #menu li.contacto-on a{
background:url(../img/bot-men-contacto-over.gif) no-repeat;}
#menu li.amigos a{
background:url(../img/bot-amigos.gif) no-repeat;}
#menu li.amigos a:hover, #menu li.amigos-on a{
background:url(../img/bot-men-amigos-over.gif) no-repeat;}

/*submenu*/
#menu ul li ul li.animaciones a{
background:url(../img/bot-animaciones.gif) no-repeat ;}
#menu ul li ul li.animaciones a:hover, #menu ul li ul li.animaciones-on a{
background:url(../img/bot-men-animaciones-over.gif) no-repeat ;}
#menu ul li ul li.editorial a{
background:url(../img/bot-editorial.gif) no-repeat ;}
#menu ul li ul li.editorial a:hover, #menu ul li ul li.editorial-on a{
background:url(../img/bot-meditorial-over.gif) no-repeat ;}
#menu ul li ul li.folletos a{
background:url(../img/bot-folletos.gif) no-repeat;}
#menu ul li ul li.folletos a:hover, #menu ul li ul li.folletos-on a{
background:url(../img/bot-men-folletos-over.gif) no-repeat;}
#menu ul li ul li.illustraciones a{
background:url(../img/bot-illustraciones.gif) no-repeat;}
#menu ul li ul li.illustraciones a:hover, #menu ul li ul li.illustraciones-on a{
background:url(../img/bot-men-ilustraciones-over.gif) no-repeat;}

#menu ul li ul li.institucional a{
background:url(../img/bot-institucional.gif) no-repeat;}

#menu ul li ul li.institucional a:hover, #menu ul li ul li.institucional-on a{
background:url(../img/bot-men-institucional-over_.gif) no-repeat;}


#menu ul li ul li.infografias a{
background:url(../img/bot-infografias.gif) no-repeat;}
#menu ul li ul li.infografias a:hover, #menu ul li ul li.infografias-on a{
background:url(../img/bot-men-infografias-over.gif) no-repeat;}
#menu ul li ul li.packaging a{
background:url(../img/bot-packaging.gif) no-repeat;}
#menu ul li ul li.packaging a:hover, #menu ul li ul li.packaging-on a{
background:url(../img/bot-men-packaging-over.gif) no-repeat;}
#menu ul li ul li.web a{
background:url(../img/bot-web.gif) no-repeat;}
#menu ul li ul li.web a:hover, #menu ul li ul li.web-on a{
background:url(../img/bot-men-web-over.gif) no-repeat;}
#menu ul li ul li.extras a{
background:url(../img/bot-extras.gif) no-repeat;}
#menu ul li ul li.extras a:hover, #menu ul li ul li.extras-on a{
background:url(../img/bot-men-extras-over.gif) no-repeat;}



/*contenido*/

.content{
padding-top:24px;
margin:15px 0 0 4px;
width:589px;
float:left;}

.content#titulo-quien{
background:url(../img/quien-soy-titulo.gif) top left no-repeat;}
.content#titulo-portfolio{
background:url(../img/titulo-portfolio.gif) top left no-repeat;}
.content#titulo-servicios{
background:url(../img/titulo-servicios.gif) top left no-repeat;}
.content#titulo-amigos{
background:url(../img/titulo-amigos.gif) top left no-repeat;}
.content#titulo-contacto{
background:url(../img/titulo-contacto.gif) top left no-repeat;}

.content .derecha{
margin:0 5px 0 164px;
font:bold 102%/1.51em Verdana, Arial, Helvetica, sans-serif;
}

.content .derecha a{
font-weight:bold; color:#DD0D5B;
}

.content h2 {
font:102%/1.51em Verdana, Arial, Helvetica, sans-serif;
color:#00D6EB;
}
.content h2 strong{
background-color:#000;padding:2px;
}

.content strong{
color:#00D6EB;
}

.content p{
font:normal 102%/1.51em Verdana, Arial, Helvetica, sans-serif;
padding:0 0 14px 0;
color:#fff;
}

.content span{
color:#FE005E}

/*fotos-cv*/

.content .foto a{
color:#fff;
}

.content .foto{
padding-top:24px;
float:left;}

.content .foto p{
font:bold 86%/1em Verdana, Arial, Helvetica, sans-serif;
color:#fff;
background-color:#FE005E;
padding:2px 0 2px 0;
text-align:center;
margin-top:9px}

/*portfolio*/
.content .portfolio{
}
.content .portfolio li{
list-style:none;
float:left;
}
.content .portfolio img{
margin-bottom:10px;
}
.miniaturas ul{

}
.miniaturas li{list-style:none;
float:left;
text-align:center;
padding:0 6px 10px 6px;
}

.miniaturas a{
text-align:center;
float:left;
padding:5px;
background-color:#827979;

text-decoration:none;
}
.miniaturas a:hover{
background-color:#CCCCCC;
text-decoration:none;
}
.content .miniaturas img{
margin:0px;
padding:0px;
border:none;
text-align:center;

}




/*footer*/
.footer{
	font:normal 96%/1em Verdana, Arial, Helvetica, sans-serif;
background:#511C29 url(../img/linea-punteada.gif) repeat-x;
	margin:0px auto 0px auto;
	width:772px;
}


.footer p{
color:#fff;
text-align:right;
padding:16px 0 20px 0;
}

.footer strong{
color:#00D6EB;
}

.footer span{
color:#DD0D5B;}


.footer a{
text-decoration:underline;
font-weight:bold;
color:#DD0D5B;}
.footer a:hover{
color:#DD0D5B;}