@charset "utf-8";
/* CSS Document */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
	padding-left:10px; padding-right:10px;	
}
html{
	background:url(../../uploads/bg/Tambako_the_Jaguar8bw-1500x996.jpg) no-repeat fixed 50% 50% / cover #9FC3D1;
}
body{
	font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF;
	background:url(../img/bg-body.png) repeat fixed 50% 0 rgba(0, 0, 0, 0);
}
a:hover{
	text-decoration:none;	
}
.img-responsive img{
	max-width:100%;	
}
.clearfix {
	clear:both;	
}
.no-mar{
	margin:0; padding:0;	
}
.h-100{
	height:100px;	
}
/************/
#header .logo{
	margin-top:5px; margin-bottom:0; padding:0; font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#header .nav-main{
	margin:15px 0; text-align:center;	
}
#header .nav-main a{
	float:left; padding:7px 30px; color:#FFF; margin:0 3px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	font:bold 17px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#header .nav-main a.focus{
	color:#0066FF; background:#f9f9f9;
}
#header .nav-main a:hover{
	background:#f9f9f9; color:#06F;
}
/*************/
h1.title-page{
	margin:0 0 0.6em; padding:0; font:bold 19px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:capitalize;	
}
.home-content{
	margin-bottom:30px;	
}
.home-content:last-child{
	margin-bottom:15px;	
}
.home-content .read-more{
	padding:0 0 0 25px; background:url(../img/home-bg-readmore.png); margin-top:2px;
}
.home-content .read-more *{
	padding:10px 0; text-transform:capitalize; font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.home-content .read-more a.a-readmore{
	background: url(../img/home-read-more.png) no-repeat right 2px; border-left:1px solid #AEAEAE;
}

.box-photos{
	background:#F4F4F4; color:#222; padding:15px 20px; margin-bottom:0px;
}
.box-photos .item-album, #album-img-other{
	margin-bottom:20px;	padding:0 7px;	
}
.box-photos .item-album a{
	width:100%; color:#000;
}
.box-photos .item-album a:hover img{
	background:#0066FF
}
.box-photos .item-album a b{
	margin:7px 0; float:left; width:100%; clear:both; text-align:center;
}
.box-photos .item-album a:hover{
	width:100%; color:#0066FF;
}
.box-photos .item-photo{
	margin-bottom:12px;	padding:0 5px; position:relative; height:95px; height:95px;
}
/*********/
.bg-box-yellow{
	background:linear-gradient(to right bottom, #F2C56F 0%, #DC9F27 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);;
	background:-webkit-linear-gradient(to right bottom, #F2C56F 0%, #DC9F27 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);;
	background:-o-linear-gradient(to right bottom, #F2C56F 0%, #DC9F27 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);;
	background:-moz-linear-gradient(to right bottom, #F2C56F 0%, #DC9F27 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);;
	box-shadow:0 0 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.2);
	-o-box-shadow:0 0 1px rgba(0, 0, 0, 0.2);
}
.bg-box-blue{
	background:linear-gradient(to right bottom, #5FA0C0  0%, #32839E  100%) repeat scroll 0 0 rgba(0, 0, 0, 0);;
	background:-webkit-linear-gradient(to right bottom, #5FA0C0 0%, #32839E  100%) repeat scroll 0 0 rgba(0, 0, 0, 0);;
	background:-o-linear-gradient(to right bottom, #5FA0C0 0%, #32839E  100%) repeat scroll 0 0 rgba(0, 0, 0, 0);;
	background:-moz-linear-gradient(to right bottom, #5FA0C0 0%, #32839E  100%) repeat scroll 0 0 rgba(0, 0, 0, 0);;
	box-shadow:0 0 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.2);
	-o-box-shadow:0 0 1px rgba(0, 0, 0, 0.2);
}
.bg-box-red{
	background:linear-gradient(to right bottom, #C05F7C 0%, #9D315C   100%) repeat scroll 0 0 rgba(0, 0, 0, 0);;
	background:-webkit-linear-gradient(to right bottom, #C05F7C 0%, #9D315C  100%) repeat scroll 0 0 rgba(0, 0, 0, 0);;
	background:-o-linear-gradient(to right bottom, #C05F7C 0%, #9D315C  100%) repeat scroll 0 0 rgba(0, 0, 0, 0);;
	background:-moz-linear-gradient(to right bottom, #C05F7C 0%, #9D315C  100%) repeat scroll 0 0 rgba(0, 0, 0, 0);;
	box-shadow:0 0 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.2);
	-o-box-shadow:0 0 1px rgba(0, 0, 0, 0.2);
}
.bg-nav-tran{
	background:url(../img/bg-nav-center.png)	
}
#home-center-box{
	padding:15px; margin-bottom:20px;
}
#home-center-box .center-title{
	margin:0 0 5px; padding:0 0 5px; font:bold 17px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:capitalize;	
	border-bottom:1px solid #FFF; width:100%; float:left; 
}
.center-nav ul{
	margin:0; padding:0; list-style-type:none;	
}
.center-nav ul li{
	display:block; float:left; width:100%;
}
.center-nav ul li:hover{
	background:#FFF; cursor:pointer;
}
.center-nav ul a{
	color:#FFF; display:block; float:left; padding:7px 5%; width:90%;
}
.center-nav ul li:hover a{
	color:#428BCA; font-weight:bold;
}
/***********/
.home-center-news{
	margin:0; padding:0; list-style-type:none;	
}
.home-center-news img{
	width:100%; float:left; margin:0 0 5px;
}
.home-center-news .first{
	font:bold 12px/17px Tahoma, Geneva, sans-serif; color:#FFF; text-transform:capitalize;
}
.home-center-news li{
	margin-bottom:15px; text-align:center;
}
.home-center-news a{
	color:#FFF;
}
#home-slide-album img{
	float:left; width:100%; height:15em;
}
#footer{
	text-align:center; margin-bottom:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
}
/**********/
#link-street{
	background:#FFF; margin:0; border-radius:0;    background-color: #F7F7F7;
    background-image: -moz-linear-gradient(center bottom , #F7F7F7 0%, #FFFFFF 30%);
    background-image: linear-gradient(center bottom , #F7F7F7 0%, #FFFFFF 30%);
    background-image: -webkit-linear-gradient(center bottom , #F7F7F7 0%, #FFFFFF 30%);
    border-bottom: 1px solid #CFCFCF;    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); 
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
#link-street a{
	color:#444	
}
#link-street .active a{
	color:#06F	
}
/*************/
.title-item-photo{
	font:bold 11px/20px Tahoma, Geneva, sans-serif; margin:8px 0; float:left; width:100%; height:20px; overflow:hidden;
}
.photo-count{
	background:#f2f2f2; padding:5px; color:#444; font:bold 11px Tahoma, Geneva, sans-serif;	
}
.photo-count span.count-view{
	float:left; width:50%;	
}
.photo-count span.count-down{
	float:right; width:50%; text-align:right;
}
.item-photo a{
	color:#333;	
}
/*************/
#home-list-photo{
	margin:0; padding:0; list-style-type:none;	
}
#list-photo .caption h3{
    margin:0; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0; 
}
#list-photo img{
    width:100%; opacity:0.9;
}
#list-photo:hover img{
   opacity:1;
}
.nomar-photo{
	margin-right:0 !important;	
}
.img-width{
	overflow:hidden;  height:94px; border-radius:6px;
}
.img-height{
	overflow:hidden; height:94px; border-radius:6px;
}
.item-photo img{
	background:#FFF;
}
.img-width img{
	float:left; width:100%;	
}
.img-height img{
	float:left; height:100%; min-width:100%;
}
/***********/
#album-grid{
	position:relative;	
}
.img-album{
	width:100%; float:left;	
}
.img-album img{
	width:100%; float:left;	
}
/***********/
#list-photo{
	padding:0 5px; margin-bottom:15px;
}
#list-photo a{
	width:100%; 	
}
#photo-grid, #album-grid-img{
	position:relative;	
}
#list-photo .box-img{
	position:relative;
}
#list-photo .quote-hover{
	display:none; position:absolute; width:100%; height:100%; top:0; left:0; text-align:center;
	background:url(../img/bg-nav-center.png); padding-top:10%; float:left;
	font:bold 12px/22px Arial, Helvetica, sans-serif; color:#f2f2f2;
}
.icon-zoom{
	background:url(../img/zoom.png) no-repeat center bottom; padding-bottom:30px;
}
#list-photo:hover .quote-hover{
	/**/display:block;
}
/***********/
#pagination{
	text-align:center;	
}
#pagination *{
	padding:3px 6px; margin:0 5px;
}
/************/
#photo-detail .img-detail img{
	float:left; width:100%
}
.photo-detail-info{
	line-height:24px; font-size:14px;	
}
.title-comment{
	margin:15px 0; font:bold 15px Tahoma, Geneva, sans-serif; text-transform:uppercase;
	border-bottom:3px double #428BCA; padding-bottom:5px; color:#428BCA;	
}
.bg-white{
	background:#FFF; padding:10px;
}
/*****************/
#album-slide{
	overflow:hidden; background-position:center center;
}
.quote-album{
	font:13px/22px Tahoma, Geneva, sans-serif;	
}
.modal{
	color:#000;	
}
/**************/
#news-photo{
	position:relative;	
}
#list-news{
	margin:0; padding:0; list-style-type:none; line-height:20px; font-family:Tahoma, Geneva, sans-serif; 
}
#list-news h2{
	margin:0 0  7px 0px; padding:0; font:bold 14px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:capitalize;
	color:#000
}
#list-news li{
	margin-bottom:20px; border-bottom:1px solid #FFF; padding-bottom:20px;
}
#list-news a{
	color:#000
}
#list-news a:hover{
	color:#428BCA
}
#news-detail{
	font-family:Arial, Helvetica, sans-serif	
}
#news-detail h1{
	font-size:19px; font-weight:bold;
}
#news-detail h2{
	font-size:17px; font-weight:bold;
}
#news-detail h3{
	font-size:15px; font-weight:bold;
}
.news-other{
	font-weight:bold; line-height:24px;
}
.news-other a{
	color:#000;
}
.news-other a:hover{
	color:#428BCA;
}
option{
	padding:5px 10px;	
}
/***************/
.btn-login a{
	margin-top:10px; font-weight:bold; float:left; width:100%;
}
/***USER****************/
#list-photo-user div.item-photo-user{
	margin-bottom:0px; padding-left:5px; padding-right:5px;	
}
#list-photo-user div.item-photo-user img{
	width:100%;
}
#list-photo-user div.item-photo-user p:first-child{
	margin-bottom:3px !important;
}
#list-photo-user div.item-photo-user p.btn-xs{
	margin-bottom:0px !important; border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important;
}
