/* CSS Document */
body {
	margin:0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;/*"Courier New", Courier, mono;*/
	font-size: 11px;
	line-height:20px;
	letter-spacing:0px;
	color:#222;
	background-color: #fdf8f6;
	text-align:left;
}

.concrete
{
	z-index:0;
	width: 100%;
	height:110px;
	background-color: #dbd0cc;
	overflow: visible;
	position:absolute;
	top:0;
	left:0;
	background-image:url(../pics/architecture-filipe-valente-concrete.jpg);
  border-bottom: 1px solid #8e877d;
}


/*---------------------------------------------------------------- nav ------------------ */
.nav
  {
  position:absolute;top:75px;
  left:15px;
  width:100%;
  margin-left:0;
  /*font-weight:bold;*/
  z-index: 10;
  letter-spacing:0px;
}
.nav a {
	display:block;
	float:left;
	height:20px;
    padding:7px 12px 7px 12px;

	background-color: #fdf8f6;/* #dbd0cc;*/
	/*background-color: #fff;/* #dbd0cc;*/

  border-top: 1px solid #8e877d;
  border-left: 1px solid #8e877d;
  border-right: 1px solid #8e877d;

    color: #000;
  font-size:14px;
 /* line-height:30px;*/
    text-decoration:none;
	margin-right:10px;

    outline:none;
	opacity:0.6;
	filter:Alpha(opacity=60)
}
.nav .on
{
    /*color:#fff;*/
    background-color:#fdf8f6;/*#9C1D26;*/
  border-bottom: 1px solid #fdf8f6;
	opacity:1;
	filter:Alpha(opacity=100)
}
.nav a:active, .nav a:focus, .nav a:hover
{
    /*color:#fff;
    background-color:#ad9684;*/
	border-top: 4px solid #9C1D26;
	margin-top:-3px;
	background-color:#fdf8f6;
	opacity: 1;
	filter:Alpha(opacity=100)
}

.nav input { margin-top: 8px; opacity: 0.7; -webkit-transition: all 0.5s; -moz-transition: all 0.3s; }
.nav input:hover,
.nav input:focus,
.nav input:active { opacity: 1; outline: none }


/*--------------------------------------*/
.subnav {
  position:absolute;top:140px;
  left:15px;
  width:190px;
	/*background-color:#FFFFFF;*/
	display:block;
	margin:0;
	font-size:15px;
	z-index:20;
  	line-height:19px;
}
.subnav a {
display: block;
background-image:url(../pics/architecture-filipe-valente-concrete.jpg);
	background-color: #fff;/* #dbd0cc;*/
	/*font-family:"Courier New", Courier, monospace;*/
	font-weight:normal;
	vertical-align:middle;
	
        border-width: 0 6px 1px 0;
        border-right: 6px solid #333;
	
	padding:5px;
margin-bottom:2px;

	height:20px;
	
	/* background-image:url(../pics/arrow.png);
	background-position:right;
	background-repeat:no-repeat;
	*/
        /*background-color:#dad3cd;*/


    color: #000;
    text-decoration:none;


	opacity:.6;
	filter:Alpha(opacity=60)
}
.subnav a:active, .subnav a:focus, .subnav a:hover
{
 /*   color:#fff;
	border:0;
    background-color:#9C1D26;
    border-top: 1px solid;
	border-right: 4px solid #9C1D26;*/
border-width: 0 6px 1px 0;
	border-color: #9C1D26;
opacity:1;
filter:Alpha(opacity=100)
}
.subnav .on
{
    /*color:#fff;*/
border-width: 0 6px 1px 0;
    border-color:#000;
opacity:1;
filter:Alpha(opacity=100)
}
.subnav .on:hover  { cursor:default; border-color:#000}

/*-------------------------------------------------------*/

.content {
	position:absolute;
	/*overflow:hidden;*/
	z-index:15;
	/*right:2%;
	left: 220px;*/
	/*margin-left: 220px;*/
	left:25%;
	right:2%;
	top:140px;
	
	/*padding-top:25px;*/
	/*border:solid #333 1px;*/
/*background-color: #efefef;*/
}
.content img {
border:1px solid #8e877d;
background-color: white;
padding:5px;
}
.content h3 {padding-top:0; margin-top:-6px }
/*.content p {padding-top:0; margin-top:0px }*/

.gallery {
	position: absolute;
	z-index:30;
	left:15px;
	top:280px;
	/*padding-top:25px;*/
	/*border:solid #333 1px;*/
	width: 220px;
}

.content a {
	/*text-decoration:none;*/
	color:#9C1D26;
}
#col1 a, 
#col2 a {
	/*padding:0 4px 0 4px;
	border-bottom:1px dotted #9C1D26;*/
}

