/* .............................. */
/* Basic */
/* .............................. */

body {
	background-color:#fff;
	font-size:14px;
	font-family:"Century Gothic",Verdana,Arial,Helvetica, sans-serif;
	letter-spacing:0.5px;
	color:#333;
	padding:0px;
	margin:0px;
	margin-bottom:20px;
	text-align:center;
	background-image:url(/iconos/bg_white.jpg);
	background-repeat: repeat-x;
	background-position: center top;
  overflow : -moz-scrollbars-vertical;	
	}

img {
	border:0px;
}

/* .............................. */
/* Links */
/* .............................. */

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

a:hover {
	text-decoration:underline;
	}
	
a img {
	border:0px;
}	

#image-info a{
  font-size:10px;
	/*text-decoration:underline;*/
}

.replylink{
  font-weight:normal !important;
}


/* .............................. */
/* Headings */
/* .............................. */
h1,h2,h3 {
  font-family:'Century Gothic',Helvetica, Verdana, Arial, sans-serif;
}

h1 {
	/*font-weight:bold;*/
	/*font-family:Tahoma,Helvetica, sans-serif;*/
	font-size:18px;
	letter-spacing:1px;
	/*color:#3bb3c2;*/
	/*color:#088090;*/
	color:orange;
	margin:0px;
	/*text-align:center;*/
	}
h2 {
	font-weight:bold;
	font-size:11px;
	letter-spacing:1px;
	color:#666;
	text-align:center;
	}
	
h2 a {
    text-decoration:none;
	color:#666;
	}

h2 a:hover {
    text-decoration:none;
	}

li {
	text-align:left;
	padding:5px;
}

#about li {
	text-align:justify;
	padding:5px;
}

.title {
	font-weight:bold;
	font-size:11px;
	letter-spacing:1px;
	color:#666;
	margin:0px;
	margin-bottom:5px;
	margin-left:15px;
	padding:0px;
	}

h3 {
	font-weight:bold;
	font-size:10px;
	letter-spacing:1px;
	color:#666;
	text-align:left;
	}

/* .............................. */
/* Navigation and menu */
/* .............................. */
#logo {
text-align:left;
position:absolute;
top:0px;
left:0px;
padding:10px 0px 0px 30px;
z-index:2;
height:60px;
width:350px;
}

#logo img {
}

#logo span {
line-height: 30px;
position:absolute;
padding-left:10px;
}

#logo .subtitulo {
  font-size:10px;
  text-align:right;
  color: #aaa;
  line-height: 10px;
}

#anuncio {
position:absolute;
top:0px;
left:0px;
padding:5px 0px 0px 10px;
z-index:2;
}

#navigation {
	font-size:14px;
	padding:5px;
	height:15px;
	position:relative;
	width:100%;
	/*top:20px*/
	}
	
.cajaBorde {
	width:100%;
	float:right;
}


.menu {
	float:right;
	font-size:13px;
	}
	
.menu a {
	padding:7px;
	padding-left:10px;
	padding-right:10px;
	
	color: #708491;
	/*font-weight: bold;*/
	}
		
.menu a:hover, menu a:link.active, menu a:visited.active {
	text-decoration:none;
	color:#666666;
	}

.iconosCabecera {
	float:right;
	}	
	
#idioma {
  font-style:italic;
}

#social {
  font-size:10px;
  text-align:right;
  color: #aaa;
  margin:20px 20px 0;
  }


/* .............................. */
/* Content */
/* .............................. */
#contenedorPhoto {
  display:table;
	margin:20px auto 0px auto;
}
#photo {
  /*background: #f0eeee;*/
  padding:5px;
	/*border:1px solid #ccc;*/
	top:10%;
}

#contenedorComentario{
  display:table;
	margin:20px auto 0px auto;
	width:100%;
	top:0%;
	left:0%;
	position:absolute;
}

/* .............................. */
/* Image Navigation */
/* .............................. */

#image-navigate {
	width:100%;
	margin:0px 0px 0px 0px;
	top:5px;
	/*height:20px;*/
	text-align:right;
	float:left;
	/*z-index:999;*/
	}
	
#image-navigate a {
	}

.image-previous {
    float:left;
	}

.image-next {
	float:right;
	}

/* .............................. */
/* Image Info */
/* .............................. */

#image-info {
	padding:5px;
	text-align:justify;
	margin:0px auto;
	margin-bottom:10px;
	line-height:16px;
	}
	
#image-title {
}
		
#image-notes {
	width:70%;
	vertical-align:top;
	}
	
#image-exif {
    padding-top:10px;
    text-align:right;
	width:25%;
	vertical-align:top;
	}


#concursos {
  padding:5px;
  padding-right:20px;
  background-color:#eeeeee;
  width:300px;
}
#concursos i {
  color:#999999;
  font-style:normal;
  letter-spacing:0px;
}
/* .............................. */
/* Pages */
/* .............................. */

#page {
  /*background:#f5f5f5;
	border:1px solid #ccc;*/
	padding:20px;
	text-align:center;
	width:80%;
	margin:0px auto;
	margin-bottom:25px;
	margin-top:10px;
	line-height:16px;
	max-width:800px;
	}
	
	#page #tabla_comentarios {
	 width:750px;
  }
	
	#page  #about {
	 width:750px;
  }
	#page #about td {
	text-align:justify;
	}


