body {
    margin: 0;
    padding: 0;
    color: black;
/*	background-image: url(../images/gradient-hori_ver.png);*/
	font-family: "Bookman Old Style", serif;
/*	width:750;*/
}



#contenido {
    padding: 0em 1em 1em 1em;
	font-size: 1em;

}

p {padding: 4px 5px 5px 10px;
   //text-indent: 40px;  
  Margin-left:0.5cm;  Margin-right:0.5cm;
  Margin-top:0.45cm;
  font-size: 1em;
  }
 
 
table {
 /*background-image: url(../images/gradient-hori_ver.png);*/
/*	padding-right:15px;*/
 /*width:100%;*/
}

#botones {
padding-top:0.8em;
padding-bottom:0.8em;
text-align: center;
background-color:#006699;
font-size: 1.1em;
width:100%;
}
#botones a {
color:#FFFFFF;
font-size: 1.1em;
}
td {  padding: 5px;
    text-align: justify;
}
#header {
    font-size: 0.8em;
    font-style: italic;
	/* background-image: url(../images/gradient-hori-ver.jpg); */
	height: 84;
	border: 0px solid black;
	text-align:center;
	width:800px;
}
#header2 {
  background-image: url(dock-bg2.gif); 
  width:800px;
}
#pie {
    text-align: right;
    font-size: 0.8em;
    font-style: italic;
}





   
 h2 {font-Family:Arial,Helvetica; 
 font-size: 1.2em; 
 padding: 5px 7px;	
 /*background-color: #800000;*/
 color:#800000;
 width:auto;
 border-bottom:6px solid #800000;
 }
 
 h3 {font-Family:Arial,Helvetica;	font-size: 1.25em; padding: 10px 15px;	
 color:#003399;   	 text-align: right; }
 h4 {font-Family:Arial,Helvetica;	font-size: 1.25em; padding: 10px 15px;	
 color:#003399;   	 text-align: right; }

 h5 {font-Family:Arial,Helvetica;	font-size: 1.1em; padding: 0px 10px;	
 color:#003399;  }
.parrajavi  {
 font-size : 10pt;
 font-family : verdana,arial;
 text-indent: 40px; 
 text-align : left;
 color :#3333CC;
 background-color:  #FFFFFF;
}
.actividad  {
 padding: 10px 20px 20px 10px;
  font-size : 10pt;
  font-family: verdana,"Bookman Old Style", serif;
  text-align : left;  text-indent: 40px; 
  color :#333399;  
  background-color:  #CCCC99;
  Margin-left:0.5cm;  Margin-right:2cm;
  Margin-top:0.45cm;
	/*width: 500px; */
	line-height: 1.5em; 
	border-left-style: solid; 
}

p.enlace {
 padding: 10px 20px 20px 10px;
  font-size : 10pt;
  font-family: verdana,"Bookman Old Style", serif;
  text-align : right;  text-indent: 40px; 
  color :#333399;  
  Margin-left:0.55cm;  Margin-right:0.5cm;
  Margin-top:0.45cm;
  border-color: #990000 #0099CC #990000 #990000;
	/*width: 500px; */
  border-width: 1px 2px 1px 2px;
  border-style: solid; 
    background-image: url("go_f2.png");
  background-position: left;
  background-repeat: no-repeat;
   /*A:hover {text-decoration:underline;color:#990000;font-weight:bold}*/
}

  a:link {color:#336666;}
  a:visited {color:#336666;}
  a:active {color:#336666;}
  a:hover {color:#FF0000;}

  #uno {
 position:relative; top:20px; left:50px;*/
  padding: 0.6em 1em 1em .6em;
 border-width:0; border-color:#990000;
 /*width:720px;height:400px;*/
 }

 pre  {
  padding-left: 40px;
 padding-right: 1em;
 padding-top: 8px;padding-bottom: 8px;
 margin-bottom: 0.5em;
  margin-top: 0.5em;
  Margin-left:0.75cm;  Margin-right:1cm;
  text-align: justify;
  font-size : 10pt;
  font-family: verdana,"Bookman Old Style", serif;
  background-color: #FFFFFF;
  border: 2px dashed #006666;
  background-image: url("config.png");
  background-position: left;
  background-repeat: no-repeat;
}




p.codigo {
  padding-left: 40px;
 padding-right: 1em;
 padding-top: 8px;padding-bottom: 8px;
 margin-bottom: 0.5em;
  margin-top: 0.5em;
  Margin-left:0.75cm;  Margin-right:1cm;
  text-align: justify;
  font-size : 10pt;
  font-family: verdana,"Bookman Old Style", serif;
  background-color: #FFFFFF;
  border: 2px dashed #006666;
  background-image: url("config.png");
  background-position: left;
  background-repeat: no-repeat;
}
p.texto {
  padding-left: 40px;
 padding-right: 1em;
 padding-top: 8px;padding-bottom: 8px;
 margin-bottom: 0.5em;
  margin-top: 0.5em;
  Margin-left:0.75cm;  Margin-right:1cm;
  font-size : 10pt;
  font-family: verdana,"Bookman Old Style", serif;
  background-color: #FFFFFF;
  border: 2px dashed #006666;
  
}
p.izq{
float:left;
background-color: #066;
width:200;
}

div#ocultar {
  /*width:780px; */
  height: 500px;; 
  overflow: hidden;
}

div.cuadro {
  position: relative;
  top: 0%; left: 0%;
  height: 100%; 
  overflow: hidden;
}

#botones {
padding-top:0.5em;
padding-bottom:0.5em;
text-align: center;
background-color:#580000;/*; granate  #212196 azul*/
font-size: 1.0em;
}

#botones a {
color:#FFFFFF;
font-size: 1.0em;
}
#nav #botones a:focus{
	color:red;font-weight: bold;
	}

#elgeo{
/*width:auto;*/
float:left;
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
margin-right:5px;
}
.sombra {
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
margin-right:5px;
float:left;	
	
}
#eltexto{
width:auto;
float:right;
color:blue;
padding:0.8em;
font-family:cursive , Arial, Helvetica, "Times New Roman";;
font-size:1.25em;
line-height: 1.75;
/*border: 1px solid #9E3F50;*/
}

