html{
color:#000;background:#fcfcfc;
background-image: url(../imagenes/bg2.jpg);
background-position: top center;
background-repeat: repeat-x;
}
body{
font:13px/1.231 arial,helvetica,clean,sans-serif;
font-family: Georgia; color: #444;
margin:0px;
padding: 0px;
text-align: center;
}

.border{
	border: 5px solid #FFFFFF;
}

.border2{
	border: 5px solid #CCCCCC;
}

a.link{
	text-decoration: none;
	color:#009fcd;
	margin-top: 10px;
	display: block;
	width: 125px;	
	font-weight: bold;
	
}

a:hover.link{
	color: #444444;
	
}

a.link2{
	text-decoration: none;
	color:#009fcd;	
	font-weight: bold;
	
}
a:hover.link2{
	color: #444444;	
}

.clearfloat {
 /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que deba incluir completamente a sus elementos flotantes hijos */
clear:both;
height:0;
font-size: 1px;
Line-height: 0px;
}

p { font-size: 100%; line-height: 18px; padding-right: 3em; }
.azul{color:#009fcd;}

#footer a{
	text-decoration: none;
	color:#009fcd;
}

#footer a:hover{
	color: #444444;
	text-decoration: underline;
}

#page{
/*background-color: #dfdfdf;*/
margin: 0px auto;
padding: 0px;
width: 950px;
position: relative;
}

#block_foot{
margin: 0px auto;
padding: 0px;
width: 950px;
height: 10px;
font-size: 1px;
Line-height: 0px;
display: block;
}

#header{
background-image: url(../imagenes/bg_header_test.jpg);
background-repeat: no-repeat;
margin: 0 auto;
padding: 0px;
width: 950px;
height: 217px;
text-align: left;
display: block;
position: relative;	
}
#wrap{
background-image: url(../imagenes/bg_wrap.jpg);
margin: 0px auto;
padding: 0px;
width: 950px;
text-align: left;	
}

#contents{
margin: 0 auto;
padding: 20px 0px 20px 0px;
width: 866px;
text-align: left;
border-bottom: 1px dashed #AAAAAA;		
}

#footer{
background-image: url(../imagenes/bg_footer2.jpg);
background-repeat: no-repeat;
margin: 0px auto;
padding: 0px;
width: 950px;
height:120px;
text-align: center;		
}

#hd{
position: absolute;
width:500px;
height: 95px;
left: 174px;
top: 45px;
text-align: left;
}

#hd h1 { font-size: 48px; text-transform: uppercase; letter-spacing: 3px; }
#hd h2{font-style: italic;}
h2 { font-size: 152%; }
h3, h4 { font-size: 122%; }
h1, h2, h3, h4 { color: #333; }

#menu_bar{
   position: absolute;
	right: 42px;
	width: 164px;
	top: 50px;		
	padding: 0px;
	text-align: left;		
}

#menu_bar ul {
width: 164px;
list-style: none;
padding: 0;	
margin: 0;
border: none;
}

#menu_bar li {
font-size:14px; 
margin: 0px;
padding: 0px;
}


#menu_bar li a {
background-color: #272727;
text-decoration: none;
display: block;
width: 160px;
margin: 0px 0px 3px 0px;
padding: 5px 0 5px 5px;
color: #FFFFFF;
}

#menu_bar li a:hover{
background-color: #000000;
color: #41cdf0;
text-decoration: none;	
}

#currentpage a:link, #currentpage a:visited{
background-color: #000000;
color:#41cdf0;
cursor: default;	
}



#menu_bar2{
   margin:10px 0px 10px 0px;	
	padding: 0px;
	text-align: left;		
}

#menu_bar2 ul {
width: 550px;
list-style: none;
padding: 0;	
margin: 0;
border: none;
}

#menu_bar2 li {
font-size:14px; 
margin: 0px;
padding: 0px;
float: left;
}


#menu_bar2 li a {
background-color: #272727;
text-decoration: none;
display: block;
width: 150px;
margin: 0px 3px 0px 0px;
padding: 5px 0 5px 5px;
color: #FFFFFF;
}




#menu_bar2 li a:hover{
background-color: #000000;
color: #41cdf0;
text-decoration: none;	
}


/*galeria portfolio*/

#galeria{width:866px; margin-top:20px;}

a.bloquelinks, a.bloquelinks2  {
background-image: url(../lightboximages/loading.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
text-decoration: none;
display: inline;
float: left;     
position: relative;
width: 180px;
height: 100px;   
padding: 10px;
margin: 0px 15px 15px 0px;
background-color: #fff;    
}

a.bloquelinks:hover, a.bloquelinks2:hover {
  background-color: #38c9ef;        
}

/* perfil */

.bloque1{
padding: 20px 0px 20px 0px;
border-top: 1px dashed #AAAAAA; 
display: block;
float: left;
}


.first{
background-image: url(../imagenes/bg_first.gif);
background-repeat: no-repeat;
background-position: 0px left;
width:200px;
height:60px;
float: left;
}
.first h2{ font-style: italic; padding: 5px 0px 0px 15px }
p.enlarge {font-size: 144%; line-height: 24px; margin-bottom: 0.75em; margin-bottom: 0.75em;}
.descrip1{
padding-top: 5px;
width: 665px; float: right;
display: block;
}

.descrip2{
padding-top: 5px;
width: 665px; float: right;
margin-bottom: 20px;
display: block;
}

.subbloque{
	width:33%;
	float: left;
}

.subbloque p{
	padding-top: 5px;
	width: 99%;
}

.subbloque h2 { margin-bottom: 6px; }




.subbloque ul li{
width: 90%;
padding: 5px;
border-top: 1px dashed #AAAAAA; 	
}

.subbloque li.primera{
width: 90%;
padding: 5px;
border:none;	
}

.job { position: relative; margin-bottom: 0.75em; padding-bottom: 0.75em; border-bottom: 1px dashed #AAAAAA; }
.job h4 { position: absolute; top: 0.35em; right: 0 }
.job p { margin: 0.75em 0 3em 0; }