/* reseteamos todos los estilos */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
abbr,acronym { border: 0; }

body {margin: 0;background: #0c0c0c;font-family: Helvetica, Arial, sans-serif;font-size: 11px;text-align: center;background-image: url(../img/fondo.png);
text-shadow: 1px 1px 1px #f8f8f8; color: white;
}
#container{width: 990px; margin: 0 auto 0 auto;background-color: transparent;}
#mproject {margin: 100px auto 0 auto;}
#cajaenlaces {width: 990px ;margin-top: 50px;}
#cajanombres {width: 900px; margin: 500px auto 50px auto; clear: both;height: 100px; color: #666;text-shadow: 1px 1px 1px #dedede;font-size: 12px;}
.redes1 { width: 20px; height: 100px;position: relative;text-align: right;}
.personal {background-color: transparent; width: 440px;height: 100px;position: relative;}
#imagen1 {width: 110px;height: 100px;margin-top: -100px; margin-left: 20px;background-image: url(../img/bgimage1.png);position: relative;}
#foto1 {width: 82px; height: 81px; position: relative;padding-left: 9px; padding-top: 9px;}
#texto1 {width: 300px;margin-top: -88px; margin-left: 135px;height: 88px;position: relative;text-align: left;}
.nombre {font-size: 16px;font-weight: bold;}
#texto2 {width: 300px;margin-top: -88px; margin-left: 470px; height: 88px;position: relative;text-align: right;}
#imagen2 {width: 110px;height: 100px;margin-top: -100px; margin-left: 770px;background-image: url(../img/bgimage2.png);position: relative;}
#foto2 {width: 82px; height: 81px; position: relative;padding-left: 19px; padding-top: 9px;}
.redes2 { width: 30px; height: 100px;position: absolute; margin-left: 880px;margin-top: -100px;text-align: left;}

#pie {clear: both; margin-bottom: 20px; color: #666;text-shadow: 1px 1px 1px #dedede;line-height: 16px;}

/*css para transiciones de enlaces*/

div.zapatos {position:relative; float: left; background: transparent url(../img/enlaces/loszapatos1.png) repeat-x 0 0 scroll;margin: 20px;}
div.zapatos a {position:relative; z-index:2; display:block;	width:290px; height:90px; text-align:left; font-size:12px;	text-decoration:none; background:transparent none repeat-x 0 0 scroll; color: #b0b0b0;}
div.zapatos div {display:none; position:absolute; z-index:1; top:0px; background:transparent url(../img/enlaces/loszapatos2.png) repeat-x 0 0 scroll;}

div.fotografia {position:relative; float: left; background: transparent url(../img/enlaces/fotografia1.png) repeat-x 0 0 scroll;margin: 20px;}
div.fotografia a {position:relative; z-index:2; display:block;	width:290px; height:90px; text-align:left; font-size:12px;	text-decoration:none; background:transparent none repeat-x 0 0 scroll; color: #b0b0b0;}
div.fotografia div {display:none; position:absolute; z-index:1; top:0px; background:transparent url(../img/enlaces/fotografia2.png) repeat-x 0 0 scroll;}

div.systemfailure {position:relative; float: left; background: transparent url(../img/enlaces/systemfailure1.png) repeat-x 0 0 scroll;margin: 20px;}
div.systemfailure a {position:relative; z-index:2; display:block;	width:290px; height:90px; text-align:left; font-size:12px;	text-decoration:none; background:transparent none repeat-x 0 0 scroll; color: #b0b0b0;}
div.systemfailure div {display:none; position:absolute; z-index:1; top:0px; background:transparent url(../img/enlaces/systemfailure2.png) repeat-x 0 0 scroll;}

div.rafaaparicio {position:relative; float: left; background: transparent url(../img/enlaces/rafaaparicio1.png) repeat-x 0 0 scroll;margin: 20px;}
div.rafaaparicio a {position:relative; z-index:2; display:block;	width:290px; height:90px; text-align:left; font-size:12px;	text-decoration:none; background:transparent none repeat-x 0 0 scroll; color: #999;}
div.rafaaparicio div {display:none; position:absolute; z-index:1; top:0px; background:transparent url(../img/enlaces/rafaaparicio2.png) repeat-x 0 0 scroll;}

div.teatro {position:relative; float: left; background: transparent url(../img/enlaces/teatro1.png) repeat-x 0 0 scroll;margin: 20px;}
div.teatro a {position:relative; z-index:2; display:block;	width:290px; height:90px; text-align:left; font-size:12px;	text-decoration:none; background:transparent none repeat-x 0 0 scroll; color: #999;}
div.teatro div {display:none; position:absolute; z-index:1; top:0px; background:transparent url(../img/enlaces/teatro2.png) repeat-x 0 0 scroll;}

div.clinica {position:relative; float: left; background: transparent url(../img/enlaces/clinica1.png) repeat-x 0 0 scroll;margin: 20px;}
div.clinica a {position:relative; z-index:2; display:block;	width:290px; height:90px; text-align:left; font-size:12px;	text-decoration:none; background:transparent none repeat-x 0 0 scroll; color: #999;}
div.clinica div {display:none; position:absolute; z-index:1; top:0px; background:transparent url(../img/enlaces/clinica2.png) repeat-x 0 0 scroll;}


.textoenlace {width: 200px; height: 80px; float: right;margin: 10px 10px 10px 0px;}
.tituloenlace {font-size: 20px;}

div.facebook {position:relative; float: left; background: transparent url(../img/servicios/facebook1.png) repeat-x 0 0 scroll;}
div.facebook a {position:relative; z-index:2; display:block;	width:20px; height:20px; text-align:left; font-size:12px;	text-decoration:none; background:transparent none repeat-x 0 0 scroll; color: #b0b0b0;}
div.facebook div {display:none; position:absolute; z-index:1; top:0px; background:transparent url(../img/servicios/facebook2.png) repeat-x 0 0 scroll;}

div.flickr {position:relative; float: left; background: transparent url(../img/servicios/flickr1.png) repeat-x 0 0 scroll;}
div.flickr a {position:relative; z-index:2; display:block;	width:20px; height:20px; text-align:left; font-size:12px;	text-decoration:none; background:transparent none repeat-x 0 0 scroll; color: #b0b0b0;}
div.flickr div {display:none; position:absolute; z-index:1; top:0px; background:transparent url(../img/servicios/flickr2.png) repeat-x 0 0 scroll;}

div.twitter {position:relative; float: left; background: transparent url(../img/servicios/twitter1.png) repeat-x 0 0 scroll;}
div.twitter a {position:relative; z-index:2; display:block;	width:20px; height:20px; text-align:left; font-size:12px;	text-decoration:none; background:transparent none repeat-x 0 0 scroll; color: #b0b0b0;}
div.twitter div {display:none; position:absolute; z-index:1; top:0px; background:transparent url(../img/servicios/twitter2.png) repeat-x 0 0 scroll;}

/*css para transiciones de enlaces*/