/* general styles */
* { margin: 0; padding: 0; }
a:link,a:visited { color:#18597c; }
p { line-height: 18px; margin-bottom: 10px; }
img { border:none }
h1 { display: none; }
h2 { margin:10px 0px 7px 10px; color:#f5f5f5; font-size:14pt; font-weight:normal; letter-spacing:0.5px; }
h3, h4, h3 a { margin-bottom: 8px; color: #8f3190!important; font-size: 18px; font-weight: normal; margin-bottom: 20px; text-decoration: none; }
h4 { color: #135578; border-bottom: solid 1px #5f6686; }
h5 { font-size: 14px; color: #ad4199; margin: 10px 0; }
h6 { font-size: 13px; color: #135578; font-weight: normal; margin-bottom: 10px; }

body { background:#fff; font-family:Times New Roman,serif; font-size:13px; color:#646464; }

#layout { width:1031px; margin:0px auto; position:relative; }

/* header */
#title { height:150px; background:url(../img/title.jpg) no-repeat top; }
#search-login { float:left; width:270px; text-align:right; padding-top:18px; }
#search-login .search-parts { float:right; }
#search-input { font-size:8pt; padding:1px 0px 1px 5px; text-align:right; height:14px; width:130px; color:#c4c4c3; float:right; overflow:hidden;  background:#f7f8f8; border:1px solid #abaeb0; }
#login-input,#pass-input { border:0px none red; width:120px; height:18px; color:#c4c4c3; font-size:9pt; padding-left:8px; }
#login-input { background-image:url(../img/login-input.jpg); margin-top:17px; }
#pass-input { background-image:url(../img/pass-input.jpg); margin-top:5px; }
#login-button { text-align:left; width:125px; float:right; padding-top:7px; }
#login-button input { float:right; }
#banner { width:300px; height:90px; padding-left:2px; background: url(../img/banner.jpg) no-repeat 0px 8px; float:left; margin-left:135px; margin-top:32px; font-size:6pt; color:#c4c4c3;  font-family:arial,sans-serif; }
#logo { margin-top:18px; margin-left:72px; float:left; }

.welcome { background: #e4e9ef; padding: 6px 0 0; text-align: center;  color: #154F74; margin: 10px 0 5px 55px;  }
.welcome span { color: #BB41BC }

#menu { font-family:Arial,sans-serif; padding-left:205px; background:url(../img/menu-line.jpg) repeat-x 0px 12px; height:23px; }
#menu li { width:151px; float:left; list-style-type:none; margin-right:10px; }
#menu li a { display:block; height:19px; text-align:center; color:#fff; text-decoration:none; font-size:9pt; padding-top:4px; padding-left:5px; }
#menu li a:hover, #menu li.selected a { text-decoration: underline; }

.small-menu-arrow-45418, .small-menu-arrow-45430 { float:left; margin-right:10px; }
.small-menu-arrow-45436, .small-menu-arrow-45444 { float:right; margin-left:10px; }
.small-menu { font-family:Arial,sans-serif; background:url(../img/menu-line.jpg) repeat-x 0px 18px; heigth: 23px; }
.small-menu ul.c45418, .small-menu ul.c45430 { float: left; }
.small-menu ul.c45436, .small-menu ul.c45444 { float: right; }
.small-menu li { display: inline; list-style:none;  }
.small-menu li a { color:#fff; text-decoration:none; font-size: 9px; padding:3px 10px; }
.small-menu li a:hover, .small-menu li.selected a { text-decoration: underline; }
.small-menu li a.blue { background:url(../img/m1.jpg) repeat-y top left #15496E; }
.small-menu li a.green { background:url(../img/m2.jpg) repeat-y top left #B6BF40; }
.small-menu li a.yellow { background:url(../img/m3.jpg) repeat-y top left #E4D039; }
.small-menu li a.pink { background:url(../img/m4.jpg) repeat-y top left #BF489A; }
.small-menu img { margin-top:10px; }
#submenu-45418 { padding-left: 275px }
#submenu-45430 { padding-left: 438px }
#submenu-45436 { padding-right: 415px; }
#submenu-45444 { padding-right: 255px; }

#m1 { background-image:url(../img/m1.jpg); background-color:#18345d; }
#m2 { background-image:url(../img/m2.jpg); background-color:#89a44b; }
#m3 { background-image:url(../img/m3.jpg); background-color:#c3bd30; }
#m4 { background-image:url(../img/m4.jpg); background-color:#a02d91; }

/*content */
#content-top { width:1031px; height:129px; background-image:url(../img/content-top.jpg); position:absolute; top:202px; }
#content { background:url(../img/content-bottom.jpg) no-repeat left bottom; position:relative; padding:25px 20px; }
*html #content { position: absolute;  }

/* boxes */
div.box { width:100%; }
div.boxInside { margin: 5px; }
div.boxAround { margin: 5px; }
div.box p { font-size: 11px; }

.pink, .yellow, .green, .blue, .transparent { margin:10px 7px 0 0; float:left; }

.transparentbox { float: left; margin:0px }

.pink { background: #C0499B url(../img/bkg_pink.gif) repeat-y 0 0; }
.yellow { background: #E4D137 url(../img/bkg_yellow.gif) repeat-y 0 0; }
.green { background: #B5BF40 url(../img/bkg_green.gif) repeat-y 0 0; }
.blue { background: #125A80 url(../img/bkg_blue.gif) repeat-y 0 0; }
.transparent { background-color: #fff; }
.gray { background: url(../img/graybox.png) no-repeat; width: 215px; height: 27px; }
.btnleft, .btnright { background: url(../img/btn_left.png) no-repeat left; width: 4px; height: 18px; float:left; display: block; }
.btnright { background: url(../img/btn_right.png) no-repeat right; float:right; }
.btn2 { background: url(../img/btn.png) repeat-x top; float: left; height: 18px; }
.btn2 a { padding: 0 10px; color: #fff; text-decoration: none }

.btn { background: url(../img/bkg_btn.gif) repeat-x 0 0 transparent; width: auto!important; }
.btn a { text-decoration: none; color: #fff; height: 15px; font-size: 13px; margin: -1px 0 2px; padding: 2px 8px; cursor: pointer; font-family: arial; } 

div.box2 { border-bottom: solid 1px #183861; width: 660px; margin: 20px 10px 0 0; padding-bottom: 10px; }
div.box2 li { list-style:none } 
div.box2 .rating li { display: inline; float:left }
div.box2 .rating li a, div.box2 .rating li a:hover { background: url(../img/star.gif) no-repeat top; width: 17px; height: 16px; display:block; margin-left: 3px; }
div.box2 .rating li a:hover { background: url(../img/star_on.gif) no-repeat top; }
div.box2 .rating div.info a { color: #37577c; font-size: 13px; margin-left: 15px; text-decoration:none; }
div.box2 .rating div.info a:hover { text-decoration: underline }
div.box2 .rating { padding: 20px 0 5px; }
div.box2 .text { position: relative; }
div.box2 .text a img.more { position: relative; top: 5px; margin-left: 5px; }
div.box2 .text img.main { margin: 0 10px 0 0; }
div.box2 .thumbs img { position: relative; top: 36px; margin-right: 5px; }
div.box2 .text span { height: 100px; overflow:hidden; display: block; }

.userbox img { margin: 0 10px 10px 0 }
.userbox h2 { border-bottom: solid 1px #fff; margin-left: 70px; }
.userbox .pieces-end { border-top: solid 1px #fff; padding: 10px 10px 10px 0; }
.userbox .pieces-end a { margin-left: 15px; }
.userbox p { color: #fff }

.myblogs { padding: 15px 0 }
.myblogs li { list-style: none; line-height: 22px; margin-left: 15px }
.myblogs li a {  color: #16466C }
.myblogs li a:hover { text-decoration:none }

.profilpublic h3 { margin-bottom: 7px; }
.profilpublic { border-bottom : solid 1px #16466C }
.profilpublic .info p { color: #16466C; margin-bottom: 0; }

.gallery { background-image:url(../img/gallery-bg.jpg); display:block; margin-left: 3px; }
.gallery .scrollable .items { position: relative; height: auto; margin: 0 auto; padding: 10px 0px 10px 0px; }
.gallery .scrollable .mainpage { width: 130px;}
.gallery .scrollable .article { width: 85px;}
.gallery-button { height:24px; }
.gallery-mask { position:absolute; top:-2px; left:-2px; }
.gallery-piece { margin:6px 0 15px 0px; position: relative; }
.gallery a.next img, .gallery a.prev img {
	width: 100%;
}

.inquiry { padding: 5px; }
.inquiry-q { text-align:left; }
.inquiry li { list-style:none; text-align: right; line-height: 24px; }
.inquiry-ta { border:1px solid #939598; font-family:verdana; font-size:11px; }
.inquiry-vote { text-align:right;; }

.piece { margin: 0 0 8px!important; font-size: 12px!important; position: relative;  }
.piece .foto { width:78px; height: 78px; float:left; margin-right:5px; }
.piece img.foto { position:relative; top:1px; left:1px; }
.piece img.foto-mask { position:absolute; top:5px; left:5px; z-index:1px; }
.piece .text { height: 80px; overflow:hidden; }
.piece .text p { color: #636466!important; padding: 0 20px 0 0;}
.piece .text p.title a { color:#a23092!important; font-weight:bold; text-decoration:none; margin-bottom: 5px; }
.piece .text img.more { position: absolute; right: 5px; top: 36px; }
.pieces-end { text-align:right; }
.pieces-end a:link, .pieces-end a:visited { color:#f5f5f5; }
.pieces-end a:hover { text-decoration: none }


/* calendar */
.calendar { text-align: center; width: 96%; table-layout: fixed; margin: 0px; }
.calendar tr { height: 28px; }
.calendar th, .calendar td { width: auto; }
.calendar th { color: #A23092; }
.calendar td { border: solid 1px #CECECE; background: #E4E2E3; cursor: pointer; }
.calendar td.wkd { background: #ADABAC; color: #000; border: solid 1px #CECECE; }
.calendar td.dif { background: #fff; color: #DEDCDD; border: solid 1px #CECECE;}
.calendar td.selected { background-color: #FF5FD2!important;}
.calendar td.selected a { color: #fff; text-decoration: none;}
.calendar td.selected:hover { color: #000; background-color: #CEC431!important;}
.calendar td.wkdactive { background: #A43292!important; }
.calendar-month { color: #A23092; }
.calendar-nav a { color: #A23092; text-decoration: none; margin: 0 5px; }
.calendar-nav { text-align: center; margin: 5px 0; }

#events_detail { padding: 5px; width: 120px; text-align: center; }
#events_detail p.date { font-weight: bold }
#events_detail div.title { font-size: 14px; color: #A43292; }
#events_detail p a { float: right }


.partners li { display:inline; list-style:none; margin-right:5px; }
.partners li a { width: 50px; height: 50px; }

/* articles details */
.articlesdetails { padding: 5px; text-align: justify; }
.articlesdetails b { color: #ad4199; }
.articlesdetails .date { border-top: solid 1px #5f6686; border-bottom: solid 1px #5f6686; padding: 2px 20px; margin-bottom: 10px; }
.articlesdetails .date p { margin-bottom: 0; line-height: 15px; }
.articlesdetails img.photo { margin: 0 0 5px 10px;}

.articlesdetails .sharebox { margin:0 0 5px 10px; width:249px; float:right;}
.articlesdetails .sharebox .inner { padding:10px; border:1px solid #BF489A; overflow:hidden;}
.articlesdetails .coolbtn { padding:3px 10px 3px 10px; margin:0 12px 0 0; font-size:11px; font-weight:bold; background:#BF489A; border:1px solid #BF489A; float:left; display:block; text-decoration:none; color:#fff;}
.articlesdetails .coolbtn.last { margin:0}
.articlesdetails .coolbtn:hover { background:#5f6686; color:#fff;} 
.articlesdetails img.photo2 { margin: 0 10px 5px 0; }

.articlesdetails form { width: 400px }
.articlesdetails form p.title, .articlesdetails form label.title, .registration form label { color: #ad4199; margin:0; }
.articlesdetails input.text, .articlesdetails textarea, .registration input.text, .registration textarea, .registration input.file { border: solid 1px #a0a0a0; width: 400px; background: #f6f7f7; font-size: 12px; height: 14px; padding: 2px 5px; }
.registration input.text { width: 150px; }
.articlesdetails textarea, .registration textarea { height: 100px }
.articlesdetails .submit, .registration .submit { border: none; font-family: arial; background: none; height: 15px; color: #fff; font-size: 13px; cursor: pointer; margin: -1px 0 2px; padding: 0 5px; }
.articlesdetails table.twocolumns input.text { width: 300px; margin: 0 20px 10px 0; }
.articlesdetails .mandatory { color: #ad4199; }
.articlesdetails ul.errormsg li { margin-left: 20px; line-height: 18px; }

.articlesdetails .nav { text-align: right; }
.articlesdetails .nav a { color: #ad4199; }
.articlesdetails .nav a:hover { text-decoration: none; }

.articlesdetails div.box p { font-size: 13px; }


/* footer */
#footer p { text-align: center!important; color:#a73594!important; }
#footer a { font-weight:bold; margin:0px 10px; }


/* other styles */
.clear { clear:both; }
.left { float: left; }
.right { float: right; }
.hidden { display:none; }
.separator { border-top: solid 1px #125276; margin: 5px 0; } 


.blogy td { padding-right: 20px }

.FormTemplate td { vertical-align: top }
.FormTemplateStar { color: red; font-weight: bold; font-size: 12pt }
.validation { color: red; font-weight: bold; }

.none { float: none; }



/* lista */

.lista { width:100%; font-size:11px; padding:3px 0 5px 0; background:#fff;  margin:0 0 10px 0; font-family: Arial }
.lista a { text-decoration:underline; color:#222; margin:0 0 0 20px;}
.lista a:hover {text-decoration:underline; color:#ec008c;}
.lista a.active { font-weight:bold;}