@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro&subset=latin,latin-ext);

html {overflow-y:scroll;}

html, body {
position:relative;
margin:0px;
padding:0px;
height:100%;
font-family:Arial,sans-serif;
color:rgb(53,53,53);
}

body {
background:rgb(255,255,255);
}

article, section, div, span, h1, h2, h3, h4 {margin:0px;padding:0px;}
a {text-decoration:none;} a:hover {text-decoration:underline;}
img {border:none;}
h1 {font-size:30px;}
h2 {font-size:20px;}
h3 {font-size:16px;}
p {font-size:14px;line-height:1.25;word-spacing:1px;color:rgb(53,53,53);}
ul {list-style-image: url('image/list.png');} ul,ol {font-size:14px;}
cite {}
q {color:rgb(100,100,100);font-style:italic;}
blockquote {font-style:oblique;font-family:Helvetica;display:inline-block;font-size:14px;}
span.author {display:inline-block;background:rgb(255,255,255);border:1px solid rgb(200,200,200);border-radius:5px;padding:0px 7px;position:relative;top:34px;left:35px;}
abbr {border-bottom:1px dotted rgb(100,100,100);}
strong {color:rgb(68,158,29);}
em {color:rgb(68,158,29);}
dfn {color:rgb(138,72,72);}
code {}
samp {}
mark {}
del {}
ins {}

div.wrapper {
position:relative;
background:rgb(249,249,249);
box-shadow:0px 0px 60px rgba(40,40,40,0.5);
width:882px;
min-height:100%;
margin:0px auto;
}

.sites {
display:block;
position:relative;
width:882px;
height:40px;
background:rgb(51,51,51);
}

.sites a {
display:inline-block;
position:relative;
top:3px;
left:8px;
bottom:3px;
margin-right:5px;
padding:4px 11px;
height:23px;
color:rgb(255,255,255);
border:1px solid rgb(51,51,51);
border-radius:2px;
font-family:Lucida Sans Unicode;
font-weight:400;
font-variant:small-caps;
}

.sites a.active-page {
border:1px solid rgb(191,191,191);
background:rgba(241,241,241,0.1);
}

.sites a:hover {
border:1px solid rgb(32,81,245);
text-decoration:none;
background:rgba(32,81,245,0.2);
}

.sites a.active-page:hover {
color:rgb(210,210,210);
}

.sites a:first-child {background:url(image/home.png) no-repeat 50% 4px;}
.sites a:first-child:hover {background:rgba(32,81,245,0.2) url(image/home.png) no-repeat 50% 4px;}

.lang {
position:absolute;
top:104px;
right:0px;
width:120px;
font-size:14px;
line-height:1.1em;
font:13px arial,sans-serif;
}

.lang a {color:rgb(51,102,204);}
.lang a:hover {color:rgb(123,43,133);}

header {position:relative;height:65px;border-radius:3px;}

header img, header h1 {display:inline-block;position:absolute;}
header img {display:inline-block;top:7px;left:20px;}
header h1 {display:inline-block;top:13px;left:136px;color:rgb(102,102,102);font-family:Georgia,serif;font-size:32px;}

nav, .content {display:inline-block;}
nav {width:141px;}
nav a {display:block;color:rgb(51,102,204);font-size:14px;padding:4px 0px;line-height:1.1em;font:13px arial,sans-serif;margin-left:5px;margin-right:8px;} nav a:hover {color:rgb(123,43,133);}
nav img {margin:30px 0px 0px 3px;border:1px solid rgb(215,215,215);}
nav p {margin:-3px 0px 0px 5px;font-style:italic;}

.content {
position:relative;
vertical-align:top;left:-10px;
padding:5px 10px 40px;
margin-bottom:14px;
width:587px;
background:rgb(255,255,255);
border:1px solid rgb(215,215,215);
border-bottom:1px solid rgb(255,255,255);
border-top-right-radius:5px;
border-top-left-radius:5px;
min-height:650px;
font-family:'Source Sans Pro',sans-serif;
}

.present:not(:first-child) {display:inline-block;vertical-align:top;width:283px;margin-bottom:5px;padding:3px;}
.present:not(:first-child) p {line-height:1.2em;margin:0px;padding:0px;}
.present:first-child {border-bottom:1px solid rgb(215,215,215);margin-bottom:10px;}
.present:nth-child(3), .present:nth-child(5), .present:nth-child(8) {margin-left:5px;}
.present:nth-child(2) {background:rgba(27,145,241,0.2);border:1px solid rgba(27,145,241,0.6);border-radius:3px;}
.present:nth-child(3) {background:rgba(241,48,27,0.2);border:1px solid rgba(241,48,27,0.6);border-radius:3px;}
.present:nth-child(4) {background:rgba(150,150,150,0.2);border:1px solid rgba(150,150,150,0.6);border-radius:3px;}
.present:nth-child(5) {background:rgba(150,150,150,0.2);border:1px solid rgba(150,150,150,0.6);border-radius:3px;}
.present:nth-child(6) {background:rgba(68,158,29,0.4);border:1px solid rgba(68,158,29,0.6);width:579px;border-radius:3px;} .present:nth-child(6) p {line-height:1.5em;}
.present:nth-child(7) {background:rgba(150,150,150,0.2);border:1px solid rgba(150,150,150,0.6);border-radius:3px;}
.present:nth-child(8) {background:rgba(150,150,150,0.2);border:1px solid rgba(150,150,150,0.6);border-radius:3px;}
.present:nth-child(9) {border-top:1px solid rgb(215,215,215);width:581px;padding-top:10px;} .present:nth-child(9) p {line-height:1.5em;}

