* { margin: 0px ; padding: 0px ; border: 0px }
p { padding: 0px 0px 9px 0px ; margin: 0px ; text-align: justify ; font-size: 16px ; font-family: "times new roman" }

h1 { font-size: 1.2em ; color: black ; font-weight: bold ; text-decoration: none ; text-align: left ; text-indent: 70px ; margin-top: 20px ; margin-bottom: 10px ; padding-bottom: 5px }
h1.zero { text-indent: 0px }
h1.cent { text-indent: 85px }
h1.art { font-size: 1.7em ; text-indent: 0px ; margin: 10px 40px 0px 230px }
h1.margen { text-indent: 180px }
h1.margen2 { text-indent: 260px }
h1.margen3 { text-indent: 330px }
h2.zero { margin-left: 174px ;  margin-right: 50px ; margin-bottom: 15px ; text-indent: 0px }

h2 { font-family: arial ; font-size: 100% ; color: black ; font-weight: bold ; text-decoration: none ; text-align: left ; margin: 25px 40px 20px 240px }
h3 { font-family: "times new roman" ; font-size: 110% ; color: black ; font-weight: normal ; text-decoration: none ; text-align: left ; margin: 25px 40px 10px 200px }
h3.zero { font-family: "times new roman" ; font-size: 110% ; color: black ; font-weight: normal ; text-decoration: none ; text-align: left ; margin: 25px 40px 10px 110px }

body { margin: 0px ; text-align: center ; background-color: #F2E1C8 ; background-image:url('objetos/texture.jpg')}
#global { width: 800px ; margin: 4px auto }
a { color: black ; text-decoration: none }
a:link  {  }
a:visited  {  }
a:hover  { color: black ; text-decoration: underline }
a:active  { }

#contenido a.hidden { color: black ; text-decoration: none }
#contenido a.hidden:link { color: black ; text-decoration: none }
#contenido a.hidden:visited { color: black ; text-decoration: none }
#contenido a.hidden:hover { color: black ; text-decoration: none }
#contenido a.hidden:active { color: black ; text-decoration: none }

#navegacion a { color: black ; text-decoration: none }
#navegacion a:link { }
#navegacion a:visited { }
#navegacion a:hover { color: white ; text-decoration: none }
#navegacion a:active {  }

#cabecera { background-color: #FFDAB9 ; height: 85px ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
#logo { background-color: #FFDAB9 ; width: 159px ; float: left ; padding: 20px 0px 0px 100px }
#img1 { background-color: #FFDAB9 ; float: left ; height: 83px ; width: 100px ; padding: 0px 0px 0px 20px }
#presentacion { background-color: #FFDAB9 ; float: right ; width: 300px ; padding: 38px 20px 0px 0px }

#prenav { background-color: #C81006 ; border-top: black 1px solid ; 
border-right: black 1px solid ; border-left: black 1px solid ; border-bottom: black 0px solid } 

#prenav p { color: white ; margin: 5px 0px -5px 360px ; text-align: center ; font-weight: bold ; font-size: 20px }

#navegacion { font-family: arial ; font-size: 12px ; font-weight: bold ; background-color: #FF6600 ; border: black 1px solid ; height:53px }
#navegacion a { font-size: 12px ; font-family: arial ; text-align: center;
										font-weight: bold }

#gramatica { padding: 0px 0px 0px 0px  ; border-right: black 1px solid ; float:left ;  }
#comprension { padding: 0px 0px 00px 0px ; border-right: black 1px solid ; float:left ;  }
#comentario { padding: 0px 0px 0px 0px ; border-right: black 1px solid ; float:left ; width: 131px }
#practica { padding: 0px 0px 0px 0px ; border-right: black 1px solid ; float:left ; width: 131px }
#tecnicas { padding: 0px 0px 0px 0px ; border-right: black 1px solid ; float:left ; width: 131px }
#desastre { padding: 0px 0px 0px 0px ; float: left ; width: 131px ; height: 53px }

