@import url(navi.css);
@import url(forms.css);
@import url(tables.css);
@import url(featured_slide.css);
@import url(loginslider.css);

body{
    margin:0;
    padding:0;
    font-size:12px;
    font-family:verdana, Arial, Helvetica, sans-serif;
    color:#333333;
    background-color:#212121;
}

img{display:block; margin:0; padding:0; border:none;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart{list-style-type:none; margin:0; padding:0;}
.clear{clear:both;}
br.clear{clear:both; margin-top:-15px;}

a{outline:none; text-decoration:none;}

.fl_left{float:left;}
.fl_right{float:right;}

.imgl, .imgr{border:1px solid #999999; padding:5px;}
.imgl{float:left; margin:0 18px 18px 0; clear:left;}
.imgr{float:right; margin:0 0 18px 18px; clear:right;}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{
    display:block;
    width:100%;
    margin:0;
    text-align:left;
}

div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{
    margin:0;
    padding:0;
    font-size:20px;
    font-weight:normal;
    line-height:normal;
    font-family:Georgia, "Times New Roman", Times, serif;
}

#copyright p{
    line-height:1.4em !important;
}

div.wrapper h1{
    color: #C12222;
}

p{
    line-height: 1.8em !important;
}

li{
    line-height: 1.8em !important;
}

.subnav ul li a:hover{
    text-decoration: underline;
}

#banner{
    background: url('/images/textura-negra.jpg') repeat scroll 0 0 #222222;
    border-bottom: 1px solid #CBCBCB !important;
}

#image-slide-div{
    border-bottom: 1px solid white !important;
    border-top: 1px solid #262626 !important;
    background: url('/images/textura-gris.jpg') repeat scroll 0 0 #CBCBCB;
}

#navigation-div{
    border-bottom: 1px solid white !important;
    border-top: 1px solid #262626 !important;
    background: url('/images/textura-gris.jpg') repeat scroll 0 0 #CBCBCB;
}

#home-content-div{
    border-top: 1px solid #CBCBCB !important;
    border-bottom: 1px solid #262626 !important;
    background-attachment: fixed;
    background-color: #F3F3F3;
    background-image: url("/images/noise.png"), linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2));
}

#footer-div{
    background: url('/images/textura-negra.jpg') repeat scroll 0 0 #222222;
    background-color:black !important;
    border-top: 1px solid white !important;
    box-shadow: 10px black !important;
}

.col0{color:#FFFFFF; background-color:#2D3134; border-top:5px solid #4A5155;}
.col1, .col1 a{color:white; font-weight: bold;}
.col2{color:#FFFFFF; background-color:#CBCBCB; padding:15px 0}
.col3{color:#666666; background-color:#FFFFFF;}
.col3 a{color:#AD2626;}
.col4{color:#CCCCCC; background-color:#2A2B2F;}
.col4 a{color:#02ACEE; background-color:#2A2B2F;}
.col5, .col5 a{color:#666666;}

/* ----------------------------------------------Generalise-------------------------------------*/

#header, #topbar, #topnav, #breadcrumb, #homecontent, #container, #footer, #copyright{
    position:relative;
    margin:0 auto 0;
    display:block;
    width:1024px;
}

/* ----------------------------------------------Header-------------------------------------*/

#header{
    padding:0 0 8px 0;
}

#header #logo{
    display:block;
    float:left;
    width:210px;
    margin-top:7px;
    overflow:hidden;
    text-shadow:1px 1px #444444;
}

#logo-img{
    width:48px; 
    float:left;
}

#logo-text{
    font-size:15px; 
    width:150px;  
    float:right; 
    margin-left:5px; 
    margin-top:5px;
}

#header #logo h1, #header p, #header ul{
    margin:0;
    padding:0;
    list-style:none;
    line-height:normal;
}

#header #logo h1{
    font-size:32px;
}

/* ----------------------------------------------BreadCrumb-------------------------------------*/

#breadcrumb a{
    color:#FFFFFF;
    background-color:#C12222;
    padding:3px;
}

.first{color: black !important;}        

#breadcrumb ul{
    margin:0;
    padding:0;
    list-style:none;
}

