@import "reset.css";
@import "prettyPhoto.css";
@import "jquery.jscrollpane.css";
@import "jplayer.css";

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.clear {clear:both;}
.table {display:table;}
.wrapper {width:100%; overflow:hidden;}
.relative {position:relative;}
.absolute {position:absolute;}

/* Global properties ======================================================== */
body, html {height:100%; font-family:Arial, Helvetica, sans-serif;}

p{ text-align:justify;}

body{ background:#141516; border:0; font: 12px Arial, Helvetica, sans-serif; color:#000; line-height:18px;  position:relative; overflow:hidden;}

.spinner{ position:absolute; z-index:99; background:url(../images/loader.gif) 50% 50% no-repeat #141516; width:100%; height:100%; top:0; left:0}

#bgStretch {overflow:hidden;z-index:-1; position:fixed}
.bgspinner {width:100%;height:100%;position: fixed;z-index:0;left:0;top:0;background: url(../images/loader.gif) center center no-repeat;}

.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -33px; overflow:hidden; position:relative; z-index:10; background:url(../images/px1.png) 0 0 repeat;}

.block1{ height:0px;}

#pagination { position: absolute; width:100%; height:28px; z-index:11; left:0; bottom:36%; margin-bottom:-175px; text-align:center;}


/*

#pagination ul{ text-align:center; width:100%; height:28px; display:block; position:relative;}
#pagination li{position:relative; margin:0 2px 0 2px; display:inline-block;}
#pagination a{ display:block; background:url(../images/pagination.png) left top no-repeat; width:28px; height:28px;}
#pagination a:hover, #pagination .active a{ background-position:right}

*/



header{ width:100%; height:57px;  position:absolute; left:0; top:0; z-index:2;}
.top1{  height:57px; margin:0 auto;}

.logo { display: inline-block;text-decoration:none; float:left;}
.logo .txt1 { height:57px; background:#fff; font-family:'arial'; font-size:40px; color:#fff; line-height:90px; text-decoration:none; text-transform:uppercase; letter-spacing:0px; padding:10px 25px; }
.logo .txt2 { height:33px; background:#f27d28; font-family:'arial'; font-size:16px; color:#fff; line-height:33px; text-decoration:none; text-transform:uppercase; letter-spacing:1px; padding:0 25px;}

.main1 {position:relative;  margin:0 auto; z-index:1;}
.main2 {position:relative; }

footer{ width:100%; height:33px; bottom:3px; background:#141516; position: absolute; z-index:20;}

.copyright{color:#b4b4b4; line-height:33px;float:left; padding-left:10px; float:left;}
.copyright a { color:#fff; text-decoration: underline;}

.tola{ float:right; width:156px; height:18px; background: url(../images/sound_bg.png) 0 0 no-repeat; margin-right:15px; margin-top:9px; margin-left:60px;}

.icons { float:right; padding-top:3px; padding-right:10px;}
.icons > li { display:inline-block; padding:0 2px;position:relative;}
.icons > li > a{display:block; width:100%; height:30px;}

.icons_txt{ line-height:33px; color:#f5f5f5; float:right; padding-right:10px;}





/*===================== jScrollPane =====================*/

.scroll-pane{width: 100%; height:450px; overflow: auto;}


/*================= Contacts =========================*/

#note{ width:440px;}
.notification_error{ color:#f00; margin-bottom:5px }
.notification_ok{ text-align: center;} 

#ajax-contact-form label{float:left; width: 100px; line-height:31px; color:#b3b3b3;}

input{ float:left;  height:29px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; background:#fff; border: 1px solid #37444b; margin-bottom:5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

textarea{ float:left; width:330px; height:120px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; background:#fff; border: 1px solid #37444b; margin-bottom:5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

#ajax-contact-form img{float:left; width:90px; height:31px; margin-bottom:5px;}

input.capthca{ float:left; width:100px; margin-bottom:5px; margin-left:10px;}

input.submit{ width:100px; height:30px; cursor:pointer; background:url(../images/submit.png) left top no-repeat; border:none; margin:5px 0 0 0px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; text-transform:uppercase; font-size:14px; font-family:'arial'; color:#636364; }
input.submit:hover{ color:#fff;background-position:bottom;}





.tabbo{}

.tabbo td{ border: solid 1px #CCCCCC; padding-left:10px;}