/* Typography */

/*Global Type*/

body {
	color: black;
	font: .75em/1.65em georgia, times, serif;
        background: silver;
}

#nav {
	font: 11px/30px georgia, times, serif;
	left: 0px;
	top: 80px;
}

h2 {
 font-size: 14px;
 font-weight: bold;
color: maroon;
 }

h3 {
 font-size: 14px;
 font-weight: bold;
 }
 
h4 {
 font-size: 14px;
 font-weight: bold;
 }

.body h5 {
 font-size: 14px;
 margin-top: 20px;
}

p {
 text-align: left;
 }
 
h1, h2, h3, h4, h5, h6 {
 padding: 0;
 margin: 0;
 }

div.subnav p {
 margin: 0;
}

.subnav h5, .subnav h6 {
	text-align: left;
}

/*Section Type*/

#announce h3 {
 margin: 10px;
 padding: 0 0 5px 0;
}

#features h3 {
 padding: 0 0 5px 0;
 margin: 0 0 10px 0;
}

#other h3, #other_int h3, #other_rt h3 {
 background: transparent url(http://barbara-fiore.com/images/recursos/design/border_dotted-white.gif) repeat-x bottom;
 padding: 0 0 5px 0;
 margin: 0;
}

#sponsor h3, #announce h3, #features h3 {
 background: transparent url(http://barbara-fiore.com/images/recursos/design/border_dotted.gif) repeat-x bottom;
}

#event2 h4, #event3 h4, #event4 h4  {
 background: transparent url(http://barbara-fiore.com/images/recursos/design/border_dotted-white.gif) repeat-x bottom;
 padding: 0 0 10px 0;
 margin: 0 0 5px 0;
}

h4.title {
 font-size: 24px;
 line-height: 30px;
 background: transparent url(http://barbara-fiore.com/images/recursos/design/border_dotted.gif) repeat-x bottom;
 padding: 0 0 10px 0;
 margin: 0;
}

h4.titulo {
 font-size: 20px;
 line-height: 30px;
 color: black;
 background: transparent;
 padding: 30px 0 10px 0;
 margin: 0;
}

#features h4.title {
 background: none;
 }

#announce h4 {
 line-height: 14px;
 padding: 0 0 5px 0;
 margin: 0;
}

h5.series {
 font-size: 12px;
 margin-top: 10px;
 text-transform: lowercase;
 font-weight: normal;
 color: #999;
}

#event2, #event3, #event4 {
 color: black;
 font: 10px/12px georgia, times, serif;
 text-align: left;
}

#other, #other_int, #other_rt {
 color: black;
}

.nobold {
 font-weight: normal;
}

.entry {
 font: 10px/15px georgia, times, serif;
}

span.border {
 border-left: 1px solid #999;
 border-right: 1px solid #999;
 padding: 0 10px;
}

p.pull {
 color: #768588;
 font-size: 16px;
 line-height: 20px;
 float: right;
 width: 175px;
 margin: 0 -40px 0 10px;
 text-align: left;
 padding-left: 10px;
 border-left: 2px solid #ccc;
}

.ed, .ed a:link, .ed a:visited {
 color: #9AADB1;
}

#other_rt div.subnav1 h3 {
 margin: 0 10px 10px 10px;
 padding-top:5px;
}

#other_rt div.subnav1 p {
 text-align:left;
 margin-right: 10px;
}

.required {
  color: #c00;
}

.distribuidores {
	text-align: left;
}

/*Lists*/

#nav ul, #subnav ul, .subnav ul, .subnav1 ul {
 list-style: none;
 text-align: right;
 margin: 0;
 padding: 10px;
 }

#other_rt .subnav ul {
 padding: 0;
}

#recent ul {
 list-style: none;
 margin: 0;
 padding: 0;
 font: 10px/12px georgia, times, serif;
}

#recent ul li {
 padding: 0 15px 5px 0;
}

.body ul li {
 list-style-type: square;
}

ul li.new {
background: transparent url(/images/recursos/design/nuevo.gif) no-repeat top left;
}

/*Links*/

a:link {
 color: black;
 text-decoration: none;
}

a:visited {
 color:#333;
 text-decoration: none;
}

a:hover {
	color: #c40012;
	background-color: #e6efff;
	padding: 1px;
	text-decoration: none;
	font-weight: normal;
}

p a:link {
 text-decoration: none;
	color: #4b647d;
}

#nav ul li a:link, #nav ul li a:visited{
 font-weight: bold;
 color: black;
 text-decoration: none;
}

#nav ul li a:hover {
 font-weight: bold;
 color: #f90;
 border-bottom: 1px dotted black;
 background-color: transparent;
 text-decoration: none;
}

#event2 a:link, #event2 a:visited, 
#event3 a:link, #event3 a:visited, 
#event4 a:link, #event4 a:visited, 
#other a:link, #other a:visited,
#other_int a:link, #other_int a:visited,
#other_rt a:link, #other_rt a:visited {
 color: maroon;
 text-decoration: none;
}

#event2 a:hover,
#event3 a:hover,
#event4 a:hover,
#other a:hover,
#other_int a:hover,
#other_rt a:hover {
 color: red;
 border-bottom: 1px dotted white;
 background-color: transparent;
}

h2.title a:link, h2.title a:visited {
 text-decoration: none;
 color: black;
}

