@charset "utf-8";
/* SCREEN */
/* Reset de navegadores */
@import "reset.css";

/* Google Font Directory: http://code.google.com/webfonts */
@import url(http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT:regular,italic);

/* @group HTML Elements */
body
{
	background: #000 url(../img/css/bg/body2.jpg) no-repeat fixed left top;
	color: #666;
	font-family: 'proxima-nova-1', 'proxima-nova-2', 'Helvetica Neue Light', Helvetica, Arial,'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', Tahoma, sans-serif;
	font-size: 14px;
	line-height: 1.5;
}



/* @group headings */
h1, h2, h3, h4, h5, h6
{
	color: #333;
	font-family: 'OFL Sorts Mill Goudy TT', /*Baskerville,Garamond,Palatino,*/'Palatino Linotype','Hoefler Text','Times New Roman', serif;
	font-weight: normal;
	line-height: 1.2;
	margin: 0 0 .25em 0;
}

h1{font-size: 36px;}
h2{font-size: 32px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 16px;}
h6{font-size: 14px;}
/* @end */



a{color: #6fa84c;}
a:hover {color: #91db63;}
acronym,abbr{border-bottom: 1px dotted;cursor: help;}
q,blockquote,cite,em{font-family: 'Palatino Linotype','Hoefler Text','Times New Roman',serif;}
q,em{font-size: 1.2em;}
em{line-height: 1;}
q{font-style: italic;}

blockquote
{
	border-left: 3px solid #333;
	font-style: italic;
	line-height: 1.25;
	padding: 20px 20px 5px 20px;
}

blockquote{font-size: 18px;}

blockquote cite
{
	display: block;
	font-size: 14px;
	font-style: normal;
	margin: 1em 0 0 0;
}

cite
{
	border-top: 1px solid #e5e5e5;
	display: block;
}

kbd
{
	background: #eee;
	border-top: .15em solid #ccc;
	border-right:.25em solid #aaa;
	border-bottom:.3em solid #888;
	border-left:.2em solid #bbb;
	color: #000;
	font-size: .9em;
	font-weight: normal;
	font-family: "Lucida console", Courier, monospace, sans-serif;
	line-height: 2;
	padding: .05em .2em;
}



/* @group lists */
ul, ol {}
li {margin: 0 0 .5em 0;}
dl {}
dt {font-weight: bold;}
dd {}
/* @end */



/* @group forms */
form{}

fieldset
{
	border: 1px solid #ccc;
	border-top: 4px solid #ccc;
	margin: 0 0 1.5em 0;
	padding: 1em;
}

legend{display: none;}

label
{
	font-weight: bold;
	margin: 0 10px 0 0;
	padding: 9px 0;
}

optgroup{font-style: normal;}

option
{
	background: #fff;
	cursor: pointer;
	padding: 0 0 0 1em;
}

input,select,optgroup,option,textarea,button{font-family: 'proxima-nova-1', 'proxima-nova-2', 'Helvetica Neue Light', Helvetica, Arial,'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', Tahoma, sans-serif;font-size: 1em;}
input,select,optgroup,option,textarea{background-color: #fff;}
input,select,textarea {border: 1px solid #999;padding: 8px;}
input,textarea{background: #fff url(../img/css/bg/input.gif) repeat-x;}
textarea {overflow: auto;}

input:hover,
select:hover,
textarea:hover
{border: 1px solid #333;}

input:focus,
select:focus,
textarea:focus
{border: 1px solid #ccc;}

button
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	font-size: 1em;
	padding: 9px 12px;
}

button:hover{cursor: pointer;}
/* @end */

/* @group tables */
table, caption, thead, th, tr, td
{
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 0;
}

table
{
	margin: 0 0 40px 0;
	width: 100%;
}

caption
{
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', Geneva, Helvetica, Arial, sans-serif;
	font-size: 18px;
	padding: 10px;
}

th
{
	font-weight: bold;
	text-align: left;
}

th,td
{
	padding: .5em;
	vertical-align: top;
}

thead
{
	background: #000;
	color: #fff;
}

tbody{}
tfoot {}
/* @end */
/* @end */



/* @group Common */
#pageRibbon
{
	background: url(../img/css/bg/pageRibbon.gif) no-repeat;
	height: 99px;
	position: absolute;
	left: 0;
	text-indent: -9999px;
	top: 0;
	width: 97px;
}

/* @group #header */
#header{margin: 0;}

#header .inside
{
	background: #fff url(../img/css/bg/header_inside.jpg) no-repeat center top;
	border-bottom: 1px solid #ccc;
	border-top: 4px solid #c00;
	padding: 20px;
	position: relative;
	width: 920px;
}



/* @group #qtrans_language_chooser */
#qtranslate-chooser
{
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	position: absolute;
	right: 20px;
	top: 16px;
}

#qtranslate-chooser li
{
	float: left;
	margin: 0 .25em 0 0;
	padding: 0;
}

#qtranslate-chooser li a
{
	-moz-border-radius: 3px;
   	-webkit-border-radius: 3px;
   	border-radius: 3px;
	color: #666;
	display: block;
	padding: .25em .5em;
	text-transform: uppercase;
}

#qtranslate-chooser li a:hover
{
	background: #333;
	color: #fff;
}

#qtranslate-chooser li.active a,
#qtranslate-chooser li.active a:hover
{
	background: #e9e9e9;
	color: #aaa;
	cursor: default;
	text-shadow: 1px 1px 1px #fff;
}
/* @end */



/* @group #logo */
#logo
{
	background: url(../img/logo_lapersonnalite.png) no-repeat;
	display: block;
	float: left;
	height: 66px;
	margin: 0;
	text-indent: -9999px;
	width: 230px;
}

#logo:hover
{
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
}
/* @end */



/* @group #mainMenu */
#mainMenu
{
	bottom: 0;
	font-size: 18px;
	margin: 0;
	position: absolute;
	right: 20px;
}

#mainMenu ul{margin: 0;}

#mainMenu ul li
{
	background: none;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
}

#mainMenu ul li a
{
	border-bottom: 2px solid #ddd;
	color: #666;
	display: block;
	font-family: 'Palatino Linotype','Hoefler Text','Times New Roman',serif;
	font-style: italic;
	padding: .35em .5em 1em .5em;
	text-shadow: 1px 1px 1px #fff;
}

#mainMenu ul li a:hover
{
	border-color: #999;
	color: #999;
}

/* Iluminar opciones cuando nos encontremos en ellas */
/*
Categoría 4: Novedades
Categoría 5: Proyectos
Categoría 3: Reflexiones
Página 11: Nuestra Personnalité
Página 18: ¿Qué hacemos?
Página 21: Contacto
*/
body#news #mainMenu ul li.cat-item-4 a,
body#single-new #mainMenu ul li.cat-item-4 a,
body#projects #mainMenu ul li.cat-item-5 a,
body#single-project #mainMenu ul li.cat-item-5 a,
body#thoughts #mainMenu ul li.cat-item-3 a,
body#single-thought #mainMenu ul li.cat-item-3 a,
body#about #mainMenu ul li.page-item-11 a,
body#services #mainMenu ul li.page-item-18 a,
body#contact #mainMenu ul li.page-item-21 a
{border-color: #c00;color: #c00;}

body#news #mainMenu ul li.cat-item-4 a:hover,
body#single-new #mainMenu ul li.cat-item-4 a:hover,
body#projects #mainMenu ul li.cat-item-5 a:hover,
body#single-project #mainMenu ul li.cat-item-5 a:hover,
body#thoughts #mainMenu ul li.cat-item-3 a:hover,
body#single-thought #mainMenu ul li.cat-item-3 a:hover
{border-color: #f00;}

body#about #mainMenu ul li.page-item-11 a:hover,
body#services #mainMenu ul li.page-item-18 a:hover,
body#contact #mainMenu ul li.page-item-21 a:hover
{cursor: default;}
/* @end */
/* @end */

/* @group #searchform */
#searchform
{
	background: url(../img/css/bg/black_75.png);
	margin: 0;
}

#searchform .inside
{
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,1) inset;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,1) inset;
	box-shadow: 0 0 10px rgba(0,0,0,1) inset;
	background: url(../img/css/bg/black_75.png);
	border-top: 2px solid #222;
	padding: 20px;
	width: 920px;
}

#searchform label{text-shadow: 1px 1px 1px #000;}

#searchform #s
{
	background: #000;
	border: 1px solid #333;
	color: #333;
	margin: 0 10px 0 0;
	width: 20em;
}

#searchform #s:hover
{
	border: 1px solid #666;
	color: #666;
}

#searchform input#s:focus
{
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,1) inset;
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,1) inset;
	box-shadow: 2px 2px 5px rgba(0,0,0,1) inset;
	background: #111;
	border: 1px solid #666;
	color: #fff;
}

#searchform button
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #202020;
	color: #fff;
	display: inline-block;
	margin: 0;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;
}

#searchform button:hover
{
	background: #333;
	color: #ccc;
}
/* @end */



/* @group #container */
#container {margin: 0;}

#container .inside
{
	background: #fff url(../img/css/bg/paper.gif);
	padding: 40px;
	width: 880px;
}

/* @group #content */
#content
{
	float: left;
	width: 520px;	
}



/* @group .post */
#content .post
{
	border-bottom: 1px dotted #ccc;
	margin: 0 0 2em 0;
	position: relative;
}

#content .post dl,
#content .post ul,
#content .post ol
{
	list-style: circle;
	list-style-position: inside;
	list-style-type: circle;
	padding: 0 0 0 20px;
}




/* @group .the_content */
.the_content {}

.the_content ul li
{
	background: url(../img/css/bullets/li.gif) no-repeat;
	padding-left: 10px;
}
/* @end */




/* @group .postComments */
.postComments
{
	bottom: 0;
	float: left;
	margin: 0;
	right: 0;
}

.postComments a
{
	background: #f2f2f2 url(../img/css/bullets/comments.png) no-repeat 5px 3px;
	display: block;
	padding: .25em .5em .25em 25px;
}

.postComments a:hover {background-color: #e5e5e5;}
/* @end */



/* @group .postHead */
.postHead
{
	background: url(../img/css/bg/divider1.gif) no-repeat center top;
	border-bottom: 1px solid #ddd;
	padding: 1em 0 0 0;
}

.postHead .avatar
{
	float: left;
	margin: 0 1em 1em 0;
}



/* @group .postMeta */
.postMeta
{
	display: inline;
	font-family: 'Palatino Linotype','Hoefler Text','Times New Roman',serif;
	margin: 0 0 0 120px;
}

.postMeta h1,.postMeta h2,.postMeta h3
{
	font-size: 26px;
	font-style: italic;
	line-height: 1.1;
	margin: 0;
}

.postMeta .projectLogo
{
	display: block;
	margin: 0 0 1em 0;
}

.postMeta p {font-size: 15px;margin: 0;}
.postMeta p .bullet {display: inline;}
/* @end */
/* @end */
/* @end */



/* @group .project */
#content .project
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #ccc;
	float: left;
	height: 480px;
	margin: 20px 10px;
	padding: 10px 20px;
	position: relative;
	width: 230px;
}

#content .project h2
{
	display: table;
	height: 3em;
	
	background: #fff;
	border: 1px solid #ccc;
	font-family: 'proxima-nova-1', 'proxima-nova-2', 'Helvetica Neue Light', Helvetica, Arial,'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', Tahoma, sans-serif;
	font-size: 18px;
	height: 75px;
	left: -30px;
	line-height: 1;
	margin: 0 0 15px 0;
	padding: 1px;
	position: relative;
	width: 260px;
}

#content .project h2 a
{		
	background: #c00;
	color: #fff;
	display: table-cell;
	padding: .35em .5em;
	text-shadow: 1px 1px 1px #300;
	vertical-align: middle;
}

#content .project h2 a:hover{background: #900;}



/* @group .cover */
a.cover
{
	background: #fff;
	border: 9px solid #ddd;
	display: block;
	margin: 0 0 1em 0;
	padding: 1px;
}

a.cover,
a.cover img
{
	height: 140px;
	width: 220px;
}

a.cover:hover {border-color: #333;}
/* @end */



#content .project .projectComments
{
	border-top: 1px dotted #ddd;
	bottom: .5em;
	margin: 0;
	padding: .5em 0 0 0;
	position: absolute;
	width: 230px;
}

#content .project .projectComments a
{
	background-repeat: no-repeat;
	display: block;
	float: left;
	padding: .15em 0 .15em 20px;
}
/* @end */


/* @group .thought */
#content .thought{}
/* @end */



/* @group .post.new */
#content .new{}
/* @end */



/* @group #commentsBlock */
#commentsBlock
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 5px #ddd inset;
	-webkitbox-box-shadow: 1px 1px 5px #ddd inset;
	box-shadow: 1px 1px 5px #333 inset;
	background: #fafafa;
	border-top: 3px solid #ddd;
	padding: 1em;
}

#commentsBlock h2
{
	font-size: 2em;
	text-shadow: 1px 1px 1px #fff;
}

#commentsBlock #leave_comment
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #eee;
	display: inline-block;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px;
}



/* @group #comments */
#comments
{
	border-bottom: 1px dotted #fff;
	border-top: 1px dotted #ccc;
}

.comment
{
	background: none;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #fff;
	margin: 0;
	padding: 1em 0;
	text-shadow: 1px 1px 1px #fff;
}

.comment cite
{
	border-top: none;
	float: left;
	font-size: 1.1em;
	margin: 0 1em 0 0;
	text-align: right;
	width: 140px;
}

.comment cite .avatar
{
	-moz-box-shadow: 1px 1px 5px #ddd;
	-webkitbox-box-shadow: 1px 1px 5px #ddd;
	box-shadow: 1px 1px 5px #333;
	display: inline-block;
	margin: 0 0 .25em 0;
}

.commentAuthor{display: block;}
.commentAuthor em{}
.commentDate{}



/* @group .the_comment */
.the_comment
{
	border-left: 1px dotted #ddd;
	float: left;
	padding: 0 0 0 1em;
	width: 290px;
}

.the_comment .commentType
{
	display: inline-block;
	border-bottom: 1px solid #ccc;
	font-family: 'Palatino Linotype','Hoefler Text','Times New Roman', serif;
	font-size: .917em;
	font-style: normal;
	line-height: 1;
	margin: 0 0 5px 0;
	text-transform: uppercase;
}

.the_comment blockquote
{
	border-left: none;
	font-family: 'proxima-nova-1', 'proxima-nova-2', 'Helvetica Neue Light', Helvetica, Arial,'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', Tahoma, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

.the_comment blockquote p{margin: 0;}
/* @end */
/* @end */



/* @group .commentform */
#commentform{}
#commentform ul{}

#commentform li
{
	background: none;
	padding: 0;
}

#commentform li label
{
	float: left;
	margin: 0 1em 0 0;
	width: 9em;
}

#commentform li label span{font-weight: normal;}

#commentform li input,
#commentform li textarea
{
	border-color: #fff;
	float: left;
	width: 22em;
}

#commentform button#submit
{
	left: 11.55em;
	position: relative;
}
/* @end */
/* @end */



/* @group .tags */
.tags span,
.tags strong,
.tags a
{
	display: inline-block;
	margin: 0 1px 1px 0;
	text-shadow: 1px 1px 1px #999;
	vertical-align: middle;
}

.tags strong,
.tags a
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.tags span,.tags a{padding: 3px 8px;}

.tags strong
{
	background: #f2f2f2;
	font-size: 12px;
	padding: 4px 8px;
	text-shadow: 1px 1px 1px #fff;
	text-transform: uppercase;
}

.tags span {display: none;}

.tags a
{
	background: #bbb;
	color: #fff;
	margin: 0 1px 1px 0;
}

.tags a:hover {background: #888;}

#content .post.project .tags
{
	position: absolute;
	bottom: 2.5em;
}
/* @end */



/* @group .webPresence */
.webPresence {border-top: 1px dotted #ccc;}

.webPresence li
{
	border-bottom: 1px dotted #ccc;
	padding: .25em 0;
}
/* @end */
/* @end */



/* @group #sidebar */
#sidebar
{
	border-left: 1px dotted #ddd;
	float: right;
	padding: 0 0 0 20px;
	width: 300px;
}

#sidebar .category
{
	background: url(../img/css/bg/sidebar_category.gif) repeat-x;
	border-top: 3px solid #333;
	margin: 0 0 2em 0;
	padding: 1em 0 0 0;
}

#sidebar .category .post
{
	border-top: 1px solid #999;
	margin: 0 0 2em 0;
	padding: 1em 0 0 0;
}

#sidebar .category .post h3
{
	font-size: 24px;
	line-height: 1;
	margin: 0 0 15px 0;
	text-shadow: 1px 1px 1px #acf;
}

#sidebar .projectList
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #f5f5f5;
	padding: 20px;
}

#sidebar .projectList h2
{
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	font-size: 2em;
	font-style: italic;
	padding: .15em 0;
}

#sidebar .projectList ul {margin: 0;}
#sidebar .projectList li {line-height: 1.1;margin: 0 0 1px 0;}

#sidebar .projectList li a
{
	background: #fff;
	border-left: 3px solid #c00;
	color: #666;
	display: block;
	font-size: 1.15em;
	padding: .5em;
}

#sidebar .projectList li a .cover
{
	border: 3px solid #222;
	float: left;
	height: 16px;
	margin: 0 10px 0 0;
	width: 16px;
}

#sidebar .projectList li a span
{
	display: block;
	float: left;
	width: 205px;
}

#sidebar .projectList li a:hover
{
	background: #222;
	color: #ddd;
}

#sidebar .projectList li a:hover .cover{border-color: #111;}
/* @end */
/* @end */



/* @group #secondary */
#secondary
{
	color: #666;
	margin: 0;
}

#secondary .inside
{
	background: #f2f2f2 url(../img/css/bg/secondary2.jpg) no-repeat right top;
	border-top: .5em solid #e5e5e5;
	padding: 30px 30px 0 30px;
	width: 900px;
}

#secondary h2
{
	background: #fff url(../img/css/bg/crosshatch.gif) repeat-x;
	border-bottom: 1px solid #e5e5e5;
	padding: .35em .25em .15em .25em;
}



/* @group #flickr_feed */
#secondary #flickrFeed
{
	float: left;
	margin: 0 3em 0 0;
	width: 200px;
}

#secondary #flickrFeed ul li
{
	float: left;
	margin: 0 1em 1em 0;
	padding: 0;
}

#secondary #flickrFeed ul li a
{
	background: #fff;
	border: 1px solid #ccc;
	display: block;
	padding: .25em;
}

#secondary #flickrFeed ul li a:hover{border: 1px solid #f2f2f2;}
/* @end */



/* @group #mento_feed */
#secondary #mentoFeed
{
	float: left;
	margin: 0 3em 0 0;
	width: 280px;
}

#secondary #mentoFeed ul{margin: 1em 0;}

#secondary #mentoFeed ul li
{
	background: url(../img/css/bullets/mento.png) no-repeat 0 3px;
	border-bottom: 1px dotted #ccc;
	margin: 0;
	padding: .25em 0 .25em 20px;
}
/* @end */



/* @group #lastfm_feed */
#secondary #lastfmFeed
{
	float: left;
	margin: 0 3em 0 0;
	width: 280px;
}

#secondary #lastfmFeed ul{}

#secondary #lastfmFeed ul li
{
	background: none;
	border-bottom: 1px dotted #ccc;
	padding: .25em 0;
}

#secondary #lastfmFeed ul li a
{
	background: url(../img/css/bullets/lastfm.png) no-repeat 5px 2px;
	display: block;
	padding: .15em 0 .15em 25px;
}

#secondary #lastfmFeed ul li a:hover
{
	background-color: #e5e5e5;
	background-image: url(../img/css/bullets/lastfm-hover.png);
	color: #666;
}
/* @end */
/* @end */



/* @group #footer */
#footer {margin: 0;}

#footer .inside
{
	background: #fff url(../img/css/bg/footer_inside.png) repeat-x 0 1px;
	border-top: 1px solid #ddd;
	padding: 30px;
	position: relative;
	width: 900px;
}

#footer acronym
{
	border: none;
}

#footer h2
{
	font-size: 18px;
	margin: 0;
}

#footer h2 em{font-size: 18px;}
#footer .footerAddress, #footer .footerAddress em{font-size: 13px;}
#footer ul{margin: 0;}

#footer ul li
{
	background: none;
	float: left;
	margin: 0 1em 0 0;
	padding: .15em 0;
}

#footer a{color: #999;}
#footer a:hover{color: #000;}



/* @group .lpApps */
/* Links a Facebook, Flickr, Twitter, etc. */
#footer .lpApps
{
	position: absolute;
	right: 20px;
	top: 20px;
}

#footer .lpApps h2
{
	border-bottom: 1px solid #e5e5e5;
	margin: 0 0 .5em 0;
}

#footer .lpApps ul{margin: 0;}

#footer .lpApps ul li
{
	float: left;
	margin: 0 10px 0 0;
}

#footer .lpApps ul li a
{
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
}

#footer .lpApps ul li a:hover
{
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
}

#footer .lpApps ul li.facebook a
{
	background-image: url(../img/css/bg/lpApps_facebook.png);
	height: 16px;
	width: 74px;
}

#footer .lpApps ul li.twitter a
{
	background-image: url(../img/css/bg/lpApps_twitter.png);
	height: 23px;
	width: 23px;
}

#footer .lpApps ul li.flickr a
{
	background-image: url(../img/css/bg/lpApps_flickr.png);
	height: 14px;
	width: 57px;
}
/* @end */
/* @end */



#footerBottomCap .inside
{
	background: url(../img/css/bg/footerBottomCap.gif) repeat-x;
	height: 8px;
}



/* @group .pageNav */
.pageNav a
{
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,1) inset;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,1) inset;
	box-shadow: 0 0 5px rgba(0,0,0,1) inset;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #222;
	border: 3px solid #666;
	color: #fff;
	display: inline-block;
	padding: 6px 12px;
	text-shadow: 1px 1px 1px #000;
}

.pageNav a:first-child{float: left;margin: 0 5px 0 0;}
.pageNav a:last-child{float: right;margin: 0 0 0 5px;}

.pageNav a:hover
{
	-webkit-box-shadow: 0 0 5px rgba(78,117,53,1) inset;
	-moz-box-shadow: 0 0 5px rgba(78,117,53,1) inset;
	box-shadow: 0 0 5px rgba(78,117,53,1) inset;
	background: #6fa84c;
	border-color: #91db63;
	text-shadow: 1px 1px 1px #1e2c42;
}

.pageNav span{display: none;}
/* @end */
/* @end */



/* @group Pages */
/* @group body#index */
body#index #header .inside
{
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,1);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,1);
	box-shadow: 0 0 5px rgba(0,0,0,1);
}