#page img {
	background:#ffffff;
	}
	

.column{
	width:48%;
	text-align:left;
	vertical-align:top;
	padding:5px;
	}
	
.thumbnails {
	margin:1px;
	}

/* .............................. */
/* Comments */
/* .............................. */
#exif {
		text-align:center;	
		background-color: #fff;
}

.admin_comment{
  background:#fcfcfc !important;
	margin:10px 0px 10px 10px ;
	margin-bottom:10px !important;
	color:#444 !important;
	text-decoration:none !important;
	padding:10px !important;
	border:0px dotted #ccc !important;

}

#comment-top {
  background:#fff;
	border-bottom:1px solid #eee;
	padding:5px;
	margin-bottom:25px;
	height:15px;
	}    

#comments {
  margin:0px auto;
	text-align:left;
	}
	
#comments ul {
	list-style-type:none;
	margin:0px;
	padding:10px;
	}
	
#comments li {
  background:#fff;
	display:block;
	margin:0px;
	margin-bottom:10px;
	color:#444;
	text-decoration:none;
	padding:10px;
	border:1px solid #ccc;
	}
	
#comments li a {
	color:#444;
	text-decoration:none;
	}
	
#comments li:hover {
	background:#f5f5f5;
	}
	
#comments li a:hover {
	background:#f5f5f5;
	}

#comment-middle {
    background:#fff;
	border-top:1px solid #eee;
	padding:5px;
	margin-top:25px;
	height:15px;
	} 

#addcomment {
	text-align:left;
	padding:10px;
	margin:0px auto;
	/*border:1px solid #ccc;*/
	background:#EEEEEE;
	}
	
#pie_comentarios {
	background:#EEEEEE;
	text-align:center;
}	

.input {
    width:45%;
	font-size:10px;
	border:1px solid #ccc;
	background-color:#ffffff;
	color:#666;
	padding:5px;
    }
	
#addcomment textarea {
	width:90%;
	height:50px;
	font-size:12px;
	border:1px solid #ccc;
	background-color:#ffffff;
	color:#666;
	padding:5px;
	}

.comment-button {
  background:#ffffff;
	border:1px solid #aaa;
	color:#666;
	border-bottom:2px solid #aaa;
	border-right:2px solid #aaa;
	}

.button {
  background:#ffffff;
	border:1px solid #aaa;  
}
/* .............................. */
/* Footer */
/* .............................. */

#footer {
   text-align:center;
   margin-bottom:20px;
   margin-top:40px;
   font-size:9px;
   clear:both;
   }

#footer a {
  color:#000;
}	


/**
 * Comentarios de las galerias http://www.gentlesource.com/
 */ 
#poweredby {
  text-align:right;
}
/* .............................. */
/* Album */
/* .............................. */
.albumWrapper {
				
	height:220px;
	text-align:center;
	float:left;
	/*background:#333;
	border:1px solid #666;*/
	margin:5px;
}
.albumWrapper2 {	
	margin:3px;
	width:220px;
}

.albumWrapper a:link, .albumWrapper a:visited {
	border:1px solid #666;
	display:block;
}
.albumWrapper img {
	border:3px solid #FFF;
	}
.albumTitle {
	font-size:80%;
	padding:2px 0;
}
.albumTitle a{
	color:#000;
}
.albumTitle a:link, .albumTitle a:visited {
	border:none;
}

/* .............................. */
/* Estadisticas */
/* .............................. */

#mas_comentadas {
float:left;
width:350px;
text-align:left;
margin-bottom:20px;
}

#ultimos {
float:right;
width:350px;
text-align:left;
margin-bottom:20px;
}

#comentadores {
float:left;
text-align:left;
margin-bottom:50px;
}

/* Social links */
.fb_iframe_widget iframe {
  height:24px !important;
  width:75px !important;
}

.tweetmeme iframe {
  width:95px !important;
}

.sharelinks div {
float:right;
margin-right:5px;
width:100px;
}

.sharelinks #facebook{
  width:60px;
}

a.meneame, a.facebook, a.friendfeed, a.twitter, a.delicious, a.yahoo, a.netvibes, a.google, a.link, a.comments, a.feedlink, .feed_comments a, a.mail, a.archivo, a.buzz {
  padding:2px 0 2px 20px;
}

a.twitter {
background:url("http://twitter-badges.s3.amazonaws.com/t_mini-b.png") no-repeat scroll left center transparent;
}
a.meneame {
background:url("http://h3.hipertextual.com/i/shareicons/meneame.png") no-repeat scroll left center transparent;
}
a.delicious {
background:url("http://h3.hipertextual.com/i/shareicons/delicious.png") no-repeat scroll left center transparent;
}
a.buzz {
background:url("http://h3.hipertextual.com/i/shareicons/buzz.png") no-repeat scroll left center transparent;
}

/* FOTOMOTO */
#FotomotoToolbar {
  text-align:right !important;
}
#FotomotoToolbar .FotomotoBar {
  font-size:10px !important;
}