h2.title a:hover {
 background-color: transparent;
 color: #f90;
 border-bottom: 1px dotted black;
}

h4.title a:visited {
 text-decoration: none;
}


/*Basic Layout*/

body {
 background: #FFF url(/images/recursos/design/bg_page-w7-2008.png) no-repeat left top;
 margin: 0;
}

#head {
 position: absolute;
 top: 180px;
 left: 100px;
 width: 300px;
 height: 70px;
 display: none;
}

#nav {
 position: absolute;
 top: 80;
 left: 0;
 width: 100px;
 background: white url(http://barbara-fiore.com/images/recursos/design/bg_nav.gif) repeat-y;
}

#announce {
 position: absolute;
 top: 80px;
 left: 100px;
 width: 300px;
 height: 300px;
 background: white;
}

#scroller {
 position: absolute;
 top: 50px;
 left: 10px;
 width: 280px;
 height: 240px;
 overflow: auto;
}

#event1 {
	position: absolute;
	top: 80px;
	left: 400px;
	width: 300px;
	height: 400px;
	background: Transparent;
	padding: 0;
}

#event2 {
 position: absolute;
 top: 80px;
 left: 700px;
 width: 180px;
 height: 80px;
 background: silver url(/images/recursos/design/lb_diags.gif) repeat;
}

#event3 {
 position: absolute;
 top: 250px;
 left: 700px;
 width: 180px;
 height: 80px;
 background: silver url(/images/recursos/design/lb_diags.gif);
}

#event4 {
 position: absolute;
 top: 350px;
 left: 700px;
 width: 180px;
 height: 80px;
 background: silver url(/images/recursos/design/lb_diags.gif);
}

#features {
	position: absolute;
	top: 450px;
	left: 400px;
	width: 500px;
	background-image: url(http://barbara-fiore.com/images/recursos/design/tbg.gif);
	background-repeat: repeat;
}

#main {
 position: absolute;
 top: 80px;
 left: 400px;
 width: 500px;
 background: white;
 padding: 0;
 }

#main_int {
 position: absolute;
 top: 80px;
 left: 100px;
/* top: 250px;
 left: 400px; */
 width: 600px;
 background: white url(http://barbara-fiore.com/images/recursos/design/tbg.gif) repeat;
 padding: 0;
 }

#footer {
 font: 10px/12px georgia, times, serif;
 background: transparent;
 margin: 0 0 0 1px;
 border-top: 20px solid #333333;
 line-height: 30px;
 padding: 0 0 0 10px;
}

#other {
 position: absolute;
 top: 450px;
 left: 100px;
 width: 300px;
}

#other_int {
 position: absolute;
 top: 650px;
 left: 100px;
 width: 300px;
}

#other_rt {
 position: absolute;
 top: 80px;
 left: 700px;
 width: 200px;
}

#recent, #volunteer, #mail, #subnav, .subnav, .subnav1 {
 border-left: 1px solid white;
 border-bottom: 1px solid white;
 background: none;
}

#other_rt div.subnav, #other_rt div.subnav1 {
 border-left: none;
 border-right: 1px solid white;
}

#other_rt div.subnav1 {
 background-color:#CC9933;
	color: black;
}

#subnav {
 background-color: #CC9999;
}

.libros {
margin-top: 50px;
}

.afterlibros {
margin-left: 50px;
}

th {
 width: 160px;
 text-align: left;
}

td {
 vertical-align: top;
} 

#volunteer {
 clear: both;
}

#sponsor {
 background-color: white;
 color: black;
 margin-bottom: 40px;
 border-right: 1px solid #9AADB1;
}

.content, #event2, #event3, #event4, #content, #recent, #volunteer, #mail, #sponsor, div.subnav {
 padding: 10px;
}

.content_int {
 padding: 20px 100px 50px 75px;
}

.entry {
 margin: 0 10px 20px 0;
 padding-bottom: 20px;
 border-bottom: 1px dotted #666;
}

div.events_entry {
 margin-bottom: 20px;
 padding-bottom: 10px;
 /*border-bottom: 3px double #9AADB1;*/
}

.posted {
 padding-left: 10px;
 border-left: 3px solid #ccc;
 margin-top: 10px;
}


#page_title {
 position: absolute;
 top: 150px;
 left: 400px;
 width: 300px;
 height: 100px;
 background: black;
 padding: 0;
}

.body {
 padding-top: 20px;
 margin-top: 80px;
 background: transparent url(http://barbara-fiore.com/images/recursos/design/bg_article.gif) no-repeat top left;
}

.bodylibros {
 padding-top: 20px;
 margin-top: 80px;
 background: transparent;
}


.cuerpo {
 padding-top: 20px;
 margin-top: 40px;
 background: transparent
}

/*Backgrounds and Effects*/

.content {
 background: white;
}

table.details {
 margin: 20px 0;
}

table.details td.tdl {
 font-weight: bold;
 text-align: right;
 border-right: 1px solid #999;
}

table.details td {
 color: black;
 padding: 0 5px;
}

.description, .comments {
 border: 1px solid #ccc;
 padding: 10px 20px;
 margin: 10px;
 background: #eee;
}

img.dotborder {
 padding:5px;
 border:1px dotted #333;
 margin:10px;
}

strong {
color: maroon;
}