body#index #container .inside
{
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
}

/* @group #presentation */
body#index #presentation {margin: 0;}

body#index #presentation .inside
{
	background: none;
	color: #fff;
	padding: 50px 0 50px 400px;
	width: 560px;
}

body#index #presentation h1
{
	border-bottom: 1px solid #111;
	color: #6FA84C;
	display: inline-block;
	font-size: 36px;
	text-shadow: 1px 1px 1px #000;
}

body#index #presentation p
{
	font-size: 24px;
	font-family: 'Palatino Linotype','Hoefler Text','Times New Roman', serif;
	font-style: italic;
	line-height: 1.15;
	margin: 0;
	text-shadow: 1px 1px 1px #000;
}

body#index #presentation p:first-letter
{
	background: #222;
	border: 3px solid #333;
	color: #ccc;
	display: block;
	float:left;
	font-size: 36px;
	font-weight: normal;
	margin: 5px 10px 0 0;
	padding: 5px 10px;
	text-shadow: 1px 1px 1px #000;
}
/* @end */
/* @end */



/* @group body#about */
body#about h1
{
	border-bottom: 1px dotted #ccc;
	font-style: italic;
	margin: 0 0 1.5em 0;
	padding-bottom: .25em;
	text-align: center;
}

body#about #sharedThings {}

