/* CSS Document */

div#grafismo {
width: 720px;
margin: 0px 0px;
height: 300px;
}

div#banner {
margin: 0px 0px;
width: 500px;
height: 300px;
float: left;
}

div#publicidad {
margin: 0px 0px;
height: 300px;
width: 220px;
float: left;
}

div .columnaA3 {
float: left;
width: 220px;
padding-left: 5px;
padding-right: 10px;
}

div .tituloA3 {
margin: 0px 0px;
padding-right: 0px;

width: auto;
height: 24px;

overflow: hidden;

text-align: right;
font-size: 1.5em;
font-weight: bold;
font-family: Tahoma, Helvetica, Arial, sans-serif;

color: #336699;

border-bottom: 1px solid #336699;
}

div#noticias {
border-left: 5px solid #0092CE;
}

div .noticia {
width: auto;
margin: 0px;
font-family: Arial, Verdana, Helvetica, sans-serif;
margin-bottom: 30px;
}

div.noticia img.fotoNoticia {
width: 210px;
height: 50px;
display: block;
border: #336699 1px solid;
}

div.noticia span.tituloNoticia {
font-size: 12px;
color: #0092CE;
font-weight: bold;
margin: 5px 0px;
display: block;
padding-left: 5px;
text-align: left;
}

div.noticia span.tituloNoticia a, div.noticia span.tituloNoticia a:visited {
color: #0092CE;

text-decoration: none;
}

div.noticia span.tituloNoticia a:hover {
color: #0092CE;

text-decoration: underline;
}

div.noticia p.textoNoticia {
font-size: 11px;
padding-left: 5px;
text-align: justify;
}

div#productos {
border-left: 5px solid #FFC321;
}

div.producto {
width: auto;
margin: 0px;
padding-top: 5px;
margin-bottom: 30px;
font-family: Arial, Verdana, Helvetica, sans-serif;
clear: both;
}

div.producto div.tituloProducto {
font-size: 0.8em;
color: #0092CE;
font-weight: bold;
margin: 5px 0px;
padding-left: 5px;
width: 120px;
}

div.producto div.tituloProducto a, div.producto div.tituloProducto a:visited {
color: #0092CE;

text-decoration: none;
}

div.producto div.tituloProducto a:hover {
color: #0092CE;

text-decoration: underline;
}

div.producto div.fotoProducto {
width: 80px;
height: 80px;
float: right;
}

div.producto div.fotoProducto img {
width: 80px;
height: 80px;
}

div.producto div.textoProducto {
padding-left: 5px;
text-align: left;
}

div#cursos {
border-left: 5px solid #EF3429;
}

div.curso {
width: auto;
height: 136px;
margin: 0px;
padding-top: 5px;
margin-bottom: 30px;
font-family: Arial, Verdana, Helvetica, sans-serif;
position: relative;
overflow: hidden;
}

div.curso div.tituloCurso {
font-size: 12px;
color: #0092CE;
font-weight: bold;
margin: 5px 0px;
padding-left: 5px;
width: auto;
text-align: right;
}

div.curso div.tituloCurso a, div.curso div.tituloCurso a:visited {
color: #0092CE;

text-decoration: none;
}

div.curso div.tituloCurso a:hover {
color: #0092CE;

text-decoration: underline;
}


div.curso div.textoCurso {
width: 155px;
padding-left: 5px;
padding-top: 5px;
text-align: right;
position: absolute;
right: 0px;
z-index: 2;
}

div.curso div.fotoCurso {
width: 80px;
height: 80px;
float: left;
position: absolute;
top: 30px;
left: 0px;
z-index: 1;
}