#breadcrumb ul li{display:inline;}
#breadcrumb ul li.current a{text-decoration:underline;}

/* ----------------------------------------------Container-------------------------------------*/

#container{
    padding:20px 0;
}

#container h1{
    font-size:20px;
    margin:0 0 15px 0;
    padding-bottom:8px;
    color:#C12222;
    border-bottom:1px dotted #999999;
}


#container h2,  #container h4, #container h5, #container h6, #homecontent h2{
    font-size:19px;
    margin:0 0 15px 0;
    padding-bottom:8px;
    color:#C12222;
}

#container h3{
    font-size:18px;
    margin:0 0 15px 0;
    padding-bottom:8px;
    color:#666666;
}

a p{
    color:#666666;
}

/* ----------------------------------------------Homepage-------------------------------------*/

#homecontent{
    padding:20px 0;
    line-height:1.3em;
}

#homecontent img{
    padding:4px;
    border:1px solid #999999;
}

#homecontent ul{
    margin:0;
    padding:0;
    list-style:none;
}

#homecontent p.readmore{
    font-weight:bold;
    text-align:right;
    color: #C12222 !important;
}

/* Left Column */

#homecontent .fl_left{
    display:block;
    float:left;
    width:530px;
}

#homecontent .fl_left .column2{
    display:block;
    width:530px;
}

#homecontent .fl_left li{
    display:block;
    float:left;
    width:250px;
    margin:0 30px 30px 0;
    padding:0;
}

#homecontent .fl_left li.last{margin-right:0;}

#homecontent .fl_left p.readmore{
    display:block;
    width:240px;
    padding:5px;
    text-align:right;
    line-height:normal;
    font-weight:bold;
}

/* Right Column */

#homecontent .fl_right{
    display:block;
    float:right;
    width:385px;
}

#homecontent .fl_right li{
    display:block;
    width:385px;
    margin:0 0 10px 0;
    padding:0 0 8px 0;
    border-bottom:1px dotted #999999;
}

#homecontent .fl_right img{
    float:left;
    width:80px;
    height:80px;
    margin:0 10px 0 0;
}

/* ----------------------------------------------Content-------------------------------------*/

#content{
    display:block;
    float:left;
    width:600px;
}

/* ------Comments-----*/

#comments{margin-bottom:40px;}

#comments .commentlist {margin:0; padding:0;}

#comments .commentlist ul{margin:0; padding:0; list-style:none;}

#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}

#comments .commentlist li.comment_odd{color:#666666; background-color:#F7F7F7;}
#comments .commentlist li.comment_odd a{color:#02ACEE; background-color:#F7F7F7;}

#comments .commentlist li.comment_even{color:#666666; background-color:#E8E8E8;}
#comments .commentlist li.comment_even a{color:#02ACEE; background-color:#E8E8E8;}

#comments .commentlist .author .name{font-weight:bold;}
#comments .commentlist .submitdate{font-size:smaller;}

#comments .commentlist p{margin:10px 5px 10px 0; padding:0; font-weight: normal;text-transform: none;}

#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}

/* ----------------------------------------------Column-------------------------------------*/

#column{
    display:block;
    float:right;
    width:300px;
}

#column .holder, #column #featured{
    display:block;
    width:300px;
    margin-bottom:20px;
}

#column .holder h2.title{
    display:block;
    width:100%;
    height:65px;
    margin:0;
    padding:15px 0 0 0;
    font-size:20px;
    line-height:normal;
    border-bottom:1px dotted #999999;
}

#column .holder h2.title img{
    float:left;
    margin:-15px 8px 0 0;
    padding:5px;
    border:1px solid #999999;
}

#column div.imgholder{
    display:block;
    width:290px;
    margin:0 0 10px 0;
    padding:4px;
    border:1px solid #CCCCCC;
}

#column .holder p.readmore{
    display:block;
    width:100%;
    font-weight:bold;
    text-align:right;
    line-height:normal;
}

/* Featured Block */

#column #featured ul, #column #featured h2, #column #featured p{
    margin:0;
    padding:0;
    list-style:none;
    color:#666666;
    background-color:#F9F9F9;
}