#pregunta{
float:right;
color:blue;
padding-left:30px;
font-family:"Times New Roman";
font-size:1em;
line-height: 1.5;
/*background-image: url(../images/icon_question.gif);*/
/*background-repeat: no-repeat;*/

/*border: 1px solid #9E3F50;*/
}

.anexo{
	width:auto;
float:right;
color:#2B31A8;
margin-tpo:20px;;
padding-left:50px;
font-family:cursive , Arial, Helvetica, "Times New Roman";;
font-size:1.25em;
line-height: 1.5;
background-image: url(http://iesastillero.no-ip.info/joomla_1_eso/images/stories/icon_question.gif);
background-repeat: no-repeat;
/*border: 1px solid #9E3F50;*/
}



#eltitulo{
width:auto;
float:left;
padding:0.8em;
font-family:cursive , Arial, Helvetica, "Times New Roman";;
font-size:1.25em;
line-height: 1.75;
/*border: 1px solid #9E3F50;*/
-moz-box-shadow: 5px 5px 5px #333;
-webkit-box-shadow: 5px 5px 5px #333;
-o-box-shadow: 5px 5px 5px #333;
box-shadow: 5px 5px 5px #333;
background-color: rgba(240, 239, 244,0.1);
}
#footer{
	margin-top:250px;
	position: relative;
	left: 1em;
	top: 1em;
clear: both;
	}
.myButton {
	-moz-box-shadow:inset 0px -7px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px -7px 0px 0px #cf866c;
	box-shadow:inset 0px -7px 0px 0px #cf866c;
	background-color:#d0451b;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	padding:1px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.myButton:hover {
	background-color:#bc3315;
}
.myButton:active {
	position:relative;
	top:1px;
}

.myButton2 {
	-moz-box-shadow:inset 0px -7px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px -7px 0px 0px #54a3f7;
	box-shadow:inset 0px -7px 0px 0px #54a3f7;
	background-color:#007dc1;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	padding:1px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.myButton2:hover {
	background-color:#0061a7;
}
.myButton2:active {
	position:relative;
	top:1px;
}
.myButtonv {
	-moz-box-shadow:inset 0px -7px 0px 0px #229F19;
	-webkit-box-shadow:inset 0px -7px 0px 0px #229F19;
	box-shadow:inset 0px -7px 0px 0px #229F19;
	background-color:#0E7607;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:1px solid #229F19;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	padding:1px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}