body#about #sharedThings h2
{
	background: #333;
	border-top: 3px solid #ccc;
	color: #fff;
	margin: 0;
	padding: .25em .5em;
}

body#about #ana
{
	float: left;
	width: 400px;
}

body#about #goio
{
	float: right;
	width: 400px;
}

body#about #ana blockquote,
body#about #goio blockquote
{
	font-size: 21px;
}

body#about #anaPhoto,
body#about #goioPhoto
{
	position: relative;
	text-indent: -9999px;
}

body#about #anaPhoto
{
	
}

body#about #goioPhoto
{
	
}

body#about #anaPhoto
{
	background: url(../img/css/bg/anaPhoto.png) no-repeat 0 6px;
	height: 248px; /* Altura real: 248px */
	margin: 0;
	right: 86px;
	width: 418px;
}

body#about #goioPhoto
{
	background: url(../img/css/bg/goioPhoto.png) no-repeat;
	height: 289px;
	left: 68px;
	margin: 0;
	width: 405px;
}
/* @end */



/* @group boy#news */
body#news{}
body#news h1{margin: 0;}
/* @end */



/* @group body#projects */
body#projects{}

body#projects #content
{
	margin: 0;
	width: 100%;
}

body#projects #content h1{margin: 0;}
/* @end */



/* @group body#thoughts */
body#thoughts{}
body#thoughts h1{margin: 0;}
body#thoughts .thoughts_entries li a {}
/* @end */



