/* Plantilla filosofia.tk CSS2 XHTML1.0

 * $Id: ftk.css, marzo 2005 filosofia $

 */



 body { 


 font-style: normal;
 font-weight: 200;
 font-size: 12px;
 line-height: 130%;
 font-family: arial, trebuchet ms, verdana, sans-serif;
 background: #fff9fa;
 color: #000000;
 background-image: url('images/matemat.gif');
 word-spacing: 0.04em;
 letter-spacing: 0.02em;
 text-align: justify;
 text-indent: 0em;
 margin-top: 0em;
 margin-right: 0em;
 margin-left: 0em;
 margin-bottom: 0em;

}





#contenedor{ 

    text-align: left; 
    width: 770px; 
    margin: auto; 
    background-color: #fff9fa

 

} 

#cabecera{ 

    height: 80px;
    width: 770px;
    background-color: #fff9fa; 
    background-image: url('images/logo.gif') ; 
    color: #000066; 
    font-size:12pt; 
    font-weight: bold; 

    

} 

#cuerpo{ 

    height: 100%;
    background-color: #fff9fa;

} 

#lateral{ 

    width: 110px; 
    background-color: #fff9fa; 
    float:left; 

} 

#lateral ul{ 

    margin : 0 0 0 0px; 
    padding: 0 0 0 0px; 
    list-style: none; 

} 



#lateral a{ 

    color: #3333cc; 
    text-decoration: none; 

} 

#otrolado{ 

    width: 130px; 
    height: auto;
    float: right; 

    

} 

#derecha{ 

    margin: 0 0 0 120px; 

} 



#principal{ 
    color: #000000;
    background-color: #fff9fa; 
    width: 490px; 
    float: left; 

} 





#pie{ 

    background-color: #ff6600; 
    background-image: url('img/logo02.gif') ;
    text-align:right; 
    clear: both; 

} 

#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=orange,direction=135);
}


#poweredby {
	margin-top:50px;
}

.c5t_system {
    padding:10px;
    width:800px;
    margin-bottom:10px;
    border:1px solid #FF0000;
    background-color:#FFF8F8;
}

.c5t_debug {
    padding:10px;
    margin-bottom:10px;
    border:1px solid #0070C0;
    background-color:#ECF0FF;
}

.c5t_comment_form_table {
    width:400px;
    border:1px solid #C0C0C0;
    padding:5px;
}

.c5t_comment_form_field input[type="text"],
.c5t_comment_form_field textarea {
    width:375px;
}

.c5t_comment_form_label {
    vertical-align:top;
    width:150px;
}

.c5t_comment_list {
    margin-bottom:20px;
    width:400px;
}

.c5t_comment_item {
    border:1px solid #C0C0C0;
    padding:5px;
    margin-bottom:15px;
}

.c5t_comment_item_details {
    font-size:70%;
}

.c5t_comment_item_text {
    margin-top:10px;
}

.c5t_comment_form_submit input {
    margin-top:20px;
}

.c5t_headline {
    font-size:110%;
}

.c5t_comment_item_title {
	margin:10px 0 10px 0;
	font-weight:bold;
}

.c5t_comment_item_admin_buttons {
	margin:10px 0 10px 0;
	padding-top:15px;
	border-top:1px solid #cccccc;
}

.c5t_comment_item_admin_buttons a {
	border:1px solid #cccccc;
	padding:3px 10px;
	text-decoration:none;
	font-size:90%;
	font-weight:bold;
	color:#0000ff
}

.c5t_error_message {
	color:#FF5F00;
}

.c5t_error_message_item {
	padding-bottom:10px;
}

.c5t_login input[type="password"],
.c5t_login input[type="text"] {
	width:250px;
}

.c5t_admin_account input[type="password"],
.c5t_admin_account input[type="text"] {
	width:250px;
}

.c5t_identifier_form {
	margin-bottom:20px;
}

.c5t_confirmation {
	margin-bottom:20px;
    width:390px;
    border:1px solid #C0C0C0;
    padding:5px 5px 15px 5px;
}

