@charset "utf-8";
body {
	margin: 0px;
	/*background: fixed url(../images/bgZaraTerez.jpg); */
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	background-color: #fff;
}
p {
	margin: 0px;
	padding: 0px;
}
form {
	margin: 0px;
	padding: 0px;
}
br {
	margin: 0px;
	padding: 0px;
}
div {
	margin: 0px;
	padding: 0px;
}
h1 {
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #918b7c;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}
a, a:link {
	outline:none;
	color:#45280d;
	

}
a:visited {
	text-decoration:underline;
	color:#45280d;
}
#main {
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: auto;
	padding: 0px;
	height: auto;
	width: 1500px;
}




#main-container {
	margin: auto;
	padding: 0px;
	width: 934px;
}
#logo {
	height: 129px;
	width: 918px;
	margin: auto;
	padding: 0px;
	
}
#logo a{
	color:#878787;
	text-decoration:none;
}

#logo a:hover {
	color:#000;
	text-decoration: none;
	}
#nav-bg {
	/*background-image: url(../images/nav-bg.png); */
	background-repeat: no-repeat;
	background-position: left top;
	margin: auto;
	width: 908px;
	height: 39px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.info {
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 17px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.home {
	background-image: url(../images/home.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 39px;
	width: 70px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
.home a{
	background-image: url(../images/home.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 39px;
	width: 70px;
	float: left;
	outline:none;
}
.home a:hover{
	background-image: url(../images/home-hover.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 39px;
	width: 70px;
}
.about {
	background-image: url(../images/about.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 39px;
	width: 113px;
	margin-left: 3px;
	float: left;
}
.about a{
	background-image: url(../images/about.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 39px;
	width: 113px;
	float: left;
	outline:none;
}
.about a:hover{
	background-image: url(../images/about-hover.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 39px;
	width: 113px;
}
.gallery {
	background-image: url(../images/gallery.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 39px;
	width: 87px;
	margin-left: 3px;
	float: left;
}
.gallery a{
	background-image: url(../images/gallery.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 39px;
	width: 87px;
	float: left;
	outline:none;
}
.gallery a:hover{
	background-image: url(../images/gallery-hover.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 39px;
	width: 87px;
}
.news {
	background-image: url(../images/news.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 39px;
	width: 87px;
	margin-left: 3px;
	float: left;
}
.news a{
	background-image: url(../images/news.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 39px;
	width: 87px;
	float: left;
	outline:none;
}
.news a:hover{
	background-image: url(../images/news-hover.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 39px;
	width: 87px;
}
.contact {
	background-image: url(../images/contact.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 39px;
	width: 87px;
	margin-left: 3px;
	float: left;
}
.contact a{
	background-image: url(../images/contact.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 39px;
	width: 87px;
	float: left;
	outline:none;
}
.contact a:hover{
	background-image: url(../images/contact-hover.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 39px;
	width: 87px;
}
#mid-top-corner {
	background-image: url(../images/mid-top-corner.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 15px;
	margin: 0px;
	padding: 0px;
	clear: both;
	overflow: hidden;
}
#mid-bg {
	background-image: url(../images/mid-bg.png);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#mid-bott-corner {
	background-image: url(../images/mid-bott-corner.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
}
#contain-box {
	margin: auto;
	padding: 0px;
	width: 884px;
}
#left-part {
	float: left;
	width: 407px;
}
#right-part {
	float: left;
	width: 462px;
	margin-left: 15px;
}

#footer {
	background-image: url(../images/footer-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: auto;
	height: 116px;
	width: 878px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#login {
	float: right;
	width: 395px;
	margin-left: 150px;
	margin-top: 80px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}
#login-btn {
	background-image: url(../images/login-btn.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	float: right;
	height: 24px;
	width: 90px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin: 0px;
}
.text-username {
	background-image: url(../images/text-area01.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	height: 24px;
	width: 132px;
	margin: 0px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
}
 
.text-password {
	background-image: url(../images/text-area02.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	height: 24px;
	width: 132px;
	margin: 0px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
}


.user-con {
	background-image: url(images/user-con.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 32px;
	width: 148px;
	margin: 0px;
	padding: 0px;
}
.pass-con {
	background-image: url(images/user-con.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	float: left;
	height: 32px;
	width: 148px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
}
.login-botton {
	padding: 0px;
	float: left;
	height: 24px;
	width: 90px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
}




/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable {
	/* required settings */ 
    position:relative;
	overflow:hidden;
	width: 720px;
	height:85px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items {
	/* this cannot be too large */ 
    width:326934px;
	position:absolute;
	top: -7px;
	left: -7px;
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}
#sub-left-part {
	float: left;
	width: 540px;
}
#sub-right-part {
	float: right;
	width: 270px;
	margin-left: 7px;
}
#heading-bg {
	/*background-image: url(../images/heading-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top; 
	height: 29px;*/
	padding:0px 9px; margin:0px;
}
.img-border {
	border: 1px solid #ccc;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}
.login-link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	text-align: center;
	padding-top: 15px;
}
.login-link a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	text-align: center;
	padding-top: 15px;
	text-decoration:underline;
	outline:none;
}
.login-link a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	text-align: center;
	padding-top: 15px;
	text-decoration:none;
}
 
.view-upload { /*background:url(../images/view-upload.gif) left top no-repeat; margin:15px 0 0 0px; float:left; width:130px;*/ height:2px; }
.photo-property {
	float:right;
	padding:0px;
	margin:0px 0 0 0;
	height:31px;
}
.rotate-photo {
	float:right;
	height:31px;
	width:121px;
	padding:0px;
	margin:0px;
	outline:none;
}
.view-size {
	float:right;
	padding:0px;
	height:31px;
	width:114px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.posted-on {
	float:none;
	padding:0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
.posted-on h2 { font-size:15px; color:#4c4c4c; padding:0px 0 0 0px; margin:0px;}
.posted-on h2 a {color:#999999; text-decoration:none; outline:none;}
.posted-on h2 a:hover {color:#4c4c4c;}
.posted-on img { margin:0px; padding:0px; margin-right:5px; margin-bottom:10px; float:left; }
.advertise {
	float:none;
	padding:0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0px;
	clear: both;
}
.views {
	/*border-bottom: solid 1px #d3d3d3;
	border-right: solid 1px #d3d3d3;
	border-left: solid 1px #d3d3d3;*/
	float:none;
	margin:0px;
	/*background:url(../images/view-bg.gif) left top  repeat-x;*/
	padding-top:25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.views p { font-size:12px; color:#515151; margin:10px; margin-top:0px; padding:0px; text-align:left; }
.views p a{color:#708cd1; padding:0px; margin:0px; text-align:left; text-decoration:none; outline:none; }
.views p a:hover{color:#515151; text-decoration:none; }
.put-this-btn {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.searchbox {
	height: 57px;
	margin-top: 20px;
	float: right;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.search {
	color:#7f7f7f;
	float:left;
	font-size:11px;
	height:51px;
	width:430px;
	padding-top: 4px;
	padding-left: 6px;
	padding-right: 5px;
	padding-bottom: 0px;
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	background-color: #EAF0F2;
	display: block;
	border: 1px solid #CBDADE;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#find {
	float:left;
	background-image: url(../images/search_btn_btn.jpg);
	background-repeat: no-repeat;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-position: left top;
	height: 57px;
	width: 93px;
	margin-top: 1px;
	margin-right: 3px;
	margin-bottom: auto;
	margin-left: auto;
	background-color: transparent;
}
.snap {
	margin: 0px;
	padding: 0px;
	height: 54px;
	width: 54px;
	float: left;
}
.snap-discrip {
	width: 458px;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 17px;
}
.img-border01 {
	border: 3px solid #d9e6e8;
	margin: 0px;
	padding: 0px;
}
.heading {
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	color: #878787;
}
.heading a {
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	color: #878787;
	text-decoration:none;
	outline:none;
}
.heading a:hover {
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	color: #000;
	text-decoration:none;
}
.border {
	border: 1px solid #d9e6e8;
	padding: 3px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.info-bg {
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 17px;
	margin: 0px;
	/*background-color: #FFEFEA; */
	padding: 5px;
	clear: both;
}
.comment-snap {
	height: 75px;
	width: 75px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	float: left;
}
.main-info {
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 17px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.snap02 {
	margin: 0px;
	padding: 0px;
	height: 79px;
	width: 79px;
	float: left;
}
.snap-discrip02 {
	width: 430px;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 17px;
}
.comment-snap02 {
	height: 150px;
	width: 150px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	float: left;
}

#profile-main {
	
}

#profile-header {
	padding-top:20px;
	padding-bottom:20px;
}

#profile-photos {
	float:left;
	width:580px;
	margin-left: 20px;
}

#profile-info {
	float:right;
	width:300px;
}

#profile-about {
	width:280px;
	background-color:#ffffff;
	padding:10px;
	border:1px solid #999;
}

#profile-photo {
	background-color:#ffffff;
	padding:10px;
	margin:0 0 15 15;
}

#profile-avatar {
	float:left;
	width:90px;
}

#profile-username {
	float:left;
	width:400px;
	font-size:24px;
	padding-top:20px;
}

.profile-photo-info {
	text-align:right;
	font-size:12px;
	padding:0 4 4 0;
}

.profile-photo-img {
	float:left;
	width:165px;
	height: 150px;
	overflow: hidden;
}

.profile-photo-message {
	float:left;
	width:370px;
	font-size:14px;
}


.photo-large {
	border: 10px solid #ffffff;
}

.photo-mini {
	border: 3px solid #ffffff;
}


.avatar {
	border:5px solid #FFEFDF;
}

.form-label {
	font-size:18px;
	font-weight:bold;
	color:#2e3132;
	padding:0 0 10 0;
}

.form-hint {
	font-size:12px;
	font-weight:bold;
	color:#61b0de;
	padding:5 0 0 0;
}

.upload-input {
	border:3px solid #c2e0f2;
	color:#3198d3;
	font-size:16px;
	font-weight:bold;
	padding:5px;
}

.error {
	font-size:18px;
	font-weight:bold;
	color:#ff0000;
	text-align:center;
	padding:10 0 10 0;
}


.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 750px; /*Width of Carousel Viewer itself*/
	height: 95px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.stepcarousel .belt{
	position: absolute;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*margin around each panel*/
	width: 80px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	text-align: center;
	height: 81px;
	margin-top: 5px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 7px;
	padding: 5px;
}

ul#tagSet {
  width: 440px;
	margin: 3px 0 0;
  padding:0;
  float: left;

  _display:inline;
}
  ul#tagSet li {
    float: left;
    list-style: none;
    margin-right:4px;
    margin-bottom:4px;

    _display:inline;
  }
  
  
a.tagStandard {   float: left;
  padding-right: 6px;  
  background:transparent url('images/sprite_buttons031109.jpg') no-repeat scroll right -335px;
  white-space:nowrap;
 	text-decoration:underline;
 	font-size: 11px;
}
.tagStandard span { 
  float: left;
  padding: 0px 0 5px 7px;
  background:transparent url('images/sprite_buttons031109.jpg') no-repeat scroll left -335px;

  _display:inline;
}
a.tagStandard,
a.tagStandard:hover,
a.tagStandard:visited  {
  cursor: pointer;
  color:#4967A8;
}
a.tagStandard.active,
a.tagStandard.active span,
a.tagStandard.active:hover{
  color: #FFF;
} 
a.tagStandard.active span {
  background:transparent url('images/sprite_buttons031109.jpg') no-repeat scroll left -313px;
}
a.tagStandard.active{
  background:transparent url('images/sprite_buttons031109.jpg') no-repeat scroll right -313px;
}
a.tagStandard.em,
a.tagStandard.em span,
a.tagStandard.em:hover{
	font-style:italic;
	color: #35569F;
	text-decoration: none;
}