/* APLIN-COLORS 
bright yellow:   #FEF0BF
dark yellow:	 #F8C301 

bright green:    #EBF6AA
dark green:      #CBE625

bright blue:     #C8DBEC
dark blue:       #73A1D2

*/


/* GENERIC */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin: 0px;
}

a:hover {
	text-decoration: underline;
}

a {
	color: #2B5584;
	text-decoration: none;
	outline: none;
}

h2 {
font-size: 14px;
color: #2B5584;
}

/* Navigation */
ul#nav, ul#nav_details {
	position: absolute;
	width: 100%;
	height: 50px;
	top: 140px;
	list-style-type: none;
	background: url('matterbanner.jpg') no-repeat #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 108px 0px;
	z-index: 1;
}

ul#nav_details {
	top: -25px;
	background: none;
	padding: 0px;
	z-index: 10 !important;
}

#nav li, #nav_details li {	
	width: 80px;	
	cursor: pointer;	
	float:left;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	text-transform: uppercase;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	background: none;
}
#nav_details li {
	width: 120px;	
}


#nav li a, #nav_details li a {
	display: block;
	width: 100%;
	color: #FFFFFF;
	padding: 5px 0px 5px 0px;
	background: #000000;
}

#nav li a.actif {
	color: #2B5584 !important;
	background: none !important;
	cursor: default;
}

#nav_details li a.actif {
	color: #2B5584 !important;
	cursor: default;
}


#nav a:hover, #nav_details a:hover {
	text-decoration: none;
}


div#langswitch {
	background: #000000;
	color: #FFFFFF;
	text-align: center;
	width: 110px;
	font-weight: bold;
	padding: 2px;
	cursor: pointer;
}

div#langswitch  a {
	color: #FFFFFF;
	text-decoration: none;
}

#slider, #back {
position: absolute;
top: 165px;
left: 120px;
height: 106px;
width: 150px;
-moz-opacity:.8;
filter:alpha(opacity=80);
opacity:.8;
z-index: 4;
background-repeat: no-repeat;
border: 1px solid #FFFFFF;
border-bottom: none;
}

#back {
top: 270px;
height: 400px;
z-index: 7;
background-color: #2B5584;
border: 1px solid #FFFFFF;
border-top: none;
filter:alpha(opacity=20);
-moz-opacity:.2;
opacity:.2;
}

#slidimage {
width: 150px;
height: 109px;
}

#projectbanner {
position:absolute;
top: 50px;
left: 410px; 
}

#content {
position:absolute;
left: 75px;
width: 618px;
top: 298px;
background-color: #E7EFF7;
padding: 20px;
color: #2B5584;
z-index: 5;
}

#content p.even {
	padding-right: 80px;
	margin-bottom: 20px;
}
#content p.odd {
	padding-left: 80px;
	margin-bottom: 20px;
}

#content a {
color: #000000;
}

#content table {
width: 100%;
border: none;

}
#content td {
vertical-align: top;
padding-right: 30px;
}

#contact input, #contact textarea, #downloader input {
width: 250px;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 5px;
background-color: #C8DBEC;
border: 1px solid #FFFFFF;
padding: 3px;
}
#contact input:focus, #contact textarea:focus, #downloader input:focus{
background-color: #73A1D2;
}

#contact textarea{
font-size: 100%;
}

ul#casadellaluce {
	list-style-type: none;
	margin-top: 20px;
}

div#refcont {
min-height: 420px;
}


* html div#refcont {
height: 420px;
}

ul#casadellaluce li img{
	border: 1px solid #ccc;
	padding: 4px;
	
}

table#facades td, table#situation td {
background-color: #C8DBEC;
margin: 20px;
padding: 5px;
text-align: center;
}

table#facades img, table#situation img {
cursor: pointer;
}

table#facades td.secondrow, table#situation td.secondrow{
border-top: 15px solid #E7EFF7;
}
table#facades td.empty {
background-color: #E7EFF7;
}


table#situation img {
margin: 15px;
}