#column #featured a{
    color:#02ACEE;
    background-color:#F9F9F9;
}

#column #featured li{
    display:block;
    width:250px;
    margin:0;
    padding:20px 25px;
    color:#666666;
    background-color:#F9F9F9;
}

#column #featured li p.imgholder{
    display:block;
    width:240px;
    height:90px;
    margin:20px 0 15px 0;
    padding:4px;
    border:1px solid #CCCCCC;
}

#column #featured li h2{
    margin:0;
    padding:0 0 8px 0;
    font-weight:normal;
    font-family:Georgia, "Times New Roman", Times, serif;
    line-height:normal;
    border-bottom:1px dotted #999999;
}

#column #featured p.readmore{
    display:block;
    width:100%;
    margin-top:15px;
    font-weight:bold;
    text-align:right;
    line-height:normal;
}

#column #latestnews{
    display:block;
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
}

#column #latestnews li{
    display:block;
    margin:0 0 20px 0;
    padding:0 0 15px 0;
    border-bottom:1px dotted #CCCCCC;
}

#column #latestnews li.last{
    margin-bottom:0;
}

#column #latestnews p{
    margin:0 0 5px 0;
    padding:0;
}

#column #latestnews p.readmore{
    margin:0;
    padding:0;
}

#column #latestnews .imgl{
    margin:0 10px 10px 0;
    padding:4px;
}

/* ----------------------------------------------Footer-------------------------------------*/

#footer{
    padding:20px 0;
}

#footer h2, #footer p, #footer ul, #footer a{
    margin:0;
    padding:0;
    font-weight:normal;
    list-style:none;
    line-height:normal;
}

#footer h2{
    font-size:18px;
    font-weight:normal;
    margin-bottom:10px;
    padding-bottom:8px;
    border-bottom:1px dotted #999999;
}

#footer li{
    margin-bottom:5px;
}

#footer .footbox{
    display:block;
    float:left;
    width:180px;
    margin:0 15px 0 0;
    padding:0;
}

#footer .last{
    margin:0;
}

/* ----------------------------------------------Copyright-------------------------------------*/

#copyright{
    padding:15px 0;
    text-align:center;
}

#contact-mail{
    color:#02ACEE !important;
}

#copyright p{
    margin:0;
    padding:0;
}

/* --------------------------------------------------------------------------------------------*/

.story-div{
     border-bottom:1px dotted #999999; 
     padding: 10px 20px; 
     margin-bottom:20px;
     cursor:pointer;     
}

.story-div div h2{
    margin-top:10px;
    padding-bottom:5px !important;
    float:left;
}

.story-div div img{
    float:right; 
    width:32px !important; 
    border:0px !important;
    display:none;
}


.modal-window-title-icon{
    width:20px;
    float:left; 
    margin-right:15px;
}

.modal-window-title-text{
    float:left; 
    display:inline;
}

.modal-window table{
    border:0px !important;
    margin-bottom:0px !important;
}

.modal-window table tbody td{
    border-left:0px !important;
    border-right:0px !important;
}

.modal-window-body-div{
    padding:20px !important;
}

.modal-window-button-row{
    text-align: center; 
    padding:20px; 
    margin-top:15px;
}

.button{
    margin:0px auto !important; 
    font-size:12px; 
    height:32px; 
    font-weight: normal;
}

.button-img{
    width:16px; 
    margin-top:3px;
}

.modal-window-msg-div{
    padding:10px;
    display:none;
}

.modal-window-msg-td{
    height:60px;
}

.expander-head{
    float:left;
}

.expander-body{
    padding-top:20px;
    padding-bottom:20px;
    padding-left:5%;
    padding-right:5%;
    width:90%;
    text-align:left;
}

.calendar-home-div{
    border-bottom:1px solid #A0A0A0; 
}

.calendar-div{
    margin-top:50px;
}

.expander-head-img{
    float: left;
    margin-left: 10px;
    margin-right: 15px;
    width: 16px;
}

.expander-head-text{
    display: inline;
    float: left;
}

.jqx-expander-arrow-custom{
    margin-top:0px !important;
    margin-right:10px !important;
}