#navegacion a.rollover1 {
width: 131px; 
padding:20px 30px 18px 30px;
color:black;
background-image: url("objetos/rollover.png") ;
text-decoration: none;
}
#navegacion a.rollover1:hover { 
background-position: -150 -35px;
color: white ;
}
#navegacion a.rollover2 { display: block;
width: 131px; 
padding:13px 0px 10px 0px ;
color: black;
background-image: url("objetos/rollover.png") ;
text-decoration: none;

}
#navegacion a.rollover2:hover { width: 131px ;
background-position: 132px 0px;
color: white;
}
#navegacion a.rollover3 {display:block;
width: 138px ; padding:20px 0px 18px 0px ;
color:black;
background-image: url("objetos/rollover.png")
}
#navegacion a.rollover3:hover { width: 138px  ;
background-position: -148px 100px;
color: white;
}


#contenido { background-color: #FFDAB9 ; border-left: black 1px solid ; border-right: black 1px solid ; padding-top: 20px }
#contenido p { padding: 0px 30px 10px 174px ; text-indent: 25px ; margin: 0px }
#contenido p.arrows { margin-left: 150px }
#contenido p.arrownext { margin: 0px 0px 0px 350px }
#contenido p.extended { padding: 0px 30px 10px 80px }
#contenido p.margen2 { margin-left: 120px ; padding-left: 120px }
#contenido p.poemc { font-family: garamond ; text-indent: 0px ; margin-left: 0px ; padding-left: 0px ; text-align: center }
#contenido p.poem { font-family: garamond ; text-indent: 0px ; padding: 0px 30px 10px 200px }
#contenido p.poem2 { font-family: garamond ; text-indent: 0px ; padding: 0px 30px 10px 250px }
#contenido p.quote { font-family: "times new roman" ; font-size: 16px ; padding: 0px 70px 10px 230px }
#contenido p.quote0indent { font-family: arial ; font-size: 12px ; padding: 0px 70px 10px 230px ; text-indent: 0px }
.bgorchid { background-color: #FF99CC ; padding: 0px 20px 0px 20px }
.bgred { background-color: red ; color: white ; font-weight: bold ; padding: 0px 20px 0px 20px}
.bgchocolate { background-color: #b22222 ; color: white ; padding: 0px 20px 0px 20px}
.bgorange { background-color: #FFA07A ; padding: 0px 20px 0px 20px}
.bgblue { background-color: #1B58BE ; color: white ; padding: 0px 20px 0px 20px}
.bgblue2 { background-color: #CCCCFF ; padding: 0px 20px 0px 20px}
.bggreen { background-color: #99CC99 ; padding: 0px 20px 0px 20px}
.bggreen2 { background-color: #CCFF99 ; padding: 0px 20px 0px 20px}
.bgyellow { background-color: #FFFF99 ; padding: 0px 20px 0px 20px}
.yellowbold { background-color: #FFFF99 ; font-weight: bold ; padding: 0px 2px 0px 2px}
.bluebold { background-color: #CCCCFF ; font-weight: bold ; padding: 0px 2px 0px 2px }
.bgplum { background-color: #EEAEEE ; padding: 0px 20px 0px 20px }
.bgdarkbrown { color: white ; background-color: #330000 ; font-weight: bold ; padding: 0px 20px 0px 20px }
#contenido p.textlarge { font-size: 110% ; padding: 10px 40px 0px 40px ; margin-left: 20px }


.textblue { color: #000066 }
.fontquote { font-family: arial ; font-size: 1.0em ; font-weight: bold ; text-decoration: none ; text-align: left ; text-indent: 0px ; padding: 10px 70px 10px 220px }
#contenido p.fontquote { font-family: arial ; font-size: 0.9em ; font-weight: bold ; text-decoration: none ; text-align: left ; text-indent: 0px ; padding: 10px 70px 10px 230px }
#contenido a { color: #000066 }
#contenido a:hover { color: blue }
table { border-collapse: collapse ; margin: 5px 100px 5px 200px ; 
				border-color: gray ; border-style: outset ; 
				border-width: 2px ; text-align: left ;
				font-family: "times new roman" }
tr { }
td.c1 { width: 140px ; border-style: solid ; border-width: 2px;
				border-color: gray }
td { border-color: gray; padding: 5px; border-style: solid ; border-width: 2px }
th { font-size: 12px ; text-align: center ; border-style: solid ; border-width: 2px ; padding: 6px ; border-color: gray }
table.broad { margin-right: 50px ; margin-left: 120px }
table.title { margin-left: 10px ; margin-right: 0px}
table.title td { background-color: #CDB5CD ; border-color: black ; padding: 10px 50px 10px 50px ; font-weight: bold }
.invisible { border-width: 0px; border-style: none }


dd { margin-left: 20px ; margin-right: 30px ; text-align: left }
dl { text-align: left ; margin-left: 194px ; margin-right: 30px }
ol { margin-left: 250px ; margin-bottom: 10px ; margin-right: 30px }
ul { margin-left: 250px ; margin-bottom: 10px ; margin-right: 30px }

ul.ulquote { font-family: arial }
ul.subul { list-style-type: none ; margin-left: 25px ; margin-top: 5px ; text-indent: -10px }
ol.subol { margin-left: 300px ; margin-top: 5px ; text-indent: -10px }
ul.notype { list-style-type: none ; margin-left: 200px ; margin-bottom: 10px ; margin-right: 20px }


#contenido li.title { margin-left: 20px ; margin-bottom: 10px ; font-weight: bold ; font-family: arial ; font-size: 12px }
#contenido li.title2 { margin-left: 2px ; margin-right: 30px; text-align:center ; margin-bottom: 10px ; margin-top: 0px ; font-weight: bold ; font-family: arial ; font-size: 12px }
.inlist { margin-left: 40px ; margin-bottom: 10px ; margin-right: 10px }
.sidebar2 {
	color:#ffffff;
	margin-bottom:2px;
	margin-top:2px;
	font-weight : bold;
	background-color : #b22222;
	padding:2px;
	text-align:center;
	margin-left:20px;
	margin-right:20px;
	padding-top:5px;
	padding-bottom:5px;
}
.block {
	margin-bottom:2px;
	margin-top:2px;
	width: 310px ;
	padding:2px;
	text-align:left;
	margin-left:190px;
	margin-right:150px;
	padding-top:5px;
	padding-bottom:5px;
}
#contenido li { text-align: left ; margin-left: 0px ; font-size: 15px }
#menu ul { font-family: "arial narrow" ; font-size: 16px ; text-align: left ; margin-left: 0px  }
#menu { background-color: #ffdab9 ; width: 190px ; float: left ; text-align: left ; margin: 0px 0px 3px 0px }
#menu ul.subulmenu { margin-left: 17px ; font-size: 90% }

#menu a { display: block ; color: black }
#menu a:hover { display: block ; color: black ; text-decoration: underline ; background-color: #F2A4A4 }
#menu a:active { color: red }
#menu li { list-style: none ; margin: 0px 0px 0px 4px }
#menu h1 { text-indent: 0px ; text-align: center ; text-decoration: none ; font-size: 14px }

#pie { font-family: "arial narrow" ; background-color: #FFDAB9; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; border-bottom: black 1px solid ; height: 21px }
#pie a { display: block }
#pie a:hover { display: block ; background-color: #F2A4A4 }
#pie a:active { color: red }
#pie li { list-style: none ; font-size: 12px }
#pieuno { float: left ; width: 199px }
#piedos { float: left ; width: 199px }
#pietres { float: left ; width: 199px }
#pie4 { float: left ; width: 199px }