/* Pretty Stuff
================================== */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

a
{color:#000;text-decoration:none;}

a:hover
{color:#695431;text-decoration:none;font-weight:bold;
}

a:active, a:focus
{color:#695431;text-decoration:none;font-weight:bold;}

body {
  font:75%/1.4 Verdana, Arial, Helvetica, sans-serif;
  background-color:#fff;
background-image:url(imgs_frames/fondo_rayas3.gif);
}

img
{border:0px;}

h1, h2, p {
  margin:0;
}

h1.oculto {
margin: 0;
display:none;

}

h1 {
  font-size: 1.7em;
  font-weight: normal;
padding-bottom: 0.6em;
color:#695431;
}

h2 {
  font-size: 1.4em;
  font-weight: normal;
color:#695431;
margin-bottom:1em;
margin-top:2em;
}

h3 {
  font-size: 1.2em;
  font-weight: normal;
color: #336699;
margin-bottom:1em;
margin-top:1em;
}



p {
margin-bottom:1.3em;
}

#wrapper {
  background-color:none;
border:1px solid #CAB4C5;
}

#branding {
  height:120px;
  padding: 20px;
background-image:url(imgs_frames/header2.jpg);
background-position:-25px -30px;
padding:0px;
}


#branding .titulo {
position:relative;
top:-15px;
left:-50px;

}


#navegacion {
height:auto;
background-image:none;
padding:4px;
padding-left:20px;
text-align:right;

}

#navegacion h1
{padding:0px;margin:0px;color:#000; border-bottom:1px solid #695431;
}



#navegacion li
{display:inline;padding-right:20px;margin-bottom:10px;padding:5px;}

#navegacion li:hover
{display:inline;padding-right:20px;margin-bottom:15px;
padding:5px;
border-bottom:0px solid #695431;
background-color:#bfac8c;
}

#navegacion a{
color:#ffffff;
font-weight:bold;
}

#unidad{
height:30px;
background-image:none;
background-color:#695431;
padding-left:20px;
}

#unidad h1{
color:#FFFFFF;
}

#footer {
  
  padding: 20px;
  border-top: 1px dashed #b0b0b0;
  font-size: 0.8em;
text-align:center;

}

/* The Core Technique
================================= */

body {
  min-width:940px;
}

#wrapper {
  width:900px; 
  margin: 0 auto; 
  text-align: left; 
background-color:#FFFFFF;
}


#content { 
  width: 610px;
  float: right;
margin-right:10px;
background-color:#FFFFFF;
}




#content .aviso
{background-color:#dacfbc;padding:10px;width:90%;font-size: 1.0em;margin:auto;
text-align:auto;margin-bottom:10px;color: #695431 ;}

#content .sintaxis
{padding-top:3px;font-weight:bold;}

#content img{
	position:relative;
	margin:0;
	margin-left:3px;
	margin-right:3px;
	background-image: url(imagenes/1_1.jpg);

}

#content img.nomargin{ 
margin:0px;
vertical-align: bottom;
}


#content li
{margin-left:3em;
padding-bottom:0.5em;}

#content .actividad
{padding:10px;border:2px dotted #9092C6;width:90%;
background-color:#F2F2FA;font-size:95%;margin-bottom:10px;}

#content .actividad h2
{color:#ffffff;font-size: 1.3em;font-weight:bold;background-color:#695431;width:20%;padding-left:10px;
margin-top:0em;}

#content .actividad h3
{color:#7576A5;font-size: 1.3em;}

#content ul
{ list-style-image:url(imgs_frames/bullet_sqr.gif);
list-style-position: outside;
position:relative;
left:-19px;
margin-top:10px;
margin-bottom:10px;}

.alerta
{font-size:1em;color:#FF0000;border-bottom:1px solid #ff0000;}



#content .pie_foto
{font-size:0.8em;
color:#666666;
text-align:left;
margin-bottom:1.7em;
padding:0px;
}

.print
{padding:15px;}

.print a
{padding:3px;border-top:0px solid #ff0000; background-color:#D5D5E9;font-weight:normal;}

.print a:hover
{padding:3px;border-top:0px solid #ff0000; background-color:#ECC1C5;font-weight:normal;}

table.tabla_base {
background-color:#CCCCCC;
width: 90%;
font-size:0.9em;
margin:auto;
margin-bottom:20px;
margin-top:20px;
border-top:1px solid #666666;
border-right:1px solid #666666;
background-color:#E5E5EA;
}

table.tabla_base td {
padding:4px;
border-bottom:1px solid #666666;
border-left:1px solid #666666;
}

#navegacion_paginas
{font-size:0.9em;
font-style:italic;
margin-top:3em;
width:100%;
}

#navegacion_paginas .anterior
{float:left;margin-right:20px;
}

#navegacion_paginas .subir
{float:right;margin-left:10px;
}


#navegacion_paginas .siguiente
{float:right;margin-left:10px;
}

#mainNav { 
  width:250px; 
  float: left; 
background-color:#FFFFFF;
text-align:right;


} 

#mainNav {
  list-style: none;
line-height:140%;
font-size:0.9em;
padding-left:1em;
}

#mainNav ul {
padding-top:0.3em;
}

#mainNav li { 
list-style-type:none;  
padding-top:0.3em;
padding-bottom:0.3em;
font-weight:bold;
margin-bottom:0em;
border-top:1px solid #839158;
border-left:0px solid #695431;
padding-left: 10px;
} 

#mainNav li.sub { 
list-style-type:none;
padding-right:0px;
padding-top:0.1em;
padding-bottom:0em;
font-weight:normal;
border:0px solid #A9535B;
margin:0em;
} 

