/********************************************************************
*                                             ALIGN                                                              *   
/********************************************************************/
body {
    margin:0;
    padding:0;
    width:100%;
    min-width:600px;		/* Minimum width of layout - remove line if not required */
                    /* The min-width property does not work in old versions of Internet Explorer */    
}

#header_div, #menufix_div{
    clear:both;
    float:left;
}


p{margin:30px 20px 0 30px; }
h1, h2{padding:10px 30px; margin-left:30px;}
h3,h4,h5{ margin-left:30px;}
a.right, a.right:visited{ padding-left:15px; }

div.right{ float:left;}
div.left{ float:left;}

.center{
    margin:auto; padding:0; height:100%;
}

.main {
    position:relative;	/* This fixes the IE7 overflow hidden bug */
    clear:both;
    float:left;
    overflow:visible;		/* This chops off any overhanging divs */
}


.menu-right,
.content-left{
    float:left;
    position:relative;
    padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
                    only padding top and bottom is included here, make it whatever value you need */
    overflow:hidden;
}


.body,
.container{
    float:left;
    width:100%;			/* width of page */
    position:relative;
}

.width-1024{ width:1024px; }


#footer_div {
    clear:both;
    float:left;
}

.container{
    float:left;
    width:100%;			
    position:relative;
}

img.image-container {
  position: relative;
  display: block;
} 

div.container-h {
  position: absolute;
  height:200px;
  top: 0.01em;
} 

/*-*-*-*-*-*-*-*-*-*- DIV CONTENEDOR DEL MENU -*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.menufix{  margin:0; padding:0; z-index:999;}
.menu { margin:auto; }

/*-*-*-*-*-*-*-*-*-*- POSICION DE IMAGENES EN PARRAFOS -*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.image-left, .image-right { margin:0 0 0 15px;}
.image-left { float:left;position:relative;z-index:100; margin-left:30px;}
.image-right{ float:right;position:relative;z-index:200;  }
.image-left img, .image-right img{margin:6px 7px;}
.image-center { margin-left:auto; margin-right:auto; display:block}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- FORUM DOCK *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.forum-dock{ float:right; position:relative; margin-top:135px;}
.forum-dock ul {padding:0 3px;margin:0;}
.forum-dock ul li {float:left; position:relative; }
.forum-dock a, .forum-dock  a:visited{ display:block;padding:0;margin:2px; }

    
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- TIPOGRAFIA NOTICIAS *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.notice{  margin-top:30px; float:left; position:relative; }	        
    
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- FOOTER *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/	
    .footer-info { padding-left:300px; padding-top:88px; width:auto; height:auto;}
        .footer-logo { padding-left:520px; margin-top:-112px; position:relative;}
    .footer-w3c{ height:35px; width:250px; position:absolute; margin:-34px 30px;}
    .footer-w3c ul {margin:0; padding:0; position:relative}
    .footer-w3c ul li{float:left; position:relative}
    .footer-w3c ul li a, .footer-w3c ul li a:visited{display:block;}

/********************************************************************
*                                             COOL STUFF                                                     *   
/********************************************************************/

body{    
    background:#ece9d8;
    /*background:#FFF;*/
    font-family:tahoma;
    font-size: 12px;
    font-size:90%;
    border:0;			/* This removes the border around the viewport in old versions of IE */    
}

p{text-align:justify; }

h1{ color:#003380; background:url(../img/ball.png) no-repeat left center; }
h1 { font-size:30px; }
h1.size20{ font-size:20px;}
h2 { font-size:20px; background:#f0f3f8; }
h3,h4,h5{text-decoration:underline; text-align:justify; /*font-style:italic;*/  color:#3771c8; }
h3{font-size:18px; }
h4{font-size:14px;}
h5{font-size:12px; }

a, a:visited{ font-size:12px; font-weight:bold; text-decoration:none; color:#f95; }
a:hover { font-size:13px; color:#f95; font-weight:bold;}
img{  border-style: none;}    

span.waring{ color:red; font-weight:bold; }

.body,
.container{
    background:#FFF;
    /*background:#000080 url(../img/fill.png) repeat-y;*/
}

.strong-em{ font-weight:bold; font-style:italic;}

#footer_div {
    background:#000080 url(../img/footer.png) no-repeat;
}

div.container-h {
  background:url(../img/header.png) no-repeat center center;
} 

/*-*-*-*-*-*-*-*-*-*- DIV CONTENEDOR DEL MENU -*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.menufix{  background:url(../img/mnu-fill.png) repeat-x;}
.menu { font-family:Helvetica}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- FORUM DOCK *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.forum-dock a, .forum-dock  a:visited{ text-decoration:none; font-size:20px;}
.forum-dock h3{ /*padding-top:20px;*/ font-size:18px; color:#F95; font-weight:bold; text-align:center;}    

    
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- TIPOGRAFIA NOTICIAS *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.notice{ background:url(../img/notice-fill.png) repeat-x;}	
.notice a, .notice a:hover{ color:#6793D5; font-size:12px; }
.notice a:hover{ text-decoration:underline; }    
.notice a.right{ float:right;  margin-right:15px;}
       
    
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- FOOTER *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/	
    .footer-info { color:#FFF; }
    /*.footer-info p{ color:#FFF;}*/
    .footer-w3c ul {list-style-type:none; }
    .footer-w3c ul li a, .footer-w3c ul li a:visited{text-decoration:none}