img#imgBig {
	position: absolute;
	top: 100px;
	left: 100px;
	cursor: pointer;
	width: 500px;
	z-index: 10;
	display: none;
	border: 2px solid #000;
}

/* Startpage */
#startlist {
background-color:  #E7EFF7;
padding: 10px;
width: 400px;
text-align: center;
margin-bottom: 50px;
}

#startlist h2 {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;

}

#startlist img {
border: none;
}

#startlist td {
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 10px 20px 10px 0px;
color: #2B5584;
}
table#live td {
text-align: justify;
vertical-align: middle;
}

table#live tr {
}
table#live img {
margin: 15px 10px 15px 10px;
}

table#starttable {
margin: 0px 10px 10px 10px;
text-align: center;
font-weight: bold;
border-collapse: collapse;
}

table#starttable td {
width: 200px;
border-left: 10px solid white;
border-right: 10px solid white;
background-color:  #E7EFF7;
padding: 10px 10px 10px 10px;
border-bottom: 10px solid white;
}
table#starttable td.image {
width: 150px;
}

table#starttable td#banner {
width: 120px;
background-color:  #FFFFFF;
vertical-align: top;
}


table#linktable {
text-align: center;
font-weight: bold;
border-collapse: collapse;
}

table#linktable td {
border-left: 10px solid white;
border-right: 10px solid white;
background-color: #FDF0BC;
padding: 10px 10px 10px 10px;

}




* html table#linktable td {
	font-size: 80%;
}
* html table#starttable td {
	font-size: 70%;
}
div#downloader {
padding: 20px;
}

div#admin {
margin-left: 30px;
}


div#admin td {
/* width: 135px; */
background-color: #C8DBEC;
margin: 5px;
vertical-align: top;
padding: 3px;
text-align: center;
font-size: 12px;
}

div#admin td div.txt {
max-height: 140px;
overflow-y: auto;
}

div#admin thead th {
	background-color: #F8C301;
}

div#admin textarea, div#admin input div#admin select {
width: 145px;
background-color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

div#admin textarea {
width: 200px;
height: 200px;
}


div#admin textarea:focus, div#admin input:focus, div#admin select:focus {
background-color: #FEF0BF;
}



div#admin #newEntry {
display: none;

}

table#starttable td.image {
vertical-align: top;
text-align: center;
border-right: 0px;
padding: 0px;
padding-bottom: 10px;
width: 170px !important;
}

table#starttable td.cont {
border-left: 0px; 
font-weight: normal;
text-align: center;
padding: 0px;
padding-bottom: 10px;
width: 220px !important;
vertical-align: top;

}

p.city {
margin: 0;
margin-bottom: 20px;
padding: 5px 0px 5px 10px;
background-color:  #B8D0E8;
text-align: left;
color: #000000;
}

h2 span#explan {
color: red;
font-size: 12px;
font-weight: bold;
}

#regsel {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
color: #2B5584;
font-weight: bold;
outline: none;
}

#regsel option {
outline: none;
}

#navsite h5 {
 display: none;
}
#navsite ul {
 padding: 3px 0; 
 margin-left: 0; 
 border-bottom: 1px solid #73A1D2; 
}
#navsite ul li {
 list-style: none;
 margin: 0; 
 display: inline; 
}
#navsite ul li a {
 padding: 3px 0.5em; 
 margin-left: 3px; 
 border: 1px solid #73A1D2;
 border-bottom: none;
 background: #C8DBEC;
 text-decoration: none;
 font-weight: bold;
 font-size: 12px;
 color: #000;
 outline: none;

}
#navsite ul li a:hover {
 background: #C8DBEC;
 border-color: #FFF;
}
#navsite ul li a#current {
 background: white; 
 border-bottom: 1px solid white;
}

#navsite ul li a#current:hover {
 border: 1px solid #73A1D2;
 border-bottom: 1px solid white;
}

#pager {
	position: relative;
	top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	min-height: 300px;
	border: 1px solid #73A1D2;
	text-align: center;
	clear: both;
}