/* @group body#services */
body#services{}
body#services #content{width: auto;}

body#services #content .intro
{
	font-family: 'Palatino Linotype','Hoefler Text','Times New Roman',serif;
	font-size: 26px;
	font-style: italic;
	line-height: 1.1;
	margin: 0 0 40px 0;
}

body#services .serviceList
{
	margin: 0;
}

body#services .service
{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: #111;
	float: left;
	margin: 0 5px;
	padding: 20px;
	width: 243px;
	text-shadow: 1px 1px 1px #000;
}

body#services .service q,
body#services .service em
{
	color: #bbb;
}

body#services .service h2
{
	border-top: 3px solid #222;
	height: 2em;
	padding: 10px 0;
}

body#services .service h2 strong
{
	color: #fff;
	display: block;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.1;
	margin: 0 0 5px 0;
}

body#services .service h2 span
{
	color: #6fa84c;
	display: block;
	font-family: 'proxima-nova-1', 'proxima-nova-2', 'Helvetica Neue Light', Helvetica, Arial,'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

body#services .service h3
{
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	color: #fff;
	padding: 5px 0;
}

/* @group .tags */
body#services .service .tags{margin: 0;}

body#services .service .tags span,
body#services .service .tags strong,
body#services .service .tags a
{text-shadow: 1px 1px 1px #000;}

body#services .service .tags strong
{
	background: #666;
	color: #fff;
}

body#services .service .tags a
{
	background: #222;
	color: #666;
}

body#services .service .tags a:hover{background: #333;color: #fff;text-shadow: none;}
/* @end */
/* @end */



/* @group body#contact */
body#contact{}

body#contact #content{width: 100%;}

/* @group .vcard */
body#contact .vcard
{
	float: left;
	margin: 0;
	width: 38em;
}

body#contact .vcard .fg-clear.alignright{display: none;/* Estos son los créditos del plugin de Flickr */}

/* @group .vcardTitle */
body#contact .vcard .vcardTitle .photo
{
	border: 3px solid #ddd;
	display: block;
	float: left;
	margin: 0 1em .25em 0;
}

body#contact .vcard .vcardTitle .photo img {border: 1px solid #bbb;}

body#contact .vcard .vcardTitle h2
{
	float: left;
	font-size: 22px;
	line-height: 1em;
	margin: 0;
	padding: .25em 0 0 0;
	width: 21em;
}

body#contact .vcard .vcardTitle h2 strong {font-style: italic;}
body#contact .vcard .vcardTitle h2 em {font-size: .75em;}
/* @end */

body#contact .vcard .contactData dt
{
	text-align: right;
	width: 5em;
}

body#contact .vcard .contactData dd {width: 25em;}

body#contact .vcard iframe
{
	border: 10px solid #f5f5f5;
	display: block;
}

body#contact .vcard .bigMap
{
	margin: 0;
	text-align: center;
}

body#contact .vcard .bigMap a
{
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,1) inset;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,1) inset;
	box-shadow: 0 0 5px rgba(0,0,0,1) inset;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #111;
	border: 3px solid #333;
	color: #fff;
	display: inline-block;
	padding: 8px 12px;
	text-shadow: 1px 1px 1px #000;
}

