/* Pretty Stuff
================================== */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

a
{color:#A85159;text-decoration:none;}

a:hover
{color:#6569B2;text-decoration:none;font-weight:bold;
}

a:active, a:focus
{color:#8286BC;text-decoration:none;font-weight:bold;}

body {
  font:75%/1.4 Verdana, Arial, Helvetica, sans-serif;
  background-color:#fff;
background-image:url(images/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:#6165AE;
}

h2 {
  font-size: 1.4em;
  font-weight: normal;
color:#44488C;
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:110px;
  padding: 20px;
background-image:url(images/header2.jpg);
background-position:-20px -220px;
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-right:20px;margin-bottom:10px;padding:5px;}

#navegacion li:hover
{display:inline;padding-right:20px;margin-bottom:15px;
padding:5px;
border-bottom:0px solid #6569B2;
background-color:#D5D5E9;
}

#navegacion a{
color:#FFFFFF;
font-weight:bold;
}

#unidad{
height:30px;
background-image:none;
background-color:#9aa9cf;
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:#D5D5E9;padding:10px;width:90%;font-size: 1.0em;margin:auto;
text-align:auto;margin-bottom:10px;color: #272761;}

#content .sintaxis
{padding-top:3px;font-weight:bold;}

#content img{
	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 #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 #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:#CAB4C5;
} 

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



* {
    margin: 0;
    padding: 0;
}

a, a:link, a:visited, a:active {
    color: #FFFFFF;
    font-family: sans-serif;
    text-decoration: none;
}

a:hover {
    font-family: sans-serif;
    text-decoration: none;
}

body {
    line-height: 80%;
    background-image: url(../imgs_frames/fondo_rayas3.gif);
    background-repeat: repeat;
    font-family: sans-serif;
    min-width: 940px;
}

h1.hidden {
    visibility: hidden;
}

h1.titulo {
    width:900px;
margin: 0 auto;
    height:20px;
padding-top:30px;
color:#7B2C33;
}

#main {
    width: 900px;
    height: 500px;
    border: 5px solid #fff;
    background-image: url(../imgs_frames/indice.jpg);
    margin: 0 auto;
    text-align: left;
}

#main_index {
    width: 900px;
    height: 500px;
    border: 5px solid #fff;
    background-image: url(../imgs_frames/home.jpg);
    margin: 0 auto;
    text-align: left;
}

#indice_main {
    position: relative;
    top: 160px;
    left: 40px;
    width: 250px;
    border: 0px solid #000;
    line-height: 230%;
}

#indice_main li {
    list-style: none;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}


#indice_main .cursiva {
    list-style: none;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
	font-style: italic;
	color:#000033;
	padding-top:80px;
	
}

#indice_main li a, a:link, a:visited, a:active {
}

#indice_main li a:hover {
    color: #A9535B;
    padding-left: 10px;
    border-left: 10px solid #A9535B;
}

div.main_autores {
    position: relative;
    width: 770px;
    height: 442px;
    border: 10px solid #fff;
    margin: 10%;
    margin-top: 5%;
    clear: both;
    background-image: url(../imgs_frames/fondo_autores.jpg);
}

div.volver {
    position: relative;
    top: 200px;
    left: 30px;
    color: #000000;
    z-index: 0;
    font-size: 80%;
    padding: 2px;
}

div.volver a:hover {
    background-color: #fff;
    color: #006699;
}

.indice {
    position: relative;
    top: 130px;
    left: 60px;
    color: #ffffff;
    z-index: 2;
    padding: 0px;
    margin: 0px;
    width: 500px;
    border: 0px solid #fff;
    font-size: 16px;
}

.lista1 {
    font-family: sans-serif;
    font-size: 14px;
    line-height: 80%;

}

.lista1 li {
    list-style-type: none;
    padding: 4px;
    padding-right: 10px;

}

.lista1 li a {
    background-color: none;
    border-bottom: 0px dotted #fff;
padding: 1px;
    padding-left: 30px;
    padding-right: 10px;
    position: relative;
    left: -40px;
color:#003366;

}

.lista1 li a:hover {
    background-color: #C6BDE8;
    border-bottom: 0px dotted #fff;
    position: relative;
    left: -40px;
}