@import url("reset.css");


/*	clases reutilizables	*/

.clear{
	overflow:hidden;
	clear:both;
	height:0;
	clear:both;
	visibility:hidden;	
	}
	
abbr{
	border-bottom:dotted 1px #464646;
}


ul li {
	list-style-type:none;
}


a.externo{
	padding-left:15px;
	background: url(images/enlace-externo.gif) no-repeat left 50%;
}


.oculto{display:none;}


acronym{
	border-bottom:dotted 1px gray;
}

blockquote{
	font-style:italic;
	background-color:#fafafa;
	padding: 2px 0;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	border-top:solid 1px gray;
	border-bottom:solid 1px gray;
}

/*	**********************	*/	
	

#bitacora{
	width:960px;
	margin: 1em auto 1em auto;
	font-family:Corbel,Arial, Helvetica, sans-serif;
}

#bitacora a{
	color:#497ea0;	
}

#cabecera{
	background: #ffffff url(images/cabecera5.jpg) no-repeat left top;
	height:70px;
	font-family:Corbel,Arial, Helvetica, sans-serif;
}

#cabecera a{
	text-decoration:none;
}

#cabecera h1{
	font-size:0.9em;
	height:35px;
}

#cabecera h1 span{
	visibility:hidden;
	}

p#descripcion{
	margin-top:0.3em;
	color:#464646;
	}

ul#menu{
	margin: 1em 0;
}

ul#menu li{
	display:inline;
	float:left;
	margin-right:3em;
	font-family:Corbel,Arial, Helvetica, sans-serif;
	font-size:0.8em;
	padding:5px;
	border-left:solid 1px #CCE5FF;
	padding-left:1em;
	}
	
ul#menu li a{
	color:#464646;
	text-decoration:none;
	}

ul#menu strong{
	display:block;
	color:#497EA0;
	font-weight:bold;
	font-size:1.8em;
	}


ul#menu li:hover{
	background-color:#CCE5FF;
}	

ul#menu li.actual{
	background-color:#CCE5FF;
}

#mensajes,
#contacto{
	margin:2em 2% 2em 0;
	width:63%;
	float:left;
}


#mensajes div.post
{
	margin-bottom:2em;
	margin-top:1em;
	border-bottom: solid 2px gray;
}


#mensajes h2{
	margin-bottom:0.2em;
	}

#mensajes h2{
	font-size:1.6em;
	color:#497ea0;	
}

#mensajes h2.first{
	font-size:0.9em;
}

#mensajes div.post h2 a:hover{
	color:#464646;	
}

#mensajes div.post div.metadatos{
	font-size:0.8em;
	color:#464646;
}
#mensajes div.post div.metadatos a{
	color:#497ea0;	
}


#mensajes div.post div.entradilla{
	margin-top:1em;
	line-height:1.2em;
}

#mensajes div.post div.entradilla p{
	margin:1em 0;
}

#mensajes div.post div.entradilla ul{
	list-style-type: square;
	margin:1em 0 1em 2em;
}

#mensajes div.post div.entradilla ul li{
	list-style-type: square;
}

#mensajes div.post div.entradilla ul li ul li{
	list-style-type: circle;
}

#mensajes div.post div.entradilla ol{
	list-style-type: lower-roman;
	margin:1em 0 1em 2em;
}

#mensajes div.post div.entradilla ol li{
}

#mensajes div.post p.comentarios{
	background: #ffffff url(images/comments.gif) no-repeat left 50%;
	padding-left:22px;
	line-height:1.5em;
	margin-top:1em;
}


#mensajes ol.commentlist{
}

#mensajes ol.commentlist li{
	margin-bottom:1em;
	padding:10px 5px;
}

#mensajes ol.commentlist li.even{
	background-color:#f0f5fb;
}

#mensajes ol.commentlist li.odd{
	background-color:#fafafa;
}


#mensajes ol.commentlist div.comment-author{
	float:left;
	margin-right:10px;
}

