@charset "utf-8";
/* CSS Document */

/* estructura */
* { margin:0; padding:0;}
body { text-align:center; background-color:#EEE;}

#todo { width:880px; margin:0 auto; background-color:#FFFFFF;}
#cabecera { width:880px; height:135px; background:url(images/cabecera.jpg) no-repeat top; padding-top:20px; margin-bottom:-20px;}
#contenido { width:880px;}
#creditos { width:880px; height:24px; background:url(images/pie.jpg) no-repeat top; clear:left; padding-top:4px;}
#flash { margin-top:8px; margin-left:146px;}

#izquierda { width:160px; min-height:647px; background:url(images/izquierda.jpg) repeat-y top; float:left;}
#derecha { width:160px; min-height:647px; background:url(images/derecha.jpg) repeat-y top; float:right;}
#central { width:560px; min-height:647px; float:left;}

#video { text-align:center; margin: 30px auto;}

/* menus */
.menu { width:160px;}
.menu li { width:160px; height:24px; background:url(images/botona.jpg) no-repeat top; list-style-type:none; text-align:left; margin-bottom:-3px; padding-top:4px;}
.menu li:hover { background:url(images/botonb.jpg) no-repeat top;}
.on li { background:url(images/botonb.jpg) no-repeat top;}
.on li a { color:#333333 !important;}

/* cuadros */
.cuadro { width:149px; text-align:center; margin:14px auto;}
.cuadro_top { width:149px; height:24px; background:url(images/cuadroa.png) no-repeat top; padding-top:5px; margin-bottom:-5px;}
.cuadro img { width:140px; margin-left:1px; border-left:1px solid #FDE1CF; border-right: 1px solid #FDE1CF;}
.cuadro_bottom { width:149px; height:24px; background:url(images/cuadrob.png) no-repeat top; padding-top:3px; margin-top:-3px;}

/* tablas */
table { margin:10px auto; border-collapse: separate;}
table tr td { padding: 4px 10px; vertical-align:middle; text-align:center;}
table tr td.fondo { background-color:#FFAE79; text-align:center; font-weight:bold; color:#FFFFFF;}

table.text tr td { text-align:justify;}
table.materials tr td { text-align:center; padding:5px;}
table.materials tr td a{ color:#FFFFFF;}

/* textos */
* { font-family: Arial, Helvetica, sans-serif;}
body { font-size:12px; color:#454545;}
span { text-decoration:underline;}
h1 { font-size:40px; text-align:left; margin-left:30px;}
h2 { font-size:16px; margin: 20px 30px; color:#666666; text-align:left;}
h3 { font-size:8px; float:right; margin-top:12px; margin-right:16px;}
h4 { font-size:12px; text-align:center; colorr:#ff771d; margin: 4px 30px;}

.naranja { color:#FF771D;}
p { margin:10px 30px; text-align:left; font-size:12px; line-height:20px;}
p.enlace { text-align:right;}
p.enlace a { font-weight:bold; color:#ff771d;}

#creditos { font-size:10px; color:#FFFFFF;}
#intercambio ul li, ul.normal li { list-style-position:inside; margin: 4px 40px; text-align:left;}

/* enlaces */
a { text-decoration:none;}
a:hover { text-decoration:underline;}

.menu li a { color:#FFFFFF; font-size:11px; font-weight:bold; margin-left:10px;}
#creditos a { font-size:10px; color:#FFFFFF;}
.cuadro_top a, .cuadro_bottom a { font-size:11px; font-weight:bold; color:#FFFFFF;}
.cuadro_top a:hover, .cuadro_bottom a:hover, #creditos a:hover { color:#FF771D; text-decoration:none;}

/* imagenes */
.borde { margin:5px; border:double; border-color:#CDCDCD;}
#post-it { width:300px; height:280px; background:url(images/postit.jpg) no-repeat top; text-align:center; padding-top:80px; margin:30px auto;}
#post-it a { font-size:18px; color:#333333;}
#post-it p { margin-top: 20px;}