body#contact .vcard .bigMap a:hover
{
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5) inset;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.5) inset;
	box-shadow: 0 0 5px rgba(0,0,0,.5) inset;
	background: #222;
	border: 3px solid #666;
	color: #ccc;
	text-shadow: 1px 1px 1px #000;
}

body#contact .vcard .bigMap a:active
{
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5) inset;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.5) inset;
	box-shadow: 0 0 5px rgba(0,0,0,.5) inset;
	background: #c00;
	border: 3px solid #e00;
	color: #fff;
	position: relative;
	text-shadow: 1px 1px 1px #000;
	top: 1px;
}
/* @end */



/* @group #timetable_cform */
body#contact #timetable_cform
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #fff;
	border: 1px solid #ccc;
	float: right;
	padding: 20px 20px 0 20px;
	width: 250px;
}

body#contact #timetable_cform h2
{
	font-size: 20px;
}



/* @group  #timetable */
body#contact #timetable
{
	border: 1px solid #ccc;
	text-shadow: 1px 1px 1px #fff;
}

body#contact #timetable .inner
{
	background: #f2f2f2;
	border: 1px solid #fff;
	margin: 0;
	padding: 1em;
}

body#contact #timetable dl{margin: 0;}
body#contact #timetable dt{font-size: 12px;font-weight: bold;margin: 0;text-transform: uppercase;}
body#contact #timetable dd
{	
	color:#999;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -0.25px;
	margin:0 0 10px 0;
}
/* @end */