#mensajes ol.commentlist div.comment-metar{
	float:left;
	margin-left:10px;
}

#mensajes ol.commentlist div.comment-body{
	margin-left:10px;
}


#mensajes ol.commentlist div.comment-author img{
	border:solid 1px #c5c5c5;
	padding:5px;
}

#mensajes ol.commentlist p{
	margin-left:55px;
}

#mensajes ol.commentlist  div.fecha{
	font-size:0.9em;
	margin-top:0.3em;
	color:#508FBA;
	font-weight:bold;
	margin-left:55px;
}


#respond form p{
	margin:0.5em 0;
}

#respond form input[type=text],
#respond form textarea{
	width:300px;
	border:solid 1px #c1c7cd;
	padding:3px;
}

#respond form input[type=text]:focus,
#respond form textarea:focus{
	border:solid 1px #646464;
}

#respond form textarea{
	height:100px;
	width:400px;
}

#respond form input[type=submit]{
	padding:0 10px;
	width:150px;
}


#perfil,
#mensajes,
#contacto,
#proyectos{
	margin-top:4em;
}

#perfil h2{
	font-size:1em;
	color:#2b2b2b;
	margin-bottom:1em;
	margin-top:2em;
}

#contacto h2,
#proyectos h2,
h2.comments{
	font-size:1.5em;
	color:#497ea0;	
	margin-bottom:0.5em;	
}

#perfil .presentacion{
	margin:2em 0;
	background-color:#ffffff;
	padding:5px 10px;
	border-top:solid 1px #b1ceed;
	border-right:solid 1px #b1ceed;
	border-left:solid 1px #c1c7cd;
	border-bottom:solid 1px #c1c7cd;
}

#perfil .presentacion img.photo{
	float:left;
}

#perfil .presentacion p{
	float:left;
	margin-left:1.5em;
	line-height:1.5em;
}

#perfil .presentacion p > strong{
	color:#1C5A8B;
}

#perfil .presentacion p cite{
	font-family: georgia,verdana;
	display: block;
	margin-top:0.5em;
	text-align:right;
	font-size: 0.9em;
	font-style: italic;
}

#perfil .presentacion p cite span.autor{
	font-weight:bold;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
}

#perfil .cvitae p{
	line-height:1.3em;
	margin-bottom:1em;
}

#perfil .cvitae p.openpopuli{
	line-height:1.3em;
	margin-bottom:1em;
	background: url(images/logotipo_cabecera.gif) no-repeat left 50%;
	margin-top:2em;

	border-bottom:solid 1px #c1c7cd;	

	padding:5px 5px 5px 300px;
}


#perfil .cvitae span.emfasis{
	padding: 0 3px;
	background-color:#CCE5FF;
}

#perfil .cvitae span.actualmente{
padding: 0 3px;
background-color:#F7AF02;
}

#perfil ul.listado{
	margin:0.5em 0 1em 3em;
	font-size:0.9em;
}
#perfil ul.listado li{
	line-height:1.3em;
	margin-bottom:0.5em;
	list-style-image: url(images/item-azul.gif);
}

#perfil ul.listado li.par{
}

#perfil ul.listado li.impar{
}

#perfil ul.listado li ol{
	margin-left:2em;
}

#perfil ul.listado li ol li{
	line-height:1.3em;
	margin-bottom:0.5em;
	list-style-image: url(images/item-naranja.gif);
}




#perfil ul.titulos{
}
#perfil ul.titulos li{}


#sidebar,
#networking{
	margin:4em 0 2em 0;
	float:right;
	width:34%;	
}

#sidebar h2{
	color:#626262;
	font-size:1.1em;
	border-bottom:dotted 1px #626262;
	margin-bottom:0.5em;
	padding-bottom:5px;
}

