ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

body
{
	color: #505050;
	font-size:0.8em;
}

a
{
  color: #336699;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

.ad img {
	/*height: 246px;*/
}

.clear {
    clear: both;
}

.center {
	text-align: center;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.left {
	float: left;
	text-align: left;
}

.right {
	float: right;
	text-align: right;
}

.justify {
	text-align: justify;
	text-justify: newspaper;
}

h1 {
	font-family: Georgia, serif;
	font-weight: normal;
}

h2 {
}

p
{
  margin: 0px 0px 0px;
  font-size: 1em;
  color: #505050;
}

ul li
{
  list-style: none;
  margin-left: 10px;
  font-size: 1.3em;
}
	
.pro {
	text-align: center;
	width: 100%;
}

.pro th {
	padding: 5px;
	background: #cfcfcf;
	color: #000;
}

td.grey {
  background-image: url("../images/grey.jpg");
  background-repeat: repeat-x;
  background-position:top;
  padding: 0;
}

#top
{
	position: relative;
	padding: 0px;
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 5px 0px;
	text-align: right;
}

#top_menu {
	position: absolute;
    bottom: 0px;
    right: 0px;
}

.title_top {
  background-image: url("../images/title2.png");
  width: 669px;
  text-align: center;
  line-height: 106px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.title {
  width: 581px;
  text-align: center;
  line-height: 70px;
  margin-left: auto;
  margin-right: auto;
}

#lower_menu {
	font-size: 11px;
}

.feed
{
    float:left;
    width: 652px;
    height: 350px;
    padding: 0px;
    background-color: #000;
    border: 5px solid #ccc;
    margin: 0px 0px 30px;
}

.events
{
	float:left;
    width: 925px;
    padding: 0px;
    margin: 0px 0px 30px;
}

#top_ad
{
    width: 240px;
    height: 350px;
    float: left;
    margin: 0px 5px;
    padding: 0px 0px 0px 10px;
    background-color: #fff;
    clear: right;
    color: #555;
}

#top_ad h2
{
    font-size: 1.9em;
    margin: 0px 5px 5px 5px;
    color: #000;
    width: 100%; 
}

#top_ad .date
{
    font-weight: bold;
    padding: 5px;
    margin: 10px 0px 10px;
}

#top_ad ul li
{
    color: #000;
}

div.col {margin-left: 10px; float:left; background:#ccc;}
div.module {background:#eee;margin-bottom:0px;position:relative;border:5px solid #ccc;}
div.module-head {padding:5px;height:30px;}
div.module-head h3 {display:block;margin-left:0px;color:#000;font-size:2.0em;}
div.module-head h3 img { vertical-align:top;margin-right:5px; }
div.module div.wrap {float:left;width:100%;margin:0px;padding:5px 0 5px 0;background:#ccc;}
div.module-footer {}

.events ul li
{
    margin-bottom:10px;
}

.content_bubble_top     { background: url(/images/bubble_top.gif) no-repeat; height: 15px; width: 925px; }
.content_bubble         { background-color: #f1f1f1; float: left; width: 925px;}
.content_bubble_bottom  { background: url(/images/bubble_bottom.gif) no-repeat; clear: left; height: 14px; width: 925px; }
.content_column         { float: left; margin-left: 20px; width: 30%; }
.content_column img     { float: left; margin: 0 10px 0 0; }
.content_double_column  { float: left; margin-left: 20px; width: 60%; }
.content_double_column ul li { list-style-type: disc; margin-left: 30px; }
.content_double_column ol li { list-style-type: decimal; margin-left: 30px; }
.content_full_column    { float: left; margin-left: 20px; }
.content_body           { margin: 10px 10px; }
.content_body h2        { margin: 10px; }
.content_body h3        { color: #222; font: normal 1.7em/1 arial,sans-serif; letter-spacing: -0.4px; margin-bottom: 15px; }
.content_body p         { color: #444; font-size: 1.2em; margin-bottom: 1.2em; }

/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    /*font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;*/
    font-family: arial, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

.buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}




/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* LISTS */

button.list, .buttons a.list{
	background-color:#f5f5f5;
	width: 210px;
}

.buttons a.list:hover {
	background-color:#fefeee;
	border:1px solid #d12f19;
}

button.event_list, .buttons a.event_list{
    background-color:#f5f5f5;
    width: 90%;
}

.buttons a.event_list:hover {
    background-color:#fefeee;
    border:1px solid #d12f19;
}

.buttons .event_list .time_green {
    margin-right:10px;
    color:green;
    font-size:90%;
    font-weight:normal;
}

.buttons .event_list .time_red {
    margin-right:10px;
    color:maroon;
    font-size:90%;
    font-weight:normal;
}

.buttons .event_list .time_blue {
    margin-right:10px;
    color:blue;
    font-size:90%;
    font-weight:bold;
}

.buttons event_list img, .buttons a.event_list img{
    margin:0 10px -5px 0 !important;
    padding:0;
    border:none;
    width:32px;
    height:32px;
}

/* FOOTER */

#footer {
    /*background: #fff url(../images/footer.png) top center repeat-x;*/
    background: #fff;
    text-align: center;
    color: #898378;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    clear: both;
}

#footer a:link,
#footer a:visited {
    color: #898378;
    text-decoration: none;
}

#footer a:hover,
#footer a:active {
    color: #69645c;
    text-decoration: underline;
}

#footer-contents {
    width: 925px;
    text-align: left;
    margin: auto;
    /*padding: 35px;*/
}

#subfooter {
    /*background: #fff url(../images/footer.png) top center repeat-x; */
    text-align: center;
    color: #898378;
    margin-top: 50px;
    clear: both;
}



.style_lien_res {
color: rgb(90,90,90);
	font-size: 12px;
	font-family:  Arial, Verdana, Helvetica, sans-serif;

	}
a:style_lien_res {/* Les liens */
  text-decoration: none;

  }

a:style_lien_res:visited {/* avant le :hover  */
  text-decoration: none;
  }

a:style_lien_res:hover {/* lorsque la souris pointe dessus */
  text-decoration: underline;
  }


#subfooter-contents {
    /*background: url(../images/footer.png) top center repeat-x;*/
    width: 925px;
    text-align: left;
    margin: auto;
    padding: 0px;
}

#clearend {
    height: 100px;
}