.breadcrumbs {font-size:12px;margin:5px 0px 10px 8px;}
.breadcrumbs a {
position:relative;
display:inline-block;
height:22px;
line-height:20px;
color:rgb(102,102,102);
border:1px solid rgb(217,217,217);
border-radius:0px 11px 11px 0px;
padding:0px 16px 0px 16px;
margin-left:-8px;
	background: -moz-linear-gradient(top,  rgba(245,245,245,1) 0%, rgba(241,241,241,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,241,241,1)), color-stop(100%,rgba(245,245,245,1)));
	background: -webkit-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(241,241,241,1) 100%);
	background: -o-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(241,241,241,1) 100%);
	background: -ms-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(241,241,241,1) 100%);
	background: linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(241,241,241,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 );}
.breadcrumbs a:hover {
text-decoration:none;
color:rgb(51,51,51);
border:1px solid rgb(196,196,196);
box-shadow:-1px 1px 2px rgb(214,214,214);
	background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(241,241,241,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(245,245,245,1)));
	background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(241,241,241,1) 100%);
	background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(241,241,241,1) 100%);
	background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(241,241,241,1) 100%);
	background: linear-gradient(to bottom,  rgba(248,248,248,1) 0%,rgba(241,241,241,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f1f1f1',GradientType=0 );}
.breadcrumbs a:first-child {z-index:4;}
.breadcrumbs a:nth-child(2) {z-index:3;}
.breadcrumbs a:nth-child(3) {z-index:2;}
.breadcrumbs a:nth-child(4) {z-index:1;}

h2, h3, article h1 {color:rgb(51,51,51);font-family:Arial,sans-serif;}

footer {
position:absolute;
bottom:0px;
padding:0px 0px 0px 5px;
background:rgb(249,249,249);
border-top:1px solid rgb(215,215,215);
font-size:12px;
width:877px;}
footer a {color:rgb(163,163,163);} footer a:hover {color:rgb(103,23,133);}

.social {display:inline-block;width:100px;height:22px;margin-bottom:1px;position:relative;top:20px;}

/******************** Profile page ********************/
figure {
display:inline-block;
margin:0px;
border-radius:3px;
border:1px solid rgb(204,204,204);
background:rgb(255,255,255);
padding:3px;display:inline-block;
float:right;
box-shadow:0px 2px 4px rgba(0,0,0,0.1);
}
figure img {width:270px;}
figcaption {
position:relative;
margin-top:-34px;
padding:5px 3px 5px 3px;
height:20px;
font-style:oblique;
color:rgb(255,255,255);
background:rgba(0,0,0,0.5);
display:block;opacity:0;
}
figcaption:hover {opacity:1;cursor:pointer;}
span.tags {
margin:0px 3px;
padding:10px 5px 5px 10px;
clear:right;
float:right;
width:255px;
border-left:1px solid rgb(204,204,204);
border-right:1px solid rgb(204,204,204);
border-bottom:1px solid rgb(204,204,204);
border-radius:0px 0px 5px 5px;
background:rgb(249,249,249);
}
span.tag {
display:block;
margin:0px 3px 6px 3px;
font-size:13px;
line-height:21px;
white-space:normal;
}
span.tag strong {color:rgb(51,51,51);}
span.tag a {color:rgb(51,51,191);} span.tag a:hover {color:rgb(91,91,91);}
span.persons-name:before {content: url(../../../image/pers-name.png);padding-right:7px;}
span.persons-birth:before {content: url(../../../image/pers-born.png);padding-right:7px;}
span.persons-nationality:before {content: url(../../../image/pers-nati.png);padding-right:7px;}
span.persons-location:before {content: url(../../../image/pers-loca.png);padding-right:7px;}
span.persons-web:before {content: url(../../../image/pers-web.png);padding-right:7px;}
span.persons-service:before {content: url(../../../image/pers-servi.png);padding-right:7px;}

blockquote.person {
position:relative;
display:block;
width:260px;
padding:10px 7px 10px;
margin:25px 0px 35px 0px;
color:rgb(136,136,136);
font-style:oblique;
font-family:"Times New Roman",Times,serif;
background:rgb(255,255,255);
border:1px solid rgb(204,204,204);
border-radius:5px 5px 0px 5px;
font-size:14px;
box-shadow:0px 2px 4px rgba(0,0,0,0.1);
}
span.quotepic {position:absolute;background:url(image/quote.png) no-repeat;right:-23px;bottom:-9px;height:41px;width:23px;display:block;}