#sidebar .buscador{
	margin-bottom:1em;
	background-color:#CCE5FF;
	padding:10px 10px;
	border-top:solid 1px #b1ceed;
	border-right:solid 1px #b1ceed;
	border-left:solid 1px #c1c7cd;
	border-bottom:solid 1px #c1c7cd;
}


#sidebar .buscador input#s{
	width:200px;
	border:solid 1px #c1c7cd;
}

#sidebar .buscador input#s:focus{
	border:solid 2px #646464;
}

#sidebar .buscador input#searchsubmit{
	padding:0 10px;
}

#networking {
	margin-top:6em;
	margin-bottom:1em;
	background-color:#CCE5FF;
	border-top:solid 1px #b1ceed;
	border-right:solid 1px #b1ceed;
	border-left:solid 1px #c1c7cd;
	border-bottom:solid 1px #c1c7cd;	
}
#networking .redes{
	margin-bottom:1em;
	padding:10px 10px;

}

#networking .redes ul{}
#networking .redes ul li{
	margin-bottom:0.2em;
	padding:8px 0 0 28px;
	height:26px;
}

#networking .redes ul li.linkedin{
	background: url(images/linkedin.gif) no-repeat left 50%;
}

#networking .redes ul li.xing{
	background: url(images/xing.gif) no-repeat left 50%;
}

#networking .redes ul li.twitter{
	background: url(images/twitter.gif) no-repeat left 50%;
}

#networking .redes ul li.facebook{
	background: url(images/facebook.gif) no-repeat left 50%;
}

#networking .redes ul li.google{
	background: url(images/google.gif) no-repeat left 50%;
}

#networking .redes ul li.delicious{
	background: url(images/delicious.gif) no-repeat left 50%;
}



#contacto .formulario{
	margin-bottom:1em;
	background-color:#ffffff;
	padding:10px 10px;
	border-top:solid 1px #b1ceed;
	border-right:solid 1px #b1ceed;
	border-left:solid 1px #c1c7cd;
	border-bottom:solid 1px #c1c7cd;
}

#contacto .formulario p{
	margin:0.5em 0;
}

#contacto .formulario p span{
}

#contacto .formulario p span.requerido{
	color:red;
	font-size:0.9em;
	padding-left:1em;
}

#contacto .formulario p input[type=text],
#contacto .formulario p textarea{
	width:400px;
	border:solid 1px #c1c7cd;
	padding:3px;
}

#contacto .formulario p input[type=text]:focus,
#contacto .formulario p textarea:focus{
	border:solid 1px #646464;
}

#contacto .formulario textarea{
	height:100px;
}

#contacto .formulario p input[type=submit]{
	padding:0 10px;
	width:150px;
}


#sidebar .exploracion{
	width:49%;
	float:left;
}

#sidebar ul{
	margin-bottom:1em;
}

#sidebar ul li{
	line-height:1.5em;
	font-size:1em;
	letter-spacing:1px;
}

#sidebar ul li a:hover{
	color:#646464;
	background-color:#CCE5FF;
}

#sidebar .opciones{
	width:49%;
	float:right;
}


#sidebar .comentarios{
}

#sidebar .comentarios ul li{
	letter-spacing:0!important;
	margin-bottom:0.8em;
	line-height:1;
	padding-bottom:5px;
}

#sidebar .comentarios img.kjgrcGravatar{
border:solid 1px #c5c5c5;
padding:5px;
margin-right:0.5em;
float:left;

}


#pie{
	background: #ffffff url(images/fondo.jpg) no-repeat center bottom;
	margin-bottom:0;
	color:#ffffff;
	margin-bottom:0;
	height:170px;
	font-size:0.9em;
}

#pie a{
	color:#ffffff;
}

#pie div.creditos{
	width:960px;
	position:relative;
	margin:0 auto;
	height:50px;	
	margin-bottom:0;	
}

#pie p{
	padding:0.2em 0;
	background-color:#1C5A8B;
	font-family:Corbel, Arial, Helvetica, sans-serif;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
}