#navi {
height: 38px;
list-style-type: none;
background: url('nav_bg.gif') repeat-x;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#navi li {	
height: 29px;
width: 100px;	
cursor: pointer;	
float:left;
text-align: center;
color: #510000;
font-size: 12px;
/*text-transform: uppercase; */
padding: 9px 0px 0px 0px;
font-weight: bold;
}

#navi li#de, #nav li#en, #nav li#fr, #nav li#it {
width: 50px;	
}

#navi a.navlink:hover {
color: #FFF;	
}

#navi li#spacer {
width: 50px;
}

#navi a.active {
color: #FFF;	
}
#navi a:hover {
text-decoration: none;	
}

div#contact, div#build {
width: 100%;
text-align: left;
padding-left: 30px;
	}

div#build {
padding-left: 0px;	
}

div#build h3 {
padding-left: 30px;	
}
div#contact td {
text-align: left;	
}
div#banner {
	text-align: right;
	padding-top: 10px;
}

div#build iframe {
	 width:	100%; 
	 height:520px;
	 
	
}

div#content2 {
text-align: left;
margin-left: 30px;
padding-bottom: 20px;
margin-right: 30px;
}


div#content2 h3 {
margin-top: 10px;
margin-bottom: 5px;
font-size: 14px;
text-align: left;
color: #2C2C2C;
}

div#content2 table {
font-size: 12px;
	}
	
	div#content2 a {
	color: #97CA25	
	}

div#content2 li a {
font-size: 12px;
}
div#content2 p, div#content2 li {
font-size: 12px;
margin-bottom: 0px;
}
div#content2 ul {
margin-top: 3px;
}

/* new alpinriviera v.1.1 */

td.admin {
	max-height: 30px;
	overflow: hidden;
	background-color: #C00;
	
}

table#edit h3, div#editimg h3 {
	background-color: #F8C301;
	font-size: 12px;
	padding: 2px 5px 2px 5px;
	margin-bottom: 2px;
}

table#edit td, table#edit2 td {
vertical-align: top;	
}

body#editBody h3, div#editimg h3 {
	background-color: #F8C301;
	font-size: 12px;
	padding: 2px 5px 2px 5px;
	margin-bottom: 2px;
}

/* new starttable for V2.0 */
table#immolist {
margin: 0px 10px 10px 10px;
text-align: center;
font-weight: bold;
border-collapse: collapse;
}

td.start-container{
width: 365px;
border-left: 10px solid white;
border-right: 10px solid white;
background-color:  #E7EFF7;
border-bottom: 10px solid white;
padding: 0px;
vertical-align: top;
}

td.big-container{
width: 770px;
border-left: 10px solid white;
border-right: 10px solid white;
background-color:  #E7EFF7;
border-bottom: 10px solid white;
padding: 0px;
vertical-align: top;
}


table#immolist td#banner {
width: 120px;
background-color:  #FFFFFF;
vertical-align: top;
}

table#immolist td.image {
vertical-align: top;
text-align: center;
border-right: 0px;
padding: 10px;
padding-bottom: 10px;
width: 170px;
}

table#immolist td.big-image {
vertical-align: top;
text-align: center;
border: 0px;
padding: 10px;
padding-bottom: 10px;
width: 290px;
}


table#immolist td.cont {
border-left: 0px; 
font-weight: normal;
padding: 10px;
padding-bottom: 10px;
width: 220px;
vertical-align: top;
color: #000;
}

table#immolist td.big-cont {
border: 0px; 
font-weight: normal;
padding: 10px;
padding-bottom: 10px;
width: 440px !important;
vertical-align: top;
color: #000;
}


table#immolist td.city {
margin: 0;
margin-bottom: 20px;
padding: 5px 0px 5px 10px;
background-color:  #B8D0E8;
text-align: left;
color: #000000;

}

* html table#immolist td {
	font-size: 70%;
}




/* APLIN-COLORS 
bright yellow:   #FEF0BF
dark yellow:	 #F8C301 

bright green:    #EBF6AA
dark green:      #CBE625

bright blue:     #C8DBEC
dark blue:       #73A1D2

*/