#end {
    background-repeat: repeat-x;
    background-position: center top;
    height: 180px;
    padding-top: 10px;
    margin: -50px auto 0 auto;
}

.footer-cats {
    width: 925px;
    text-align: left;
    margin: auto;
    padding-top: 35px;
}

.mod_footer {
	height: 160px;
	width: 160px;
	margin-bottom: 10px;
	padding-left: 4px;
	padding-right: 4px;
	margin-left: 5px;
	margin-right: 5px;
	border-left: #ccc dotted 1px;
	float: left;
}

.mod_footer a:link, .mod_footer a:active, .mod_footer a:visited  {
font-family: verdana;
font-size: 90%;
color: #999;
text-decoration: none; }

.mod_footer a:hover  {
color: #336699;
text-decoration: underline; }

/* MOD BLOCKS */

.mod_3 {
height: 350px;
width: 290px;
margin: 5px;
padding-right: 4px;
margin-right: 5px;
float: left;
}

.mod_3 .body {
    margin: 10px;
	clear:both;	
}
	
/* LINEMENU */

.headline {
    width: 100%;
    float: left;
    margin: 10px 0px 10px 0px;
}

.headline h2 {
    background: #fff;
    float: left;
    word-spacing: -0.1em;
    padding-right: 5px;
    font: normal 3em/1 arial,sans-serif;
    letter-spacing: -0.03em;
    clear: left;
    color: #4E463F;
}

.headline .tool, .izlazim, .neizlazim, .selector .tool:visited {
    float: right;
    font-weight: bold;
    text-decoration: none;
    color: #e37400;
    padding: 2px 1px;
    border: 4px solid #fff;
    background: #fff;
    margin-top: 3px;
    height: 20px;
    word-spacing: -0.1em;
}

.headline span.tool {
    background: #e37400 url(/images/orange.gif) 100% 0px no-repeat;
    padding: 0;
    height: auto;
} /*ie6*/

