/* ---
Design for Super replicas, design by Kengreg.
-- */

body 
{
background: #fff url(../images/back.jpg) no-repeat fixed bottom;
font-weight:normal;
font-size: 12px;
font-family:arial, sans-serif   
    }
    


h1, h2, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:15px 0;}


ul.ul-01 {margin:15px 0; list-style:none;}
ul.ul-01 li {padding:2px 0 2px 25px; background:url("../images/ul-01.gif") 0 50% no-repeat; font-size:85%;}

ul.ul-list {margin:15px 0; list-style:none;}
ul.ul-list li {padding:1px 0;}
ul.ul-list span.date {padding-right:10px;}


#main {
width:960px;
 margin:0 auto;
 overflow:hidden;
 }

#header {
position:relative; 
height:288px; 
padding:30px 20px 15px 20px;
background:url("../images/header.jpg") no-repeat;
}

#homepage {margin-left: -7px;}
    
#date {position:absolute;
 top:15px;
  right: 10px;
   margin:0;}
   
#date span {margin:0 8px;}
#date #date-active {
font-weight:bold;
 text-decoration:none;
 }
 
 #menu_prin {
position:relative;
 width:960px;
 height: 118px;
 margin-top: -40px;
 overflow:hidden;
}


    
#menuprincipal {
position:relative;
 width:960px;
 height:45px;
 margin-top: -40px;
 background:url("../images/tray.gif") 0 0 no-repeat;
 overflow:hidden;
 font:bold 90%/1 "tahoma",sans-serif;
}



    #footer {
    
clear:both; 
padding:10px 20px 10px 10px; 
font-size:85%;
background-color:#000000;
}
    
    #footer p {
    margin:0;}



#col-top {width:960px; height:5px; margin-top: 5px; background:url("../images/col-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#col-bottom {width:960px; height:5px; margin-bottom:15px; background:url("../images/col-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;overflow:hidden; }
#col {position:relative; padding:0px 0px 15px 20px; background:url("../images/col.gif") 0 0 repeat-y;}
  

    #col-text {float:right; width:940px; padding-top:4px; line-height:1.7;}


   .sangria {padding-left:6px;
   padding-right: 12px;
   padding-top: 5px;
   padding-bottom: 7px; }

#cols2-top {width:960px; height:5px; margin-top:15px; background:url("../images/cols2-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols2-bottom {width:960px; height:5px; margin-bottom:15px; background:url("../images/cols2-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols2 {background:url("../images/cols2.gif") 0 0 repeat-y;}

    #cols2 #col-left {float:left; width:595px; padding:10px; }
    #cols2 #col-right {float:right; width:268px; margin-right:1px; padding:20px;}
    
        #cols2 #col-left h4, #cols2 #col-right h4 {margin:0; font-size:100%;}

        #cols2 #col-left .title h4 {display:inline; padding-right:10px;}
        #cols2 #col-left .title span {padding-left:10px;}

        #cols2 .box {margin-top:15px;}
        #cols2 #col-right h4 {background:url("../images/dot-02.gif") 0 50% repeat-x;}
        #cols2 #col-right h4 span {padding-right:10px;}
        #cols2 .col-right-img {float:left; width:65px;}
        #cols2 .col-right-text {float:left; width:240px;}
        #cols2 .col-right-text p {margin:0;}

#cols3-top {width:960px; height:5px; margin-top:15px; background:url("../images/top_columna3.jpg") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols3-bottom {width:960px; height:5px; margin-bottom:15px; background:url("../images/cols3-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols3 {background:url("../images/cols3.gif") 0 0 repeat-y;}

    .col {float:left; width:308px; padding:0 1px; margin-right:15px;}
    .col.last {margin-right:0;}
    .col h3 {margin:0; padding:7px 15px 12px 50px; font-size:120%;}

        .col-text {padding:0px; border-top:1px solid #DFDFDF;}
        .col-text p {margin:0;}
        .col-text ul {margin-bottom:0;}
        .col-more {padding:10px 10px 1px 0; text-align:right;}
        
#col-top, #col-bottom, #col {background-color:#F4F4F1;}

#cols3 .col h3 {background-color:#8a0202; color:#f7df1b;}
#cols3 .col h3 a {color:#f7df1b;}
#cols3 .col h3 a:hover {color:#000;}
#cols3 .col-more {background:#ffffff;}

#cols2 #col-left .title h4, #cols2 #col-right h4 {color:#898a6b;}
#cols2 #col-left .title h4, #cols2 #col-left .title span {background-color:#fff;}
#cols2 #col-left .article {color:#0891c1;}
#cols2 #col-left a:hover.article {color:#000;}


#cols2 #col-right {background-color:#F4F4F1;}
#cols2 #col-right h4 span {background-color:#F4F4F1;}
        



.smaller {font-size:85%;}


/* ---
ESTE ES EL MENU DE LINKS
-- */

div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 145px;
  width: 609px;
  /* Add scroll-bars */
  overflow: auto;
  border: 3px double;;
}
ul.sc_menu {
  display: block;
  height: 110px;
  /* Max width here, for users without Javascript */
  width: 800px;
  padding: 15px 0 0 15px;
  /* Remove default margin */
  margin: 0;
  background: #ffffff;
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 4px;
}
.sc_menu a {
  display: block;
  text-decoration: none;
}
.sc_menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #000000;
}

.sc_menu span {
  display: none;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #000000;
}
.sc_menu a:hover span {
  display: block;
}
.sc_menu img {
  border: 3px #fff solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.sc_menu a:hover img {
  filter:alpha(opacity=50);
  opacity: 0.5;
}