#mainNav li.sub a:hover { 
font-weight:normal;
} 


/*rollover del menú lateral*/
#mainNav li:hover { 
background-color:#dacfbc;
} 

#footer { 
  clear: both; 
} 

/* Add some padding 
================================== */

#mainNav {
  padding-top: 20px;
  padding-bottom: 20px;
}

#mainNav * {
  padding-left: 0px;
  padding-right: 20px;
}

#mainNav * * {
  padding-left: 0;
  padding-right: 0;
}

#content {
  padding-top: 20px;

}




@media print
{

body {
background-color:#fff;
background-image:none;
}

#branding {
display:none;
}

h1.oculto {
margin: 0;
display:block;
font-size:2.6em;

}


#navegacion li {
display:none; }

#unidad
{display:block;}

#mainNav  {
display:none; }

#content
{width:880px;
padding:10px;
display: inherit;}


#content .actividad
{padding:10px;border:0px dotted #9092C6;
background-color:#FFF;font-size:0.9em;
overflow:auto;}


#wrapper
{border:0px;}


}

/*====nuevo
========================*/
#textoazul{
color:#695431;
font-weight:bold;}

.textomarron{
color:#695431}

#sabermas{
background-image:url(imgs_frames/iconos/sabermas.png);
background-repeat:no-repeat;
background-position:5px 5px;
padding-top:50px;
padding:50px 12px 0px 30px;
margin-top:50px;
background-color:#ece7dd;
font-size: 1.0em;margin:auto;
text-align:auto;
margin-bottom:10px;
color: #695431;
}

#sabermas a{
color:#695431;
text-decoration:underline;

}
#investiga{
background-image:url(imgs_frames/iconos/investiga.png);
background-repeat:no-repeat;
background-position:5px 5px;
padding-top:50px;
padding:50px 12px 0px 30px;
margin-top:50px;
background-color:#ece7dd;
font-size: 1.0em;margin:auto;
text-align:auto;margin-bottom:10px;color: #695431 ;
}

#investiga a{
color:#695431}
#reflexiona{
background-image:url(imgs_frames/iconos/reflexiona.png);
background-repeat:no-repeat;
background-position:5px 5px;
padding-top:50px;
padding:50px 12px 0px 30px;
margin-top:50px;
background-color:#ece7dd;
font-size: 1.0em;margin:auto;
text-align:auto;margin-bottom:10px;color: #695431 ;
}
#reflexiona a{
color:#695431;
text-decoration:underline;}
#datos{
background-image:url(imgs_frames/iconos/datos.png);
background-repeat:no-repeat;
background-position:5px 5px;
padding-top:50px;
padding:50px 12px 0px 30px;
margin-top:50px;
background-color:#ece7dd;
font-size: 1.0em;margin:auto;
text-align:auto;margin-bottom:10px;color: #695431 ;
}
#datos a{
color:#695431}
#audioyvideo{
background-image:url(imgs_frames/iconos/audioyvideo.png);
background-repeat:no-repeat;
background-position:5px 5px;
padding-top:50px;
padding:50px 12px 0px 30px;
margin-top:50px;
background-color:#ece7dd;
font-size: 1.0em;margin:auto;
text-align:auto;margin-bottom:10px;color: #695431 ;
}
#audioyvideo a{
color:#695431}
#recetas{
background-image:url(imgs_frames/iconos/recetas.png);
background-repeat:no-repeat;
background-position:5px 5px;
padding-top:50px;
padding:50px 12px 0px 30px;
margin-top:50px;
background-color:#ece7dd;
font-size: 1.0em;margin:auto;
text-align:auto;margin-bottom:10px;color: #695431 ;
}
#recetas a{
color:#695431}
