/* -- Camara Osucra ---------------------------------------------
	  
   LAYOUT STYLESHEET
   -- version: 0.1 [newer browsers only]
   -- author: BNCman
   -- contact: informer@bncman.tv

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


body {
margin-bottom:0pt;
margin-top:0pt;
text-align:center;
color: #000000;
padding:0px;
font-size:11px;
line-height:1.5em; 
font-family: Verdana, Arial, sans-serif; 
font-weight: normal; 
}

p {
margin:0;
padding:0 0 10px 0;
}

#container {
	background-color:#FFFFFF;
	margin:0pt auto;
	text-align:left;
	width:800px;
}

#top{
margin:0pt;
padding:0pt;
width:800px;
text-align:right;
}

#top h1 {
background: #FFFFFF url(images/top2.gif) no-repeat center right;
height:30px;
text-indent:-9999px;
text-align:left;
margin:0 45px 0 0;
}

#nav {
background: #FFFFFF;
height:18px;
float:right;
padding-right:30px;
}
#nav2 {
background: #FFFFFF;
height:18px;
float:right;
padding-right:30px;
}


*html #nav {padding-right:20px;}
*html #nav2 {padding-right:20px;}

.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 20px;
	margin-right: 1em;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 20px;
	background-repeat: no-repeat;
}
.nabu, .nabu_active {background-image: url(images/nabu_.jpg); width:128px;}
.nabu a {background-image: url(images/nabu.jpg);}
.london, .london_active {background-image: url(images/london_.jpg); width:103px;}
.london a {background-image: url(images/london.jpg);}
.milan, .milan_active {background-image: url(images/milan_.jpg); width:85px;}
.milan a {background-image: url(images/milan.jpg);}
.santiago, .santiago_active {background-image: url(images/santiago_.jpg); width:85px;}
.santiago a {background-image: url(images/santiago.jpg);}
.about, .about_active {background-image: url(images/about_.jpg); width:50px;}
.about a {background-image: url(images/about.jpg);}
.contact, .contact_active {background-image: url(images/contact_.jpg); width:70px;}
.contact a {background-image: url(images/contact.jpg);}
.territory, .territory_active {background-image: url(images/territory_.jpg); width:92px;}
.territory a {background-image: url(images/territory.jpg);}
.community, .community_active {background-image: url(images/community_.jpg); width:82px;}
.community a {background-image: url(images/community.jpg);}
.workshops, .workshops_active {background-image: url(images/workshops_.jpg); width:82px;}
.workshops a {background-image: url(images/workshops.jpg);}
.video, .video_active {background-image: url(images/video_.jpg); width:42px;}
.video a {background-image: url(images/video.jpg);}
.exhibition, .exhibition_active {background-image: url(images/exhibition_.jpg); width:87px;}
.exhibition a {background-image: url(images/exhibition.jpg);}
.animacion, .animacion_active {background-image: url(images/animacion_.jpg); width:108px;}
.animacion a {background-image: url(images/animacion.jpg);}
ul.menu li a:hover {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


#content{
width:100%;
margin:0pt;
padding-top:50px;
}

#video{
width:100%;
margin:0pt;
padding-top:100px;
text-align:center;
}

#derecha{
padding:1em;
}

#imagenes{
	float:left;
	width:410px;
	margin:0pt;
	padding:1em;
}

#stream {
background: #FFFFFF;
height:22px;
margin-top:10px;
}

#banner{
margin:0pt;
padding:0pt;
height:300px;
width:800px;
}

.panel{
background: url(https://www.camaraoscura.org/images/panel-top.gif) no-repeat top;
margin-top:0pt;
margin-bottom:20px;
margin-left:40px;
margin-right:40px;
}

#panel-bottom{
background: url(https://www.camaraoscura.org/images/panel_bottom.gif) no-repeat bottom;
}

#banner{
background:#FFFFFF url(https://www.camaraoscura.org/images/fotomembers.jpg) no-repeat;
}
#main-top{
background: url(https://www.camaraoscura.org/images/main-top.gif) no-repeat top;
margin:0pt;
padding:0pt;
height:50px;
width:680px;
}

.main-middle{
background:url(https://www.camaraoscura.org/images/main-middle.gif) repeat-y;
}

#main-bottom{
background: url(https://www.camaraoscura.org/images/main-bottom.gif) no-repeat bottom;
}

#footer{
background-color:#000000;
height:30px;
width:800;
text-align:center
}

.foto{
width:135px;
height:150px;
margin:0pt;
padding:0pt;
border:#FFFFFF solid 3px;
}


p.form {
font-size: 14px; 
font-family: Verdana, Arial, sans-serif; 
font-weight: normal; 
color: #000000; 
margin:0pt;
padding:0pt;
}

p.footer {font-size: 10px; font-family: Arial, sans-serif; font-weight: normal; color: #FFFFFF; padding-top:9px;} 

td.baroverunder { border-top:1px; border-style: solid; border-color:#FFFFFF; border-bottom:1px; border-style: solid; border-color:#FFFFFF; border-left:0px; border-right:0px; margin:0px }
td.barunder { border-top:0px; border-bottom:1px; border-style: solid; border-color:#5F5F5F; border-left:0px; border-right:0px; margin:0px }

h2 {font-size: 12px; font-family: Verdana, Arial, sans-serif; font-weight: bold; color: #000000; margin: 0}

a:link {font-size: 12px; font-family: Verdana, Arial, sans-serif; font-weight: normal; text-decoration:none; color: #000000}
a:visited {font-size: 12px; font-family: Verdana, Arial, sans-serif; font-weight: normal; text-decoration:none; color: #000000}
a:hover {font-size: 12px; font-family: Verdana, Arial, sans-serif; font-weight: normal; text-decoration:none; color: #000000; background-color:#acdff4;}
a:active {font-size: 12px; font-family: Verdana, Arial, sans-serif; font-weight: normal; color: #000000}