/*.content a:hover { color:#FFFFFF; background-color: #9C1D26; }*/
strong { color:#aa9789}

.title {
  font-size:14px;
  font-weight:bold;
  color:#aa9789;
  text-decoration:none;
}

.subtitle {
	margin-top:-8px;
  font-size:11px;
  font-weight:normal;
  color:black;
  text-decoration:none;
}

.caption {
	position: absolute;
	top:412px;
	cursor: default;
}

/* display ----------------------------------------- */


.extra {display:inline; text-decoration:none; }
.extra em.txt, .extra b {display:none;}
.extra img {border:0; border:solid #8e877d 1px; height:400px; display:block;}

.extra:hover {background:#fff; position:relative;cursor: default;}
.extra:hover b {display:block; position:absolute; width:400px; height: 400px; background:#fff; opacity:0.8; filter:Alpha(opacity=80)}

.extra:hover em.txt {display:block; position:absolute; padding:20px; width:370px; color:#000; margin:0; line-height:1.5em;}

	

/* thumb boxes --------------------------- */

.box {
	float:left;
}

.box:focus {width:0; height:0;}

.box img, .controls img {
	border:1px solid #8e877d;
	background-color: white;
	padding:4px;
	margin: 0px 10px 10px 0;
}
.box a:hover img, 
.controls a:hover img  {
	background-color: white;
	border-color: #9C1D26;
}
.box a:visited img, 
.controls a:visited img  {
	filter: Gray;
}
.on  {
	border-color: #000;
	cursor:default;
}

/* Tooltip */

.box a,
.box a:visited,
.box a:active {
color:black;
text-decoration:none;
cursor: pointer;
}

.box a .tooltip {
display: none;
}

.box a:hover .tooltip {
position: absolute;
display: block;
width: 200px;

top: inherit;
margin-top: 80px;
left: inherit;
margin-left:60px;

background-color:#FFFFFF;
border: 1px solid black;
padding:2px 0 2px 8px;
/*
filter:Alpha(opacity=80);
opacity: 0.8; 
-moz-opacity:0.8;
-khtml-opacity: 0.8;*/
}

/* end thumb boxes ---------------------------------- */

#map, #map img {
border:1px solid #8e877d;
background-color: white;
padding:5px;
	/*border: solid #FFFFFF 5px; 
	margin: 20px 20px 0 0;*/
	width: 600px;
	float:right;
	height: 600px;

/*	overflow:hidden;
	cursor:move;*/
}
/*
#map div { opacity:0; filter:Alpha(opacity=50); }
#map span, #map a {border:0px; opacity:0; filter:Alpha(opacity=0); cursor:move; overflow:hidden}
*/

#col1 {
	position:absolute;
	margin: 20px;
	left: 68px;
	top: 115px;
}

#col2 {
	position:absolute;
	top:0px;
	left:380px;
}

#name, #company, #email, #phone, #verif_box {
	/*font-family:"Courier New", Courier, mono;*/
	margin:3px;
	padding:2px 2px 1.5px 2px;
	font-size:11px;
	/*line-height:25px;
	border:1px solid #aaa;*/
	border-width:0;
	border-bottom: 1px dotted #333;
	background-color:transparent;
	width:300px;
}

.red {
	color:#CC0000;
}
.inputred {
	border: 1px solid #c00;
	color:#CC0000;
}
#comment { width:300px;
border: 1px dotted #333;
padding:2px;
 }
#lieu { font-style:italic; color:#222222; }

.nav a:focus { cursor:default }

.text
  {
	position:relative;
	z-index:10;
	font-family: "Courier New", Courier, mono;
	font-size: 11px;
	line-height:15px;
	color: #000;
	width:490px;
  }
.center {text-align:center; width:auto}
li {
	list-style: url(images/bluedot.gif) 5px;
	padding-bottom:10px;
}
.text a {padding: 0px 1px 2px 1px; color: #2082B7}
.text a:hover, .text a:active, .text a:focus {color:white; background-color: #09f}

.small {font-size: 11px}
.titre
{ font-size:18px;
font-weight:bold;
color:black;
}
.id
{ font-size:36px;
font-weight:bold;
color:#aaa;
}



.textframe {
  position: relative;
  z-index:10;
  top:0px;
  margin-left:auto;
  margin-right:auto;
  width: 980px;
  height:450px;
/*  margin-left:auto;
  margin-right:auto;*/
  overflow:hidden;
}
.loading
  {
  position: absolute;
  z-index:100;
  width: 200px;
  height:200px;
  margin-left:auto;
  margin-right:auto;
}
.status, .status a {
	background-image:url(pictos/spacer.gif);
	text-align:center;
    padding: 2px;
    color:#000;
    background-color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
}
/*.piclink a:link {border:1px solid #ffffff}*/
.piclink a:hover {background-color:transparent}
.statusframe {
	border: 1px solid #eee;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
	height: auto;
	position:absolute;top:50%;margin-top:0px;margin-left:0px;left:50%;
	z-index: 15;
	display: none;
}
.polaroid {
	border:1px solid #eee;
	background-color:#FFFFFF;
	color:#999;
	padding:4px;
	margin-bottom:50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:left;
}
.copyright {
	position:absolute;
	width:99%;
	height:25px;
	top:50%;
	margin-top:230px;
	left:0;
	color:#ccc;
	font-size: 8px;
	text-align:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.copyright a {color:#ccc}
.copyright a:hover {color:#fff; background-color:#09f}
#logo {
	position: absolute;
	right: 2%;
	top:36px;
	opacity:.9;
	filter:Alpha(opacity=90)
}
#staff { float:left; width:33%; padding-left:0; height:380px }
.errorbox {position:fixed; top:-1px; left:-1px; padding:4px; color:#CC0000; background-color:#FFFFFF; border:1px solid #CC0000}