/* CSS Document */

body {
	background-image:url(images/backgrounds/body2.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	margin:0;

}

table { 
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
        }
td {
     padding-left: 20px;
     }
a {
	color:#CC6666;
}
a:hover {
	border-bottom:1px solid
}
li {
	list-style-image:url(images/backgrounds/bullet.gif);
}
h1,h2,h3 {
	color:#dd0000;
	border-bottom:1px dashed #cccccc;
	margin-top:10px;
	margin-bottom:5px;
	/* font-size:200%; */
	padding-bottom:3px;
	line-height: normal;
}

#centercontainer h1, #leftcontainer h1 {
	font-size: 24px;
}

#centercontainer h2, #leftcontainer h2 {
	font-size: 16px;
}

#centercontainer h3, #leftcontainer h3 {
        font-size: 12px;
}

img { 
      margin: auto; 
      padding:1px; 
      background:#ffffff; 
      border:1px solid #d0d0d0;
      }

.left-img { 
            float: left;
            margin: 5px 20px 5px 0px; 
      }

.right-img { 
             float: right;
             margin: 5px 0px 5px 10px; 
      }

#container {
	width:630px;
	padding:10px;
	padding-top:0;
	margin:0 auto 0 auto;
	background-image:url(images/backgrounds/main.jpg);
	background-repeat:repeat-y;
}
#topcontainer {
	width:100%;
	clear:both;
}

#leftcontainer { 
                 width:410px;
                 padding:5px;
                 border:1px solid #cccccc;
                 border-right:1px solid #eeeeee;
                 border-bottom:1px solid #eeeeee;
                 margin:0 auto 0 auto;
                 margin-bottom:10px;
                 line-height:20px;
                 float:left;
}

#leftcontainer img { 
                     margin: 0px 0px 15px 15px;
                     }

#rightcontainer {
        width:180px;
	padding:5px;
	background-color:#ffffff;
	border:1px solid #cccccc;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
        margin:0 auto 0 auto;
	margin-bottom:10px;
        float: right;
}

#rightcontainer h2 {
                     color:#990000;
                     border-bottom:1px dashed #cccccc;
                     margin-top:10px;
                     margin-bottom:0px;
                     font-size:120%;
                     padding-bottom:0px;
                     }

#rightcontainer h1 {
                     font-size: 160%;
                     }

#centercontainer {
	clear:both;
	width:610px;
	padding:5px;
	background-color:#ffffff;
	border:1px solid #cccccc;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	margin-right:200px;
	margin:0 auto 0 auto;
        line-height:20px;
	margin-bottom:10px;
}

.content {
	clear:both;
	width:610px;
	padding:5px;
	background-color:#ffffff;
	border:1px solid #cccccc;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	margin-right:200px;
	margin:0 auto 0 auto;
	line-height:20px;
	margin-bottom:10px;
}
#website_title {
                 background-color:#dd0000;
                 padding:10px;
                 width:320px;
                 float:left;
                 font-family:Arial Narrow, Arial, Helvetica, sans-serif;
                 color:#FFFFFF;
                 font-size:36px;
                 height:100px;
                 font-weight:bold;
                 border:0px; /*1px solid #000000;*/
                 /*margin-bottom:15px;*/
}
#website_logo {
                background-color:#dd0000;
                text-align: center;
                padding:0px;
                width:290px;
                float:right; 
                color:#FFFFFF;
                height:120px;
                border: 0px;
                margin: 0px;
                /*	margin-bottom:15px;*/
}

#website_logo img { 
                    border: 0px;
                    margin: 0px;
                    padding: 0px;}

#menu {
        clear: both;
        font-size: 11px;
	background-color:#dddddd;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:10px;
        width:608px;
	float:left;
	/* height:20px; */
	margin-bottom:20px;
}
#menu a {
	/* float:left; */
        /* width:250px; */
	background-image:url(images/backgrounds/menua.jpg);
	padding:4px;
	border-left:1px solid #ffffff;
	border-top:1px solid #ffffff;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	margin-bottom:1px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
#menu a:hover {
	border-left:1px solid #999999;
	border-top:1px solid #999999;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	background-image:url(images/backgrounds/menuahover.jpg);
	background-position:bottom;
}

blockquote {
             font-size: 13px;
             font-style: italic;
             margin-top: 15px;
             margin-bottom: 15px;
             padding: 30px;
             border: 1px dotted #d0d0d0;
             background-image: url(images/backgrounds/blockquote.png);
             background-repeat: no-repeat;
             display: block;
             clear: both;
}

.header-left img { 
                   clear: none;
                   position: absolute;
                   border: 0px;
                   margin: 0px;
                   float: left;
                   }

.header-right img { 
                    clear: none;
                    /*position: absolute;*/
                    border: 0px;
                    float: right;
                    margin: 0px;
                    }

.news, .links { /*background-color: #eeeeee;
        border-bottom: 1px solid #cccccc; */
}

.pregons { 
           float: left;
           text-align: center;
           width: 170px;
           height: 250px;
           display: block;
           background-color: #fefefe;
           border: 1px solid #cccccc;
           margin: 10px 5px 5px 5px;
           padding: 2px;
           }

.fotos { 
           float: left;
           text-align: center;
           width: 276px;
           height: 250px;
           display: block;
           background-color: #fefefe;
           border: 1px solid #cccccc;
           margin: 10px 10px 5px 10px;
           padding: 2px;
           }

.news h4, .links h4 { margin: 0px;
           padding: 0px; 
           text-align: right;
           font-size: 11px;
}

.pregons h4, .fotos h4 { margin: 0px;
              padding: 0px; 
              text-align: center;
              font-size: 12px;
              border-bottom:1px solid #cccccc;
}

.news h2, .links h2 { clear: both;
}

.pregonstitol { 
                margin: 0px 0px 5px 0px;
                color:#dd0000;
                border-bottom:1px dashed #cccccc;
                font-size: 1.1em;
                font-weight:bold;
                white-space: normal;
              }

.news p, .links p { margin-top: 2px;
          margin-bottom: 2px;
          line-height:normal;
          font-size: 1em;
}

#rightcontainer .news p { font-size:11px; }

.pregons p, .fotos p { 
             margin-top: 2px;
             margin-bottom: 2px;
             line-height:normal;
             font-size: 11px;
             text-align: justify;
}

.newsimg { margin-right: 10px;
           margin-bottom: 10px;
           float: left;
           }

.button { vertical-align: middle;
          border:none;
          margin-bottom: 1px;}

.label { width: 100px;
         border: 1px dashed #dddddd;
         display: block;
         float: left;
         clear: left;
         }

.categories {
        clear: both;
	padding:10px;
}
.categories a {
                font-size: 1.2em;
                width:250px;
                margin: 1px;
                padding:4px;
                text-decoration:none;
                font-weight:bold;
}
.categories a:hover, .active-categoria {
                      width:250px;
                      padding:4px;
                      margin: 0px;
                      border:1px solid #999999;
                      }

.footercontent {
	clear:both;
	width:610px;
	padding:5px;
	background-color:#dddddd;
	border:1px solid #cccccc;
        margin-right:200px;
	margin:0 auto 0 auto;
	line-height:20px;
	margin-bottom:10px;
}
.footercontent a {
	font-weight:bold;
	text-decoration:none;
	color:#999999;
}
.footercontent a:hover {
	text-decoration:underline;
}

.paragraph { 
             clear: both;
             display: block;}

#footer {
	width:650px;
	margin:0 auto 0 auto;
	background-image:url(images/backgrounds/footer.jpg);
	height:20px;
}