html {
background: #f0f0f0 url(imagenes/gradient.gif) repeat-x;
}
body {	
padding: 0;	
margin: 0;	
background: url(imagenes/logo.jpg) no-repeat center top;	
color: #333333;	
width: 100%;	
display: table;
}
em {
font: italic 100% Georgia, "Times New Roman", Times, serif;
}
em strong {
color: #CC0000;
}
#content {	
width: 760px;	
margin: 140px auto 0;	
background: #fff;	
border: solid 1px #ccc;	
padding: 20px;	
position: relative;
}
#content span {
display: none;	
position: absolute;
}

#content a {	
display: block;	
text-indent: -10000%;	
position: absolute;
outline: none;	
left: 26px;
}
#content a:hover {	
background-position: left bottom;
}
#content a:hover span{	
display: block;
}
#content .inicio {
	width: 90px;
	height: 20px;
	background: url(imagenes/btnInicio.gif) no-repeat;
	left: 518px;
	top: -25px;
}
#content .portafolio {
	width: 90px;
	height: 20px;
	background: url(imagenes/btnPortafolio.gif) no-repeat;
	left: 603px;
	top: -25px;
}
#content .contacto {	
width: 90px;	
height: 20px;	
background: url(imagenes/btnContacto.gif) no-repeat;	
left: 703px;	
top: -25px;
}
#content .regreso { 
color:#FFFFFF;
width: 90px;	
height: 20px;	
background: url(imagenes/btnReg.jpg) no-repeat;	
left: 3px;	
top: 140px;}
#content2 {
	width: 318px;
	margin: 2px auto 0;
	background: #fff;
	border: solid 1px #ccc;
	padding: 20px;
	position: relative;
}
#marcocontacto {
	width: 700px;
	margin: 2px auto 0;
	background: #fff;
	border: solid 1px #ccc;
	padding: 20px;
	position: relative;
}
#marcocontacto a {
color:#FF0000;
display: block;		
position: absolute;	
outline: none;	
left: 26px;
}
.titulosservicios {
background: url(imagenes/grad1.gif) no-repeat;
font: italic 100% Georgia, "Times New Roman", Times, serif;
color: #615e5e;
padding: .2em  .3em;
margin:0;
}
.contenidoservicios {
font:  80% Arial, Helvetica, sans-serif;
color: #666666;
padding: .2em 0 .3em;
margin:0;
}
.titulosclientes {
font: italic 90% Georgia, "Times New Roman", Times, serif;
color: #990000;
padding: .2em 0 .3em;
margin:0;
}
.contenidoclientes {
font:  80% Arial, Helvetica, sans-serif;
color: #666666;
padding: .2em 0 .3em;
margin:0;
}
h1 {	margin: 0;	padding: 0;	font-size:18px;}
h3 {font: bold 135%/100% Arial, Helvetica, sans-serif;padding: .2em 0 .3em;margin:0;}
h4 {font:bold 120%/100% Arial, Helvetica, sans-serif;padding:.85em 0 5px;color:#666666;}
h3 em, h4 em {color: #9d0606;letter-spacing: -1px;}
.error {font: bold 50%/100% Arial, Helvetica, sans-serif;padding: .2em 0 .3em;color: #9d0606;margin:0;}
.contenidos {border-bottom:solid 1px #ccc;padding-bottom:5px;margin: 0 0 30px 0;font: 95% Garamond, Georgia, serif;}
.multimedios { 	font-family:Verdana, Arial;	font-size: 12px;	background-color: #FFFFFF;	color: #999999; 	font-style:italic;} 
.Title {background: #c8e6d9; margin: 0;font: 100% Arial, Helvetica, sans-serifVerdana, Arial;color: #3a3939;
border-bottom:solid 0px #ccc;
padding-bottom:0px;}
.Title2 {background: #dcd76e; margin: 0;font: 100% Arial, Helvetica, sans-serifVerdana, Arial;color: #3a3939;
border-bottom:solid 0px #ccc;
padding-bottom:0px;}
/*Aqui lo de la galeria de imagenes-----------*/
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 1px 1px;
	padding: 0 12px;
	float: left;
	position: relative;
	width: 250px;
	height: 130px;
	/*background: url(images/drop-shadow.png) no-repeat center bottom;*/
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	/*border-bottom: none;*/
	padding: 5px;
}
.gallery a:hover img {
	border-color: #000;
}

.gallery over {
	width: 250px;
	height: 105px;
	display: block;
	position: absolute;
	top: 0px;
	left: 12px;
	background: url(imageenes/glossy-gradient.png) no-repeat;
}
.gallery a {
	text-decoration: none;
}