.headline span.tool strong {
    display: block;
    background: url(/images/orange.gif) 0 0px no-repeat;
    color: #fff;
    padding: 2px 6px;
    height: 16px;
}

.headline a.tool:hover {
    text-decoration: underline;
}

.headline select {
    font-size: 100%;
}

.izlazim {
    background: #addb63 url(/images/green.gif) 100% 0px no-repeat;
    padding: 0;
    height: auto;
} /*ie6*/

.izlazim strong {
    display: block;
    background: url(/images/green.gif) 0 0px no-repeat;
    color: #fff;
    padding: 2px 6px;
    height: 16px;
}

.neizlazim {
    background: #fa5410 url(/images/red.gif) 100% 0px no-repeat;
    padding: 0;
    height: auto;
} /*ie6*/

.neizlazim strong {
    display: block;
    background: url(/images/red.gif) 0 0px no-repeat;
    color: #fff;
    padding: 2px 6px;
    height: 16px;
}

/* SLIDER */

    .app { padding: 0px 5px 0px 5px; width: 32%; float: left; display: block; border-left: #ccc 1px dashed; }
        .app h2 { padding-top: 5px; margin-top: 0px; background: #b6d7fb; width:910px;}
        .app h2 a:hover { text-decoration: none; }
        .app img { float: left; }
        
    #slide{
                overflow:hidden;
                width:915px;
                position:relative;
                height:452px;
                float:left;
                margin-top: -10px;
            }
                #slide ul {
                    margin-left: -10px;
                    list-style: none;
                }

                #slide a{
                    color:#777;
                    text-decoration:none;
                }
                #slide a:hover {
                    color:#D90000;
                    text-decoration:none;
                }
                
    .section{
                width:9000px;
                position:relative;
            }

                .section .sub{
                    position:relative;
                    float:left;
                    padding-right: 75px;
                    width:850px;
                    height:452px;
                }
                
                    .section .sub .app h1 a {
                        width: 530px;
                        display: block;
                        font-size: 25px;
                        line-height: 110%;
                    }
                    
                    .section .sub img { float: left; margin-right: 10px; }
                    
                    .section .sub p {
                        width:900px;
                    }
                    
                    .section .next, .section .prev{
                        position:absolute;
                        bottom:15px;
                        letter-spacing:-2px;
                    }
                    .section .next {
                        right:30px;
                    }
                    .section #next {
                        width: 35px;
                        height: 35px;
                        background: url(/images/right.gif) no-repeat 0 top;                 
                    }
                    .section #next:hover {
                        width: 35px;
                        height: 35px;
                        background: url(/images/right-over.gif) no-repeat 0 top;
                    }
                    .section #prev {
                        width: 35px;
                        height: 35px;
                        background: url(/images/left.gif) no-repeat 0 top;                  
                    }
                    .section #prev:hover {
                        width: 35px;
                        height: 35px;
                        background: url(/images/left-over.gif) no-repeat 0 top;
                    }
                    .section .prev{
                        right:65px;
                    }

/* IMAGE SHADOW */

.dropshadow {
	/*float:left;*/
	clear:left;
	background: url(shadow-png.png) no-repeat bottom right !important;
	/* respectful browsers (e.g. Firefox/Opera/Safari) ONLY take notice of this line*/
	background: none;
	/* disrespectful browsers clear the background graphic, in this case allowing the alpha filter to work in IE5.5 and 6 */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='shadow-png.png'); /* the MS alpha filter */
	margin: 10px;
	margin-left: 15px;
	/*height: 236px;*/
}

.dropshadow img {
	position:relative;
	bottom: 6px;
	right: 8px;
	border: 1px solid #eee;
	border-color: #eee #888 #666 #ddd;
	background:#fff;
	padding:8px 6px 15px 6px; /* gives us the white area - but not in IE5 + IE5.5 */
	margin: 0px;
}

a.ref_google {/* Les liens */
  text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: rgb(190,190,190);
  }

a.ref_google:visited {/* avant le :hover  */
  text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;

  }

a.ref_google:hover {/* lorsque la souris pointe dessus */
  text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;

  }





  

