/* Pretty Stuff
================================== */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

a
{
	color:#FF6600;
	text-decoration:none;
}

a:hover
{
	color:#8C2E08;
	text-decoration:none;
	font-weight:bold;
}

a:active, a:focus
{
	color:#FF9900
	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:#8C2E08;
}

h2 {
  font-size: 1.4em;
  font-weight: normal;
color:#8C2E08;
margin-bottom:1em;
margin-top:2em;
}

h3 {
  font-size: 1.2em;
  font-weight: normal;
color: #8C2E08;
margin-bottom:1em;
margin-top:1em;
}



p {
margin-bottom:1.3em;
}

#wrapper {
	background-color:#FFFFFF;
	border:1px solid #FF9900;
}

#branding {
  height:90px;
  padding: 20px;
background-image:url(imgs_frames/header2.jpg);

padding:0px;
}


#branding .titulo {
position:relative;
top:-15px;
left:-50px;

}


#navegacion {
height:auto;
background-image:none;
padding:4px;
padding-left:20px;

}

#navegacion h1
{padding:0px;margin:0px;color:#000; border-bottom:1px solid #6165AE;
}



#navegacion li
{display:inline;padding:2px;padding-right:0px;margin-bottom:10px;}

#navegacion li:hover
{display:inline;
border-bottom:0px solid #6569B2;
background-color:#f3c376;
}

#navegacion a{
color:#924c13;
font-weight:bold;
}

#unidad{
	height:30px;
	background-image:none;
	background-color:#FF9900;
	padding-left:20px;
}

#unidad h1{
color:#FFFFFF;
}

#footer {
	padding: 20px;
	border-top: 1px dashed #ff6600;
	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 img
{ display:block;margin:auto;}


#content .aviso
{
	background-color:#f4e9d4;
	padding:10px;
	width:90%;
	font-size: 1em;
	margin:auto;
	text-align:auto;
	margin-bottom:10px;
	color: #632b14;
}

#aviso 
{background-color:#D5D5E9;padding:10px;width:90%;font-size: 1.0em;margin:auto;
text-align:auto;margin-bottom:10px;color: #272761;}

#content .amplia
{ background-color:#D5D5E9;padding:10px;width:90%;font-size: 1.0em;margin:auto;
text-align:auto;margin-bottom:10px;color: #272761;
background-image:url(iconos/amplia.png); background-repeat:no-repeat; background-position:top left;}

#content div img
{ margin:0px;}

#content .sintaxis
{padding-top:3px;font-weight:bold;}

#content imgx{
	position:relative;
	margin:0;
	margin-left:3px;
	margin-right:3px;


}

#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:#9092C6;width:20%;padding-left:10px;
margin-top:0em;}

#content .actividad h3
{color:#7576A5;font-size: 1.3em;}


#content .actividad li img
{margin-left:-30px;}

#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:2em;color:#FF0000;border-bottom:1px solid #ff0000;}



#content .pie_foto
{font-size:0.9em;
font-style:italic;
text-align:center;
margin-top:0.9em;
padding:0px;
margin-bottom:10px;
}

.print
{padding:15px;}

.print a
{padding:3px;border-top:0px solid #924c13; background-color:#eed29d;font-weight:normal;}

.print a:hover
{
	padding:3px;
	border-top:0px solid #FFFFFF;
	background-color:#FA8D4B;
	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 #8c2e08;
	border-right:1px solid #8c2e08;
	background-color:#f4e9d4;
}

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 #CAB4C5;
border-left:0px solid #CAB4C5;
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;

} 



#mainNav li:hover {
	background-color:#eed29d;
} 

#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;

}

#nota_pie
{font-size:0.9em;color:#790c11;padding-top:1em;border-top:1px dotted #999999;}

.superindice
{font-size:0.9em; position:relative;top:-0.5em;}


@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;}


}
