/* CSS para ccharlone.com creado por Agostina Lanzoni en septiembre de 2007 */

/* Elementos Comunes */

body {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 12px;
font-weight: normal;
color: #333;
margin: 0px;
background-image:url(imagenes/fondo.gif);
background-repeat: repeat;
text-align: center; 
}

a, a:link, a:visited, a:active {
font-weight: bold;
color: #333;
text-decoration: none;
border-bottom: 1px dotted #CCC;
}

a:hover {
font-weight: bold;
color: #333;
text-decoration: none;
background-color: #CCC;
}

h1 {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 16px;
font-weight: bold;
color: #C90;
}

h2 {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 14px;
font-weight: bold;
color: #333;
}

h3 {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 12px;
font-weight: bold;
color: #333;
}

/* Menu */

#tabsB {
      float:left;
      width:100%;
      background:#d8d8d8;
      font-size:12px;
      line-height:normal;
}
#tabsB ul {
	  margin:0;
	  padding:5px 5px 0 22px;
	  list-style:none;
}
#tabsB li {
      display:inline;
      margin:0;
      padding:0;
}
#tabsB a {
      float:left;
      background:url("imagenes/tableftB.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}
#tabsB a span {
      float:left;
      display:block;
      background:url("imagenes/tabrightB.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
}
#tabsB a span {float:none;}

#tabsB a:hover span {color:#000;}

#tabsB a:hover {background-position:0% -42px;}

#tabsB a:hover span {background-position:100% -42px;}

/* Estructura */

#borde{
border: 2px solid #ccc;
text-align: left;
width: 766px;
margin: auto;
} 

#contenedor{
text-align: left;
width: 766px;
margin: auto;
padding: 0px;
background-color: #f8f8f8;
}

#cabecera{
background-image: url(imagenes/cabecera.jpg);
height: 150px;
width: 766px;
} 

#cuerpo{
width: 500px;
margin: 0px 0px 0px 10px;
padding: 12px 5px 0px 5px;
float: left;
}

#cuerpo_fotos {
height: 500px;
width: 540px;
margin: 0px 0px 0px 10px;
padding: 12px 5px 0px 5px;
float: left;
}

#banners {
float: right;
width: 200px;
padding-top: 5px;
border-left: 1px dashed #CCC;
}
#banners img {
border: none;
}

.publicite {
border:none;
text-decoration:none;
}
.publicite a, a:active, a:visited, a:hover {
border:none;
text-decoration:none;
}

/* Tablas */

.noticias {
border: none;
margin: 10px;
text-align: left;
padding: 5px;
width: 480px;
}
.noticias tbody tr.titulo td {
color: #333;
font-size: 14px;
font-weight: bold;
border-bottom: 2px solid #ccc;
width: 450px;
}
.noticias tbody tr.desarrollo td {
font-style: normal;
width: 450px;
}

.posiciones {
border: 1px solid #ccc;
margin: 0;
text-align: center;
}
.cabecera {
width: 30px;
background-color:#ccc;
height: 25px;
}
.clubes {
width: 150px;
background-color: #ccc;
}
.posiciones tbody tr td {
background-color: #f8f8f8;
font-style: normal;
font-family: Georgia, Times New Roman, Times, serif;
color: #333;
text-align: center;
padding: 5px;
border: 0;
}
.posiciones tbody tr.odd td {
background-color: #fff;
font-style: normal;
font-family: Georgia, Times New Roman, Times, serif;
color: #333;
text-align: center;
padding: 5px;
border: 0;
}

.multimedia {
border: 3px solid #ccc;
margin: 10px;
text-align: left;
padding: 5px;
width: 480px;
background-color:#fff;
}

/* Marcos para Fotos */
.marco {
margin-left: 5px;
padding:8px;
background-color: #ccc;
width: 250px;
border: 1px solid #999;
float: right;
}
.marco3 {
margin-left: 5px;
padding:8px;
background-color: #ccc;
width: 150px;
border: 1px solid #999;
float: right;
}
.marco IMG{
border: 1px solid #000;
}

.marco2 {
margin: auto;
padding:5px;
background-color: #ccc;
width: 480px;
border: 1px solid #999;
}

/* Pie */

#pie{
clear: both;
font-size: 10px;
color: #999;
text-align: center;
margin: 0px;
padding-bottom: 5px;
padding-top: 15px;
border-top: 1px dashed #CCC;
}

a.footer:link, a.footer:visited, a.footer:active {
font-size: 10px;
font-weight: normal;
color: #999;
text-decoration: none;
border-bottom:none;
}

a.footer:hover {
font-size: 10px;
font-weight: normal;
color: #333;
text-decoration: none;
background: none;
border-bottom:none;
}

#noticia_pub img {border:none;}