@charset "UTF-8";

/* TINYMCE STYLES LIST */
.photo, .jPhotoDetail, .jPhotoScale {}

/* BASIC */
body {margin: 0; padding: 0; background: #E1E1E1;}
body, table, input, textarea, select, button, legend {font-family: tahoma; font-size: 12px;}

/* CONTAINERS */
.container {margin: 0px auto; width: 960px;}

#head {background: #FFF;}
	#title {position: relative;}
		#title .container2 {padding: 15px 10px;}
		#title .languages {position: absolute; top: 10px; right: 10px;}
	#menu {background: url('../images/menu-bg.png') #B62860 repeat-x center;}
	#menu ul {padding: 0;}
	#menu li {list-style-type: none; float: left; margin: 0; font-weight: bold;}
	#menu a {display: block; padding: 8px 20px; color: #FFF; text-decoration: none; text-shadow: 0 2px 2px #712946;}
	#menu a:hover {background: #9A2151; background: rgba(0, 0, 0, 0.15);}
	#menu .active a {background: #C04777; background: rgba(255, 255, 255, 0.15);}
#main {background: url('../images/main-bg.png') repeat-x #E1E1E1;}
	#main .container {border: 1px solid #CCC; border-top: 0 none; border-radius: 2px; box-shadow: 0 0 3px #CCC; -webkit-box-shadow: 0 0 3px #CCC; -mozilla-box-shadow: 0 0 3px #CCC;}
	#main .container2 {padding: 1px 15px; min-height: 300px; background: #FFF;}
#foot {color: #666; text-shadow: 1px 1px 1px #FFF;}
	#foot .container2 {margin: 5px;}
	#foot .left {float: left;}
	#foot .right {float: right; text-align: right;}
	#foot .right a {color: #666;}
	#foot .transparent {color: transparent; text-shadow: none;}

/* LINKS */
a.plain {padding: 0; border: none; background: transparent;}
a {color: #C83771; text-decoration: none;}
a:hover {text-decoration: underline;}
	
/* COMMON */
form {margin: 0;}
button.plain {margin: 0; padding: 0; border: 0 none; background: transparent; cursor: pointer; cursor: hand;}
label {cursor: pointer; cursor: hand;}
a img {border: 0 none;}
img {vertical-align: middle;}
hr {height: 3px; border: 0 none; background-color: #DDD;}
.clear {clear: both;}
.l {text-align: left;}
.c {text-align: center;}
.r {text-align: right;}
.t {vertical-align: top;}
.m {vertical-align: middle;}
.b {vertical-align: bottom;}
.s {font-weight: bold;}

/* HEADINGS */
h1, h2, h3 {font-family: droid sans, trebuchet ms; color: #333;}
h1 {font-size: 28px; color: #C83771; text-shadow: 0 1px 6px #EBADC6;}
h2 {font-size: 22px; color: #D46390; text-shadow: 0 1px 6px #EBADC6;}
h3 {font-size: 16px; color: #999999; text-shadow: 0 1px 6px #BBB;}

/* TABLES */
.table {margin: 10px 0; border-collapse: collapse;}
.table caption {text-align: left;}
.table thead th, .table td {padding: 4px; border: 1px solid #DDD;}
.table tfoot td {border: 0 none;}
.table thead th {color: #888;}
.table tbody tr.light td {background: #FFF;}
.table tbody tr.dark td {background: #EEE;}
.table tbody tr:hover td {background: #CCC;}
.table tbody tr.separator td {background: #DDD; padding: 2px;}

/* LISTS */
ul.sitemap {margin: 0; padding-left: 30px; }
ul.sitemap li {list-style-type: square;}
ul.sitemap li.sub {list-style-type: none;}

/* IMAGES */
img.photo {margin: 2px; padding: 2px; border: 1px solid #CCC; background: #FFF;}
img.photo:hover {border-color: #888;}
#main a.jPhotoScale, #main a.jPhotoScale:hover, #main a.jPhotoDetail, #main a.jPhotoDetail:hover {border: 0 none; background: transparent;}

/* FORMS */
#main .button {
    display: inline-block;
    position: relative;
    padding: 5px 10px 6px;
    border-bottom: 1px solid rgba(0,0,0,0.25);
    background: #222 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpi/v//vwMTAwPDfzjBgMpFI/7hFSOT9Y8qRuF3JLoHAQIMAHYtMmRA+CugAAAAAElFTkSuQmCC") repeat-x;
    color: #fff;
    line-height: 1;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow 0 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    cursor: pointer;
}
#main .button:hover {background-color: #111;}
#main .small.button {font-size: 11px;}
#main .medium.button {font-size: 13px;}
#main .large.button {padding: 8px 14px 9px; font-size: 14px;}
#main .green.button {background-color: #91bd09;}
#main .green.button:hover {background-color: #749a02;}
#main .blue.button {background-color: #2daebf;}
#main .blue.button:hover {background-color: #007d9a;}
#main .red.button {background-color: #e33100;}
#main .red.button:hover {background-color: #872300;}
#main .magenta.button {background-color: #a9014b;}
#main .magenta.button:hover {background-color: #630030;}
#main .orange.button {background-color: #ff5c00;}
#main .orange.button:hover {background-color: #d45500;}
#main .yellow.button {background-color: #ffb515;}
#main .yellow.button:hover {background-color: #fc9200;}

/* MAP */
#google-maps {padding: 2px; height: 400px; border: 1px solid #CCC; background: #FFF;}

/* JQUERY */
#body .jTabs.ui-widget {border: 0 none; font-size: 1em;}
#body .jTabs.ui-widget a {padding: 5px 10px 3px 10px; border: 0 none; background: transparent; color: #333;}
#body .jTabs .ui-tabs-panel {padding: 0;}

/* GALLERY */
.gallery-item {float: left; width: 174px; text-align: center;}

/* REFERENCES */
ul.references {list-style-type: none; margin: 0; padding: 0;}
ul.references li {float: left; width: 50%;}
ul.references li a.thumb {display: block; float: left; position: relative; margin: -14px; padding: 13px; background: url('../../images/drop-shadow.png') no-repeat 0 197px;}
ul.references li a img {z-index: 2; margin: 1px; border: 1px solid #CCC; border-bottom: none;}
ul.references li a:hover img {border-color: #555;}
ul.references li span.glossy {position: absolute; top: 13px; left: 13px; width: 302px; height: 84px; background: url('../../images/glossy-gradient.png') no-repeat;}
.subtitle {margin: -16px 0 12px 0; color: #888;}