/* @group .cform */
body#contact .cf-ol li span.reqtxt,
body#contact .cf-ol li span.emailreqtxt
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #dfa;
	font-size: .85em;
	padding: .25em;
	position: relative;
	top: .55em;
}

body#contact .cf-ol li label{}

body#contact .cf-ol li input,
body#contact .cf-ol li textarea
{width: 16em;}

body#contact p.cf-sb input{}
/* @end */
/* @end */
/* @end */



/* @group body#sideprojects */
body#sideprojects{}
/* @end */



/* @group body#page */
body#page{}
/* @end */



/* @group body#author */
body#author{}
/* @end */



/* @group body#single-default */
body#single-default{}
/* @end */



/* @group body#single-new */
body#single-new {}
/* @end */



/* @group body#single-project */
body#single-project{}
body#single-project #content .postMeta h1{margin: 0 0 10px 0;}
/* @end */



/* @group body#single-thought */
body#single-thought{}
/* @end */



/* @group body#single-sideproject */
body#single-sideproject{}

body#single-sideproject #content .postMeta{width: auto;}
/* @end */



/* @group body#search */
body#search {}
/* @end */



/* @group body#post */
body#post{}
/* @end */



/* @group body#tag */
body#tag{}
/* @end */



/* @group body#archive */
body#archive{}
/* @end */
/* @end */



