/*
Theme Name: EPUEL 2009
Theme URI: http://epuel.org.ar/
Description: El tema predeterminado de EPUEL 2009
Author: Franco Iacomella

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

body {
background: #12340D url(img/body-fondo.png) repeat-x top;
margin:.0px auto;
font-family:'Luxi Serif',Georgia,Garamond,'Times New Roman',Times,Serif;
}

a {
color: #a8ff47;
text-decoration: none;
}

img.alignright {
display:inline;
margin:0 0 2px 7px;
padding:4px;
float:right;
}

a img {
border:medium none;
}

a:hover {
color: white;
}
#wrapper {
width:800px;
margin:.0px auto;

}

li {
list-style-image: url(img/bullet.png)
}

#pagina {
width:766px;
margin: 0pt auto;
}

#cabecera {
background: url(img/banner-superior-4.png) no-repeat;
width: 765px;
height: 326px;
float:left;
}



#caja-i {
width:230px;
float:left;
margin-left:89px;
margin-top:7px;

}

#caja-i-arriba {
width:300px;
height:40px;
float:left;
background: url(img/caja-i-ar.png) no-repeat;
}

#caja-i-medio{
width:210px;
float:left;
background: url(img/caja-i-m.png) repeat-y;
text-align:justify;
/* 	padding: 0 10px 0 10px; */
padding-right:30px;
padding-left:44px;
color:white;
font-size:11pt;
}

#caja-i-abajo {
width:300px;
height:54px;
float:left;
background: url(img/caja-i-ab.png) no-repeat;
}

#caja-d {
width:311px;
float: left;
margin-left:-22px;
margin-top:24px;
margin-bottom:10px;
}

#caja-d-arriba {
width:311px;
height:38px;
float:left;
background: url(img/caja-d-ar.png) no-repeat;
}

#caja-d-medio{
width:311px;
float:left;
background: url(img/caja-d-m.png) repeat-y;
text-align:left;
/* 	padding: 0 10px 0 10px; */
padding-right:50px;
padding-left:30px;
color:white;
font-size:11pt;
}

#caja-d-medio li{
margin-bottom: 5px;
}

#caja-d-abajo {
width:311px;
height:41px;
float:left;
background: url(img/caja-d-ab.png) no-repeat;
}

#charla {
background: url(img/portada-charla.png) no-repeat;
width: 283px;
height: 123px;
float:right;
margin-right: 11px;
}


#fecha {
background: url(img/portada-fecha.png) no-repeat;
width: 311px;
height: 147px;
float:right;
margin-right: 11px;
}

#contenido {
background: url(img/contenido-fondo.png) center repeat-y;
width:800px;
float:left;
text-align:center;
margin:0px auto;
z-index:9;
margin-bottom: 100px;
}


#con-arriba {
width: 800px;
height: 64px;
float: left;
background: url(img/contenido-fondo-arriba.png) no-repeat;

}

#con-abajo {
width: 800px;
height: 64px;
float: left;
background: url(img/contenido-fondo-abajo.png) no-repeat;

}

#con-izquierda {
width: 300px;
float: left;
margin-right: 150px;
}

#con-derecha {
width: 300px;
float: left;
}



#contenido-abajo{
background: url(img/fondo-texto-abajo.png) repeat-x;
width:100%;
height: 29px;
float:left;
}

#antes-cont {

width: 204px;
margin: 0pt auto;
float:left;
}

#antes {
margin:0px auto;
margin-top:-2em;
width: 204px;
height: 84px;
background: url(img/portada-antes.png) repeat-x;
float:left;

}

#antes:hover {
background: url(img/portada-antes-h.png) repeat-x;
}


#barra {
bottom:0;
height:91px;
position:fixed;
width:100%;
z-index:100;
background: url(img/barra-fondo.png);
}

#botonera {
width:638px;
margin: 0pt auto;
margin-top:-30px;
}

#btn-1 {
background: url(img/btn-1.png) no-repeat;
width:167px;
height:92px;
float:left;
margin-right: 20px;
}

#btn-1:hover {
background: url(img/btn-1-h.png) no-repeat;
}

#btn-2 {
width:141px;
height:92px;
background: url(img/btn-2.png) no-repeat;
float:left;
margin-right: 20px;
}

#btn-2:hover {
background: url(img/btn-2-h.png) no-repeat;
}

#btn-3 {
width:122px;
height:92px;
background: url(img/btn-3.png) no-repeat;
float:left;
margin-right: 20px;
}

#btn-3:hover {
background: url(img/btn-3-h.png) no-repeat;
}

#btn-4 {
width:128px;
height:92px;
background: url(img/btn-4.png) no-repeat;
float:left;
margin-right: 20px;
}

#btn-4:hover {
background: url(img/btn-4-h.png) no-repeat;
}

#masinfo {
width:66px;
height:16px;
background: url(img/masinfo.png) no-repeat;
float:right;
}

#masinfo:hover {
background: url(img/masinfo-h.png) no-repeat;
}


#minibarra {
background: url(img/minibarra.png);
width: 650px;
height: 52px;
float: left;
text-align:center;
/*min-height:35px;*/
clear: both;
margin-left: 70px;

}

#minibarra ul {
margin-top: 13px;
}

#minibarra li {
list-style-position:outside;
list-style-type:none;
display:inline;
margin-right: 1em;
text-transform: lowercase;
}

#texto {
width: 641px;
float: left;
margin-left: 80px;
text-align: left;
color: #F8F8F8;

}
#texto-ar {
background: url(img/texto-ar.png);
width: 641px;
height: 34px;
float:left;
}

#texto-m {
background: url(img/texto-m.png);
width: 601px;
float:left;
padding-left: 20px;
padding-right: 20px;
}
#texto-ab {
background: url(img/texto-ab.png);
width: 641px;
height: 33px;
float:left;
}

#notant {
background: url(img/notant.png);
width: 88px;
height: 29px;
float:right;
margin-right: 50px;
}

#notant:hover {
background: url(img/notant-h.png);

}

.fecha {
background:transparent url(img/fecha.png) no-repeat scroll left top;
float:right;
height:71px;
margin-left:-30px;
margin-top:-20px;
padding-right:10px;
width:67px;
}

.month {
color:#D2FF85;
display:block;
font-size:10px;
font-weight:bold;
margin-left:0;
margin-top:10px;
text-align:center;
text-transform:uppercase;
}

.day {
-x-system-font:none;
color:#D2FF85;
display:block;
font-family:Georgia;
font-size:2.1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-left:0;
margin-top:-5px;
text-align:center;
}

#chico-1 {
width:242px;
height:287px;
position: fixed;
bottom: 0px;
left: -100px;
margin-right: 100px;
background: url(img/chico-1.png);
z-index:1000;
}