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

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

a
{color:#3f75a4;text-decoration:none;}

a:hover
{color:#000;text-decoration:none;
}

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

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:#3f75a4;
}

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:90px;
  padding: 20px;
background-image:url(imgs_frames/header2.jpg);
background-position:0px -215px;
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:#c6e4ff;
}

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

#unidad{
height:30px;
background-image:none;
background-color:#a4dafa;
padding-left:20px;
}

#unidad h1{


}

#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:#c6e4ff;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:#c6e4ff;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;
color:#3f75a4;


} 

#mainNav {
  list-style: none;
line-height:140%;
font-size:0.9em;
padding-left:1em;
color:#0e4473;
}

#mainNav a, a:link {
color:#0e4473;
}

#mainNav a:hover {
color:#6fa5d4;}




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

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


}