/* @group Global styles */
.inside
{
	margin: 0 auto;
	width: 960px;	
}



/* Clases */
/* @group .simpleList */
li.simpleList,
dt.simpleList,
{
	background-repeat: no-repeat;
	padding-left: 10px;
}
li.simpleList {background-image: url(../img/css/bullets/li.gif);}
dt.simpleList {background-image: url(../img/css/bullets/dt.gif);}
/* @end */



/* @group dl.line */
/* line: clase para que el dt y el dd van en la misma línea */
dl.line {}

dl.line dt
{
	clear: both;
	float: left;
	margin: 0 .5em 0 0;
}

dl.line dd
{
	float: left;
	margin: 0;
}
/* @end */



/* @group .deliverableList */
.deliverableList
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 3px solid #ddd;
	padding: 1.5em;
}

.deliverableList li
{
	background: url(../img/css/bullets/li.gif) no-repeat 0 -1px;
	padding-left: 10px;
}
/* @end */



.headingClaim
{
	color: #999;
	font-family: 'Palatino Linotype','Hoefler Text','Times New Roman',serif;
	font-size: 1.5em;
	font-style: italic;
}

/* @group .more-link */
.more-link
{
	background: url(../img/css/bullets/more.gif) no-repeat;
	padding: .15em 0 .15em 20px;
}

/* NOTA: la segunda regla es para aquellos casos en los que el plugin de acrónimos reemplaza un acrónimo por un enlace */
.more-link span,
.more-link a a
{display: none;}
/* @end */



/* @group .avatar */
a.avatar
{
	display: block;
	height: 48px;
	width: 48px;
}

a.avatar img,
img.avatar
{
	background: #fff;
	border: 1px solid #ccc;
	padding: 3px;
}

a.avatar:hover img
{
	background: #f2f2f2;
	border: 1px solid #999;
}
/* @end */



/* @group button */
a.btn,
button
{ 
  background: #333;
  color: #fff;
  display: block;
  margin: 0 0 1em 0;
}

