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

h1 { font-size: 1em ; color: black ; font-family: arial ; text-decoration: none ; text-align: center ; text-indent: 0px ; margin-top: 15px ; margin-bottom: 5px}
h1.cent { text-align: center }
h1.margen { text-indent: 180px }
h1.margen2 { text-indent: 270px }

h2 { font-size: 1.1em ; color: black ; font-weight: bold ; text-decoration: none ; text-align: center }

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 ; text-align: center  }
a:link  {  }
a:visited  {  }
a:hover  { color: black ; text-decoration: underline }
a:active  { }

#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 }


.menu { width: 133px ;
float:left;
height:55px;
border-right: black 1px solid ;
border-top: black 1px solid ;
border-bottom: black 1px solid ;
background-color: #e27e70 ;}
.menu2 { width: 133px ;
float:left;
height:55px;
border-top: black 1px solid ;
border-bottom: black 1px solid ;
background-color: #e27e70 ;}



							  
#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;
}


								 
								 
.box {
	font-size:14px; width:300px; 
	margin: 0px 0px 0px 0px;
	padding-bottom: 20px 
	}

.box .box-inner {
	border-left: 1px solid #ababab;
	border-right: 1px solid #ababab;
		border-bottom: 1px solid #ababab;
		padding: 5px 5px 10px 5px
		}
.box h2.s1{
	background-color:#FF7B24 ; padding: 5px 
}



#contenido { height: 660px ; background-color: #FFDAB9 ; border-left: black 1px solid ; border-right: black 1px solid ; padding-top: 0px ; margin-top: 0px}
#contenido p { padding: 0px 20px 5px 20px ; text-indent: 0px ; margin: 0px }
#contenido p.extended { padding: 0px 30px 10px 80px }
#contenido p.margen { margin-left: 120px ; padding-left: 120px }





#contenido a { color: #000080 ; font-weight: normal ; text-decoration: underline }
#contenido a:hover { color: #6495ED }

#contenido h2 a { color: black ; font-weight: bold ; text-decoration: none }
#contenido h2 a:hover { color: white ; font-weight: bold ; text-decoration: none }
#leftimg { float: left ; width: 141px ; padding: 0px 0px 0px 20px }

#maintext { padding: 20px 0px 20px 0px 
	}
	
#maintext p { font-size: 16px ; margin: 0px 30px 0px 200px }

#dish { float: right ; padding-right: 0px ; padding-top: 20px ; width: 630px  
	}	
#one { width: 50% ; float: left }
#two { width: 50% ; float: right }


#three { width: 50% ; float: left}
#four { width: 50%; float: right}
#contenido li { text-align: left ; margin-left: 0px }


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




#pie { 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 { color: black ; display: block ; font-family: "arial narrow" ; font-weight: normal }
#pie a:hover { display: block ; background-color: #F2A4A4 ; color: black }
#pie li { list-style: none ; font-size: 12px }
#pieuno { float: left ; width: 140px ; margin: 0px 0px 0px 0px }
#piedos { float: left ; width: 138px ; margin: 0px 0px 0px 0px }
#pietres { float: left ; width: 128px ; margin: 0px 0px 0px 0px }
#pie4 { float: left ; width: 278px ; margin: 0px 0px 0px 0px }
#pie5 { float: left ; width: 114px ; padding: 0px 0px 0px 0px }