.c5t_confirmation_text {
	color:#FF5F00;
	margin-bottom:15px;
}

.c5t_confirmation_buttons a {
	border:1px solid #cccccc;
	padding:3px 10px;
	text-decoration:none;
	font-size:90%;
	font-weight:bold;
	color:#0000ff;
}

.c5t_installation_form {
	width:80%;
	margin-bottom:30px;
}

.c5t_installation_form legend {
	font-weight:bold;
}

.c5t_installation_form_label {
	font-weight:bold;
	width:160px;
}

.c5t_setting_form {
	width:80%;
	margin-bottom:30px;
}

.c5t_setting_form td {
	padding-top:20px;
}

.c5t_setting_form legend {
	font-weight:bold;
}

.c5t_setting_form_label {
	width:150px;
	font-weight:bold;
}

.c5t_web_page {
	font-size:85%;
	margin-bottom:20px;
}

h1 {font-family: Arial Narrow, algerian, arial; font-size: 200%; line-height: 120%; text-align: left; color: #ff6600; background: #ffffff; border-right: 3px #800517 double; border-width : thin thick thick thin; border-bottom:3px #800517 double;}
h2 {font-family: Arial Narrow; font-size: 150%; line-height: 120%; text-align: left; color: #ff6600; background: #ffffff; border-right: 3px #800517 double; border-width : thin thick thick thin; border-bottom:3px #800517 double;}
h3 {font-family: verdana, sans-serif; color: #c35817; font-size: 120%; line-height: 120%; text-align: center; border-bottom:1px dashed #996; }
h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color:#6f6f6f}
h5 {font-family: verdana, sans-serif; color: #999900; font-size: 100%; line-height: 120%; text-align: left; }
h6 {font-family: verdana, sans-serif; color: #009999; font-size: 100%; line-height: 120%; text-align: left; }
h7 {font-family: verdana, sans-serif; color: #990099; font-size: 100%; line-height: 120%; text-align: left; }



b {color: #817339;}
b.w {color: #c6aec7;}
p {text-indent: 2em; text-align: justify; }
p.s {text-indent: 0em; }
p.sm {text-indent: 0em; margin-left: 0em; margin-right: 0em; font-size: 90%; }
p.ss {text-indent: 0em; margin-left: 3em; margin-right: 2em; }
p.sc {text-indent: 0em; margin-left: 3em; margin-right: 2em; font-size: 90%; }
p.sg {text-indent: -1em; margin-left: 1em;}
p.sp {text-indent: 0em; margin-left: 8em; margin-right: 1em; font-size: 90%; }
p.d {text-align: right; font-size: 100%;}
p.d0 {font-weight: bold; text-align: right; color: #000000; }
p.d1 {font-weight: bold; text-align: right; color: #999900; }
p.d2 {font-weight: bold; text-align: right; color: #009999; }
p.d3 {font-weight: bold; text-align: right; color: #990099; }
p.d4 {font-weight: bold; text-align: right; color: #999999; }
p.d5 {font-weight: bold; text-align: right; color: #000099; }
p.d6 {font-weight: bold; text-align: right; color: #990000; }
p.dp0 {text-align: right; font-size: 80%; color: #000000; }
p.dp1 {text-align: right; font-size: 80%; color: #999900; }
p.dp2 {text-align: right; font-size: 80%; color: #009999; }
p.dp3 {text-align: right; font-size: 80%; color: #990099; }
p.dp4 {text-align: right; font-size: 80%; color: #ffffff; }
p.dp5 {text-align: right; font-size: 80%; color: #000099; }
p.dp6 {text-align: right; font-size: 80%; color: #990000; }
p.ds {margin-left: 9em; text-align: right; margin-right: 1em; }
p.dm {margin-left: 9em; text-align: right; margin-right: 1em; font-size: 90%; }
p.c {text-indent: 0em; text-align: center; }
p.cm {text-indent: 0em; margin-left: 3em; margin-right: 3em; text-align: center; font-size: 90%; }
p.c0 {font-weight: bold; text-align: center; text-indent: 0em; color: #000000; }
p.c1 {font-weight: bold; text-align: center; text-indent: 0em; color: #999900; font-size: 90% }
p.c2 {font-weight: bold; text-align: center; text-indent: 0em; color: #009999; }
p.c3 {font-weight: bold; text-align: center; text-indent: 0em; color: #990099; }
p.c4 {font-weight: bold; text-align: center; text-indent: 0em; color: #999999; }
p.c5 {font-weight: bold; text-align: center; text-indent: 0em; color: #000099; }
p.c6 {font-weight: bold; text-align: center; text-indent: 0em; color: #463e3f; }
p.cp {text-indent: 0em; margin-left: 3em; margin-right: 3em; text-align: center; font-size: 80%; }
p.cp4 {text-indent: 0em; text-align: center; font-size: 80%; color: #999999; }
p.ma {text-indent: -1em; margin-left: 1em;}
p.mb {text-indent: -2em; margin-left: 2em;}
p.i0 {font-weight: bold; text-indent: 0em; color: #000000; }
p.i1 {font-weight: bold; text-indent: 0em; color: #999900; }
p.i2 {font-weight: bold; text-indent: 0em; color: #009999; }
p.i3 {font-weight: bold; text-indent: 0em; color: #990099; }
p.i4 {font-weight: bold; text-indent: 0em; color: #999999; }
p.i5 {font-weight: bold; text-indent: 0em; color: #000099; }
p.i6 {font-weight: bold; text-indent: 0em; color: #990000; }
p.i7 {font-weight: normal; text-indent: 0em; color: #990000; }



.xtitle { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12pt; font-weight: normal}
.xresult { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; font-weight: normal}
.xlocation { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; color:green; font-weight: normal}
.xsmall { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; color:green; font-weight: normal}


.matrix { font-family:Lucida Console, Courier, Monotype; font-size:10pt; text-align:center; width:10px; padding:0px; margin:0px;}



a:link {color: #990000; background: transparent; text-decoration: none; font-weight: bold; }
a:visited {color: #990000; background: transparent; text-decoration: none; font-weight: bold; }
a:hover {color: #ffffff; background: #ff6600; text-decoration: none; font-weight: bold; }



A.clase1:visited {color:#ff6600;} 
A.clase1:active {color:#ff6600;} 
A.clase1:link {color:#ff6600;} 
A.clase1:hover {color:#00ff00; background:none;} 



a.clase2:visited {font-size:12px;color:#ff0000;} 
a.clase2:active {font-size:12px;color:#ff0000;} 
a.clase2:link {font-size:12px;color:#ff0000;} 
a.clase2:hover {font-size:12px;color:#ffffff; background:#ff0000; text-decoration: none; font-weight: bold; border-bottom:0px dashed #c35817; } 

a.clase3:visited {font-size:10px;color:#ff6600;} 
a.clase3:active {font-size:10px;color:#ff6600;} 
a.clase3:link {font-size:10px;color:#ff6600;} 
a.clase3:hover {font-size:10px;color:#ff6600 background:#ff6600; text-decoration: none; } 


a.rae:visited {font-size:12px;color:#990000; font-weight: normal;} 
a.rae:active {font-size:12px;color:#ff0000; font-weight: normal;} 
a.rae:link {font-size:12px;color:#990000; font-weight: normal;} 
a.rae:hover {font-size:12px;color:#990000; cursor: help; background: none; text-decoration: none; font-weight: normal; border-bottom:1px dashed #c35817; } 


a.img:visited {font-size:12px;color:#990000; font-weight: normal;} 
a.img:active {font-size:12px;color:#ff0000; font-weight: normal;} 
a.img:link {font-size:12px;color:#990000; font-weight: normal;} 
a.img:hover {font-size:12px;color:#990000; cursor: help; background: none; text-decoration: none; font-weight: normal;} 

.contenedorfoto { 
   float:right; 
   margin-top: 0px; 
   margin: 10px; 
   padding:5px; 
   background-color:#f5f7f9; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align:center; 
} 

.contenedorfotoc { 
   margin: auto; 
   padding:5px; 
   background-color:#f5f7f9; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align:center; 
} 

.toggleopacity:img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleopacity img{
border: 1px solid #ccc;
}

dt {font-family: arial, sans-serif; font-weight: bold; text-align: left; }
dt.a {font-family: arial, sans-serif; font-weight: 600; margin-left: 1em; color: #990000; background: transparent; }
dd {font-family: arial, sans-serif; font-weight: normal; text-align: justify; }



#navcontainer
{
margin: 0;
padding: 0;
height: 22px;
font: 11px Verdana, sans-serif;
width: 100%;
border-bottom: 1px solid #bbb;
list-style-type: none;
background: #fff;
}

#navlist li
{
float: left;
margin: 0;
padding: 0;
width: auto;
display: block;
}

#navlist li a, #navlist li a:link
{
background: #fff;
color: #555;
text-decoration: none;
padding: 3px 5px 3px 5px;
display: block;
}

#navlist li a:hover
{
color: #039;
border-bottom: 3px solid #bbb;
cursor: pointer;
background: #eee;
}

#navlist li a#current, #navlist li a#current:link
{
color: #000;
cursor: default;
font-weight: bold;
border-bottom: 3px solid #999;
}

#navlist li a#current:hover
{
border-bottom: 3px solid #f90;
background: #eee;
}



#lista1 { list-style-image: url(icono/estrella.gif); }
ul {font-family: trebuchet ms, arial, sans-serif; text-align: justify; margin-right: 2em; }
ol {font-family: arial, sans-serif; text-align: justify; margin-right: 2em; }
ol.j9 {font-family: arial, sans-serif; text-align: justify; margin-right: 2em; font-size: 90%; }



td { 

 font-style: normal;
 font-weight: 400;
 font-size: 12px;
 line-height: 130%;
 font-family: arial, trebuchet ms, verdana,  sans-serif;
 color: #000000;
 word-spacing: 0.04em;
 letter-spacing: 0.02em;
 text-align: justify;
 text-indent: 0em;
 margin-top: 0em;
 margin-right: 0em;
 margin-left: 0em;
 margin-bottom: 0em;

}

td.a {font-family: arial, sans-serif; text-align: justify; vertical-align: top; text-indent: 0em; color: #ffffff; background: #c8b560;}
td.a1 {font-family: arial, sans-serif; text-align: left; vertical-align: top; text-indent: 0em; background:#ff0000;}
td.b {font-family: arial, sans-serif; text-align: right; vertical-align: top; text-indent: 0em; }
td.ba {font-family: arial, sans-serif; text-align: right; vertical-align: bottom; text-indent: 0em; }
td.b2 {font-family: arial, sans-serif; text-align: right; vertical-align: middle; text-indent: 0em; font-size: 70%; }
td.c {font-family: arial, sans-serif; text-align: center; vertical-align: middle; text-indent: 0em; }
td.c2 {font-family: arial, sans-serif; text-align: center; vertical-align: middle; text-indent: 0em; font-size: 70%; }
td.d {font-family: arial, sans-serif; text-align: justify; vertical-align: top; text-indent: 0em; font-size: 70%; }
td.e {font-family: arial, sans-serif; text-align: center; vertical-align: top; text-indent: 0em; }
td.e2 {font-family: arial, sans-serif; text-align: center; vertical-align: top; text-indent: 0em; font-size: 70%; }



img					{ border-color: #fff9fa; color: #000000;}



/* IE 5.5 box model hack para posicionar correctamente las imagenes de esquina */

* html img.esquina_sup_izq, * html img.esquina_inf_izq  { \margin-left:-.2em;  ma\rgin-left:0; }

* html img.esquina_inf_der, * html img.esquina_sup_der { \margin-left:.2em; }