a.btn:hover,button:hover{background: #666;}
/* @end */



/* @group .bullet */
.bullet,
.bulletList a
{
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	float: left;
	padding: .15em 0 .15em 20px;
}

.bullet:hover,.bulletList a:hover{}

.bulletList li
{
	background: none;
	margin: 0;
	padding-left: 0;
}

/* @group bullets */
.bullet_date
{
	background-image: url(../img/css/bullets/date.gif);
	float: none!important;
}

p.bullet_date{margin: 0;}
.bullet_more{background-image: url(../img/css/bullets/more.gif);}
.bullet_comments,.projectComments a{background-image: url(../img/css/bullets/comments.png);}

.bullet_url,.bullet_urlList li a{background-image: url(../img/css/bullets/url.gif);}
.bullet_url:hover,.bullet_urlList li a:hover{background-image: url(../img/css/bullets/url-hover.gif);}

.bullet_feed,.bullet_feedList li a{background-image: url(../img/css/bullets/feed.png);}
.bullet_feed:hover,.bullet_feedList li a:hover{background-image: url(../img/css/bullets/feed-hover.png);}

.bullet_flickr{background-image: url(../img/css/bullets/flickr.png);}
.bullet_flickr:hover{background-image: url(../img/css/bullets/flickr-hover.png);}

.bullet_mento,.bullet_mentoList li a{background-image: url(../img/css/bullets/mento.png);}
.bullet_mento:hover,.bullet_mentoList li a:hover{background-image: url(../img/css/bullets/mento-hover.png);}

.bullet_lastfm,.bullet_lastfmList li a{background-image: url(../img/css/bullets/lastfm.png);}
.bullet_lastfm:hover,.bullet_lastfmList li a:hover{background-image: url(../img/css/bullets/lastfm-hover.png);}

.bullet_delicious{background-image: url(../img/css/bullets/delicious.gif);}
.bullet_delicious:hover{background-image: url(../img/css/bullets/delicious-hover.gif);}
.bullet_facebook{background-image: url(../img/css/bullets/facebook.gif);}
.bullet_facebook:hover{background-image: url(../img/css/bullets/facebook-hover.gif);}
.bullet_linkedin{background-image: url(../img/css/bullets/linkedin.gif);}
.bullet_linkedin:hover{background-image: url(../img/css/bullets/linkedin-hover.gif);}
.bullet_twitter{background-image: url(../img/css/bullets/twitter.gif);}
.bullet_twitter:hover{background-image: url(../img/css/bullets/twitter-hover.gif);}
.bullet_skype{background-image: url(../img/css/bullets/skype.png);}
.bullet_skype:hover{background-image: url(../img/css/bullets/skype-hover.png);}
.bullet_wp{background-image: url(../img/css/bullets/wp.png);}
.bullet_wp:hover{background-image: url(../img/css/bullets/wp-hover.png);}
.bullet_claimid{background-image: url(../img/css/bullets/claimid.gif);}
.bullet_claimid:hover{background-image: url(../img/css/bullets/claimid-hover.gif);}
/* @end */
/* @end */



/* --- Plugins --- */
/* @group Flickr */
.flickr-gallery.image{}
.flickr-gallery.image a{}
.flickr-gallery.image a img.flickr{}
/* @end */



/* @group .cform */
.cform{}
#usermessagea{}
.cfinfo{}
.failure{}

/* Listado de campos */
.cf-ol{}

/* Cada campo */
.cf-ol li{}

.cf-ol li label,
.cf-ol li input,
.cf-ol li textarea,
.cf-ol li select
{margin-bottom: 0;}

/* Campo con error */
.cf-ol li.cf_li_err
{
	background: #fee;
	border: 1px solid #fcc;
	color: #f00;
	padding: .5em 0;
}

/* 
.reqtxt: nota que indica que un campo es obligatorio.
.emailreqtxt: nota que indica que el campo de e-mail es obligatorio
*/
.cf-ol li span.reqtxt,.cf-ol li span.emailreqtxt{}
.cf-ol li label{float: left;}
.cf-ol li input,.cf-ol li textarea{float: left;}

/* <p> que contiene el sendButton */
p.cf-sb{margin: 0;}

/* sendButton */
p.cf-sb .sendbutton
{
	background: #fff;
	border: 1px solid #ccc;
	border-left: 5px solid #ccc;
	color: #333;
	text-transform: uppercase;
}

p.cf-sb .sendbutton:hover
{
	border-color: #eee;
	color: #999;
	cursor: pointer;
}

p.cf-sb .sendbutton:focus {background: #fff;}
p.linklove{display: none;}

/* Clase por defecto que llevan los input */
input.single{}

/* Clase por defecto que llevan los textarea */
textarea.area{}

/* Botón de envío de form */
p.cf-sb input{position: relative;}

/* Mensaje de error */
.failure
{
	background: #ffc;
	border: 1px solid #cccc7a;
	padding: .5em;
}

/* Mensaje de OK */
.success
{
	background: #ffc;
	border: 1px solid #cccc7a;
	padding: .5em;
}

/* Info de ayuda */
.cf_info{}

/* Fieldset oculto al final del formulario */
.cf_hidden{display: none;}
/* @end */

/* @group .clearfix */
/* Clearfix permite limpiar flotados. Mas info: http://www.positioniseverything.net/easyclearing.html  */
.clearfix:after,
#header .inside:after,
.cf-ol li:after,
.bulletList li:after,
#commentform ul:after,
#commentform ul li:after,
#serviceList:after,
dl.line:after,
.tags:after,
body#contact .vcardTitle:after,
#sidebar .projectList li a:after,
.pageNav:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
#header .inside,
.cf-ol li,
.bulletList li,
#commentform ul,
#commentform ul li,
#serviceList,
dl.line,
.tags,
body#contact .vcardTitle,
#sidebar .projectList li a,
.pageNav
{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix,
* html #header .inside,
* html .cf-ol li,
* html .bulletList li,
* html #commentform ul,
* html #commentform ul li,
* html #serviceList,
* html dl.line,
* html .tags,
* html body#contact .vcardTitle,
* html #sidebar .projectList li a,
* html .pageNav
{height: 1%;}

.clearfix,
#header .inside,
.cf-ol li,
.bulletList li,
#commentform ul,
#commentform ul li,
#serviceList,
dl.line,
.tags,
body#contact .vcardTitle,
#sidebar .projectList li a,
.pageNav
{display: block;}
/* End hide from IE-mac */
/* @end */
/* @end */