@charset "utf-8";
/* CSS Document */



/* Boxes
----------------------------------------------- */
#main {
	background:#202020;
	width:100%;
	height:550px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#999999;
}

#turismo {
  width:200px;
  height:468px;
  float:right;
  position:absolute;
  display:block;
  top: -200px;
  background-color:#121212;
  border:solid 1px #333333;
}


#mainphoto {
  width:750px;
  height:468px;
  left:5px;
  float:left;
  position:relative;
  background-color:#00CC66;
}


#content{
	width:1000px;
	height:500px;
	background-color:#070707;
	padding:4px;
	margin:4px;
	position:relative;
	display:block;
	top:2px;
	border-top: solid 1px #3a3a3a;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
}

#menu {
	width:1000px;
	height:20px;
	margin: 0;
	padding: 1px;
	position:relative;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#menu li{
	text-decoration:none;
	display:inline;
}

a,
#menu a{
	text-decoration:none;
	color:#666666;
}
a:hover,
#menu a:hover{

	color:#999999;
}


#header {
	width:1000px;
	height:20px;
	margin: 0;
	padding: 1;
	top:2px;
	position:relative;
	text-align:left;
	vertical-align:middle;
}

#footer {
	background:#000000;
	width:100%;
	margin: 0;
	padding: 0;
	position:absolute;
	vertical-align:top;
	display:block;
	margin-top:10px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;

}

#footer li{

	display:inline;
}
#footer li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	text-decoration:none;
}
#footer li a:hover {
	color:#999999;
}
/* Thumbnails
----------------------------------------------- */
#thumbnails {
	clear: both;
	margin: 1px auto;	
	width:285px;
	height:468px;
	float:left;
	position:relative;
	background-color:#000000;
	border:solid 1px #333333;
}

#thumbnails div {
	position: relative;
	width: 40px;
	height: 40px;
	float: left;
	margin: 8px;
	padding: 0;
	float: left;
	display:inline;
}
#thumbnails img {
	width: 40px;
	height: 40px;
	position: absolute;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #333;
	border-left: solid 1px #404040;
	z-index:1;
}

.numeros {
	position: absolute;
	width: 266px;
	height: 18px;
	float: right;
	margin: 2px;
	top:400px;
	left:5px;
	padding: 0;
	float: right;
	display:inline;
}


.numeros a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#CCCCCC;
}
.numeros a:hover{
	text-decoration:underline;
	color:#FFFFFF;
}


.search {
	position: absolute;
	float: left;
	margin: 1px;
	top:445px;
	width:260px;
	height:30px;
	left:10px;
	padding: 0;
	float: right;
	display:inline;
	vertical-align:middle;
}
.busca,
.search .busca{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	background:#333333;
	border:none;
	height:16px;
}

.buscaf {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	background:#333333;
	border:none;
}
.boton,
.search .boton{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	
	color:#fff;
	background:#111111;
	border: solid  1px #666666;
	height:18px;
}

#picture {
	padding: 0px;
	width: 700px;
	float: left;
	left:5px;
	position:relative;
	vertical-align:middle;
}


#boton {

	width:20;
	height:20px;
	float:right;
	position:relative;
	display:block;
	top: -450px;
	left:0px;
	overflow:hidden;
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75; 
	
}

#properties {

	width:100%;
	height:150px;
	float:right;
	position:relative;
	display:block;
	top: -170px;
	background-color:#121212;
	border:solid 1px #333333;
	background:#333333;
	overflow:hidden;
	
	filter:alpha(opacity=60); 
	-moz-opacity: 0.6; 
	opacity: 0.6; 

}

#properties a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#CCCCCC;
}
#properties a:hover{
	color:#FFFFFF;
}


#mainImageOutline {
	margin: 0 auto;
	vertical-align:middle;
	padding: 0;
	background-color: #eee;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #333;
	border-left: solid 1px #404040;
	padding: 1em; 
	overflow: hidden; 
}
#mainImage {
	width: 100%;
	height: 100%;
}

#picture img {	border: 1px solid #999; }
.selectedThumbnail {  border: solid 2px  #fff;}
.inFocus {  border: solid 1px #fff !important;}

#tags {
	float: left;
	position:relative;
	width: 99%;
	height:400px;
	}
#tagsw{
	float: left;
	position:relative;
	width: 99%;
	left:10px;
	height:140px;
}	

#tagsw .column,	
#tags .column {
	float: left;
	width: 200px;
	}
	
#tagsw li,
#tags li {
	display: block;
	list-style: none;
	}
#tagsw li a,
#tags li a {
	display: block;
	clear:both;
	text-align:left;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	padding: .36em .18em;
	}	

#tagsw li a:hover,
#tags li a:hover {
	color:#999999;
	text-decoration:underline;
}	

#tags h1{
	font-size:10px;
	color:#CCCCCC;
	width:250px;
	background:#333333;
}
 
#tags h2{
	font-size:9px;
	color:#CCCCCC;
	width:250px;
	background:#333333;
}
	
#tagsw .l1,
#tags .l1 {
	font-size:10px;
	color:#CCCCCC
}

#tagsw .l2,	
#tags .l2 {
	font-size:12px;
	color:#6F6F6F;
}	
#tagsw .l3,
#tags .l3 {
	font-size:11px;
	color:#999999;
}	
#tagsw .l4,
#tags .l4 {
	color:#666666;
}
#tags .l5 {
	font-size:16px;
}	
#tags .l6 {
	font-size:14px;
}	
	
/* End Boxes
----------------------------------------------- */
#displayprop {
	width:70%;
	height:100%;
	float:left;
	top:-18px;
	padding:5px;
	text-align:justify;
	position:relative;
	display:block;
	overflow:auto;
	font-size:12px;
	color:#FFFFFF;
}

#displayprop a{
	color:#6699FF;
	text-decoration:none;
}

#displayprop a:hover{
	text-decoration:underline;
}