/* CSS Document realizado por maria dolores garcia 2006
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif}
p{margin:0 10px 10px}
a{display:block;color: #006;padding:10px}
div#header{position:relative}
div#header h1{height:80px;line-height:80px;margin:0;
padding-left:10px;background: #EEE;color: #79B30B}
div#header a{position:absolute;right:0;top:23px}
div#content p{line-height:1.4}
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #C6D5FD}

div#wrapper{float:left;width:100%}
div#content{margin: 0 25%}
div#navigation{float:left;width:25%;margin-left:-100%}
div#extra{float:left;width:25%;margin-left:-25%}
div#footer{clear:left;width:100%}
</style>

*/



html {
height: 100%;
}

body{
font-size: 0.75em;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
background-color:#8fb9dd;/*#FAF0E9;#dddddd;*/
background-image:url(../imagenes/bg6.jpg); 
background-repeat:no-repeat/*repeat-y*/;
background-position:top right;
margin:0 auto;
height:100%;
text-align:center;
}
/*------------(CSS LOGO TAW)------------*/

.tawlogo {
font-family: arial, sans-serif;
border: 1px solid #555;
vertical-align: 0.3em;
font-weight: bold;
color: #fff;
font-size: 0.9em;
background-color: #555;
padding: 0;
}

.tawlogo .tnivel {
padding: 0 0.4em ;
border-bottom: 0px;
background-color: #555;
color: #fff;
font-size: 0.8em;
}

.tawlogo abbr {
border-bottom: 0px;
}

.tawlogo acronym{
border-bottom: 0px;
padding: 0 0.3em;
background-color: #fff;
color: #000;
}

.tawlogo sup{
padding: 0em;
vertical-align: 0.6em;
font-size: 0.6em;
}
/*------------(CSS LOGO TAW)------------*/
#txpCommentInputForm label, #zemContactForm label {
background-color : #FAF0E9;/*#fef7dd; */
color : #65532f;
float : left; 
font-size : 1em; 
font-weight : bold; 
width : 10em; 
} 
#zemContactForm {
margin : 0; 
padding : 0; 
} 
#txpCommentInputForm label.longlabel {
width : 100% !important; 
} 
#txpCommentInputForm p, #zemContactForm p {
margin : 0 auto; 
width : 70%; 
} 
#sugerencias #zemContactForm p {
width : auto !important; 
} 
#preview, #zemSubmit {
margin-left : 15.6em; 
background-color : #65532f;/*#30bfbf;*/
color : #ffffff;
text-transform : capitalize; 

} 
#txpCommentInputForm, #zemContactForm {
margin : 2em 0; 
} 
input, textarea {
background-color : #fffdf6; 
border : 1px solid #9e9d7a; 
color : #65532f; 
padding : 0 3px; 
} 
input:focus, textarea:focus {
background-color : #ffffff; 
border : 1px solid #82815f; 
color : #3b301c; 
} 
.button, .pright input {
background-color : #e1ddd9; 
border : 1px outset #de614b; 
color : white; 
font-size : 10px; 
font-weight : bold; 
margin-left : 4px; 
padding : 2px 8px; 
text-transform : uppercase !important; 
} 
.button:focus {
background-color : #d9482f; 
color : #65532f;
} 
form, form div {
margin : 10px; 
padding : 10px; 
} 
#zemContactForm textarea {
width : 200px; 
} 
#sugerencias #zemContactForm textarea {
height : 40px; 
width : 80px; 
} 
#sugerencias input {
width : 100px; 
} 
#sugerencias #zemContactForm #zemSubmit {
width : auto; 
} 
#sugerencias p {
margin : 0; 
padding : 2px; 
} 
#txpCommentInputForm textarea {
font-size : 0.9em; 
margin-left : 16em; 
width : 250px; 
} 
p#txpCommentInputForm {
color : #6b7645; 
background-color : #ffffff; 
font-weight : bold; 
} 
#message {
width : 80%; 
} 
textarea {
font-size : 1em; 
} 
.zemError {
background-color : #f8ede8; 
color:#000000;
border : 1px solid #eecfca; 
} 
#edtoolbar {
clear : left; 
margin-left : 16em; 
margin-top : 0.5em; 
} 
.ed_button {
background-color : #dee6b1; 
color:#000000;
border : 1px outset #bcc173; 
font-size : 0.9em; 
} 
.ed_button_pressed {
background-color : #d8db99; 
color:#000000;
border : 1px inset #bcc173; 
font-size : 0.9em; 
}
.p_correo{
background-image:url(../imagenes/WB00703L.gif); 
background-repeat:no-repeat;
  background-position:center;
  width:100%;
height:31px;
} 

#correo{

margin-top:0.5em;
padding-top:0.5em;
/*background-color : #d8db99; */
color:#000000;
border : 2px dashed #bcc173; 
font-size : 0.9em; 
}
/*--------------------------------------------------------------------*/

#container{
/*width:94%;*/
width:  94%;  /* Para navegadores Opera */
\width: 94%;  /* Para IE se agrega el padding y el border */
w\idth: 94%;  /* Cualquier otro navegador estándar */
/*border-style:solid;
border-width:3px;
border-color:#F2DFCC;
background-image:url(../imagenes/picture1.gif); */
background:transparent;
margin:0 3%;
padding:0;

height:auto;
text-align: left;
}
a {
color: #333;
background-color:#FAF0E9;
text-decoration:none;
font-weight : bold; 
font-size:1em;

/*background-color:#CFE6E6;*/
/*text-decoration: none;*/
/* font-weight: bold;*/
}

a:visited 
{color:#000000;
background-color:#FAF0E9;
text-decoration:none;
font-size:1em;
}
a:hover {
color: #000000;
background-color:#FAF0E9;
/*text-decoration:underline;*/
border-bottom:1px dashed #333;
font-size:1em;
}
a:active { 
color:#000000;
background-color:#FAF0E9;
text-decoration:none;
font-size:1em;
}
/* -------------Foto de dolores--------------------------------------------------------*/
#columna_1{
position: relative;
/*border-style:dashed;
border-width:1px;
border-color:#000000;*/
width:14%;
height:85px;
padding:5px 10px;
margin:0 ;
display:inline;
float:left;
/*border-bottom: 3px solid #F2DFCC;*/
}
/*#contenedor_cuerpo{
position: relative;
width:70%;
border-style:dashed;
border-width:1px;
border-color:#000000;
padding:5px;
margin:5px 0;
heigth:auto;
float:left;
clear:right;
}*/
/*----------------------Barra de navegacion en encabezado-------------------------------*/
#nav{
position: relative;
width:90%;
height:85px;
/*border-style:dashed;
border-width:1px;
border-color:#000000;*/
/*border-bottom: 3px solid #F2DFCC;*/
padding-top : 0px; 
padding-bottom : 5px; 
margin:0;
float:left;

}
div#nav ul {
margin : 0 1em; 
/*float : right;*/
text-align:right; 
padding-left : 0.5em; 
padding-top : 1em; 
padding-bottom : 0; 

} 
#nav li {
font-family :Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size : 0.90em; 
float : left; 
list-style : none; 
text-align : center; 
background-color:transparent;
background-repeat:repeat-x; 
} 
#nav li a {
display : block; 
margin-left : 0.3em; 
line-height : 25px; 
text-decoration : none; 
color : #000; 
font-weight : bold; 
background-color:transparent;

background-repeat:repeat-x; 
padding-right : 0.5em; 
padding-left : 0.5em; 
} 
#nav li a.link1 {
border-top : 6px solid #d79811; 
} 
#nav li a.link2 {
border-top : 6px solid #528cc1; 
} 
#nav li a.link3 {
border-top : 6px solid #d42d29; 
} 
#nav li a.link4 {
border-top : 6px solid #41a644; 
} 
#nav li a.link5 {
border-top : 6px solid #ffcc33; 
} 
#nav li a.link1:hover {
background : #d79811; 
color : white; 
} 
#nav li a.link2:hover {
background :#528cc1; 
color : white; 
} 
#nav li a.link3:hover {
background :#d42d29;
color : white; 
} 
#nav li a.link4:hover {
background : #41a644; 
color : white; 
} 
#nav li a.link5:hover {
background : #ffcc33;
color : white; 
} 
#frase {
border-style:solid;
 border-color:#9dc1db;
 border-width:3px;
position: relative; 
background-color:#FAF0E9;
color:#000000;
/*margin-left:-200px;*/
padding-top : 0px; 
padding-bottom : 0px; 
margin:0 0 0 1em;
float:left;
height:55px;
width:26%;
}


div#frase p{
margin:0.5em;
padding:0em; 
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#333;
background-color:#FAF0E9;
font-size: 0.80em;
}
/*--------------primera columna a izquierda------------------------------------*/
#columna_2{
position: relative;
width:32%;
height:auto;
border-top: 1px solid #F2DFCC ;
padding:5px;
margin:2px 2px 2px 25px;
float:left;
clear:left;
display:inline;color:#333;
background-color:#FAF0E9;
background-image:url(../imagenes/borde1.jpg); 
background-repeat:repeat-x;
background-position:bottom left;
}
.flor{
margin-top:0px;
position:relative; 
margin-left: 0px;
margin-bottom:0px;
padding:0px;
  background:url(../imagenes/flor.gif);
  background-repeat:no-repeat;
  background-position:center;
  width:100%;
height:31px;
  
}
.flor_recursos{
margin-top:0px;
position:relative; 
margin-left: 0px;
margin-bottom:0px;
padding:0px;
  background:url(../imagenes/estudiante_6.jpg);
  background-repeat:no-repeat;
  background-position:center;
  width:90%;
height:80px;
  
}
.flor_docente{
margin-top:0px;
position:relative; 

margin-bottom:0px;
padding:1px;
  background:url(../imagenes/hipertexto.jpg);
  background-repeat:no-repeat;
  background-position:center;
  width:100%;
height:80px;
  
}
.flor_colab{
margin-top:0px;
position:relative; 
margin-left: 0px;
margin-bottom:0px;
padding:0px;
  background:url(../imagenes/mundo.jpg);
  background-repeat:no-repeat;
  background-position:center;
  background-color:#fff;
  width:100%;
height:90px;
  
}

.flor_contacto{
margin-top:0px;
position:relative; 
margin-left: 0px;
margin-bottom:0px;
padding:0px;
  background:url(../imagenes/cafeygalletitas.gif);
  background-repeat:no-repeat;
  background-position:center;
  width:100%;
height:80px;
  
}
div#columna_2 p{
margin:1em;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#333;
background-color:#FAF0E9;
font-size: 0.90em;
}

.flor_accesi{
margin-top:0px;
position:relative; 
margin-left: 2px;
margin-bottom:0px;
padding:1px;
  background:url(../imagenes/img_home.jpg);
  background-repeat:no-repeat;
  background-position:center;
  width:95%;
height:95px;
  
}
.flor_cafe{
margin-top:0px;
position:relative; 
margin-left: 2px;
margin-bottom:0px;
padding:1px;
  background:url(../imagenes/cafeygalletitas.gif);
  background-repeat:no-repeat;
  background-position:center;
  background-color:#fff;
  width:95%;
height:95px;
  
}
.flor_pa{
margin-top:0px;
position:relative; 
margin-left: 2px;
margin-bottom:0px;
padding:1px;
  background:url(../imagenes/421020.jpg);
  background-repeat:no-repeat;
  background-position:center;
  width:95%;
height:95px;
  
}
.flor_new{
margin-top:10px;
position:relative; 
margin-left: 10px;
margin-right:2px;
margin-bottom:1px;
padding:5px;
width:100px;
height:100px;
  /*background:url(../imagenes/videoconferencia.jpg);
  background-repeat:no-repeat;
  background-position:center;*/
  
/*_width:5px;
_height:5px;
min-width:5px;
min-height:5px;*/
  
}
div#columna_2 p{
margin:1em;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#333;
background-color:#FAF0E9;
font-size: 0.90em;
}

h1{
width:100%;
height:1.80em;
margin-top:0;
font-size: 0.90em;
background:#F2DFCC;
color: #333;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}
h2{
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
background-color:#FAF0E9;
padding:0.5em;
margin-top:0;
font-size: 1.5em;

}
.detalle{
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#333;
background-color:#FAF0E9;
font-size: 1em;
font-style:italic;
font-weight:bold;
}
.detalle_dim{
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#333;
background-color:#FAF0E9;
background-image:url(../imagenes/dim10.gif);
background-repeat:no-repeat;
background-position:top left;
padding-left:3em;
font-size: 1em;
font-style:italic;
font-weight:bold;
}

.titulos{
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#333;
padding:0.5em;
font-size: 1em;
/*text-decoration:underline;*/
text-align:center;
background-color:#FAF0E9;
font-weight:bold;
height:2px;
}
.titulos_1{
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#333;
padding:0.5em;
font-size: 1em;
/*text-decoration:underline;*/
text-align:left;
background-color:#FAF0E9;
font-weight:bold;
height:2px;
}
#contacto{
border-style:dashed;
 border-color:#ffcc33; 
 border-width:1px;
/*position: relative;*/ 
background-color:#FAF0E9;
color:#000000;
/*margin-left:-200px;*/
margin-top:0px;
float:left;
height:auto;
width:100%;
}
div#columna_2 h1{
border-top : 6px solid #ffcc33; 
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 1em;
color:#333;
background-color:#FAF0E9;
font-weight:bold;
padding:0.5em;
width:95%;
}
div#sugerencias h2{
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 1em;
color:#333;
background-color:#FAF0E9;
font-weight:bold;
padding:0.5em;
}
.contacto{
border-style:solid;
 border-color:#ffcc33; 
 border-width:5px;
}
#proyecto{
border-style:dashed;
 border-color:#9dc1db;
 border-width:1px;
position: relative; 
background-color:#FAF0E9;
color:#000000;
/*margin-left:-200px;*/
margin-top:0px;
float:left;
height:auto;
width:100%;
}

#accesi{
border-style:dashed;
 border-color:#41a644;
 border-width:1px;
position: relative; 
background-color:#FAF0E9;
color:#000000;
/*margin-left:-200px;*/
margin-top:0px;
float:left;
height:auto;
width:100%;
}
div#accesi img{
position:relative;
float:left;
margin-right:5px;
}
div#columna_2 h3{
border-top : 6px solid #528cc1; 
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 1em;
color:#333;
background-color:#FAF0E9;
font-weight:bold;
padding:0.5em;
}
div#columna_2 h5{
border-top : 6px solid #41a644; 
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 1em;
color:#333;
background-color:#FAF0E9;
font-weight:bold;
padding:0.5em;
}
#recursos{
border-style:dashed;
 border-color:#d42d29;
 border-width:1px;
position: relative; 
background-color:#FAF0E9;
color:#000000;
/*margin-left:-200px;*/
margin-top:0px;
float:left;
height:auto;
width:100%;
}

.rec_tit{
background-color:#f1bcbc;
color:#000000;
width:100%;
height:auto;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 1em;
padding:0 0 .2em 0;
}
.tit_mayor_rec{
border-top : 6px solid #d42d29; 
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 1em;
color:#333;
background-color:#FAF0E9;
font-weight:bold;
padding:0.5em;
width:95%;
}
div#accesi h6{
background-color:#77c976;
color:#000000;
width:100%;
padding:0 0 .2em 0;
height:auto;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 1em;
}

div#proyecto h4{
background-color:#d0e2ef;
color:#000000;
width:100%;
height:auto;
padding:0 0 .2em 0;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 1em;
}
/*-------------------------segunda columna empezando por  la izquierda----------------------------*/
#columna_3{
position: relative;

width:32%;
height:auto;
border-top: 1px solid #F2DFCC ;

padding:0;
margin:3px 0px 0px 0px;
float:left;
display:inline;
background-color:#FAF0E9;
background-image:url(../imagenes/borde1.jpg); 
background-repeat:repeat-x;
background-position:bottom left;
color:#333;
}

div#columna_3 h2{
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
background-color:#d0e2ef;
font-size: 0.90em;
width:100%;
margin-top:0;
height:1.80em;
padding:0 0 0.3px 0;
margin:1px 0;
}
div#columna_32 ul{

font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#333;
background-color:#FAF0E9;
/*font-weight:bold;*/
font-size: 0.90em;
margin-left:1.9em;
margin-right:.2em;

 padding-left:0.9em;
}
 
div#columna_32 li{  
 /*  border-bottom: 1px solid #DDDDDD; */ 
 list-style-image: url(../bullets/BD10267_.GIF);
 font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#333;
background-color:#FAF0E9;
font-size: 0.90em;
  }  
div#columna_31 ul{

font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#333;
background-color:#FAF0E9;
/*font-weight:bold;*/
font-size: 0.90em;
margin-left:1.9em;
margin-right:.2em;
 padding-left:0.9em;
}
  
div#columna_31 li{  
 /*  border-bottom: 1px solid #DDDDDD; */ 
 list-style-image: url(../bullets/BD10267_.GIF);
 font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#333;
background-color:#FAF0E9;
font-size: 0.90em;
  }  
  div#colabora ul{

font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
background-color:#FAF0E9;
/*font-weight:bold;*/
font-size: 0.90em;
margin-left:1.9em;
padding-left:0.9em;
margin-top:0.1em;
 
}
  div#colabora li{
list-style-image:url(../bullets/BD14580_.gif);
 font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
background-color:#FAF0E9;
font-size: 0.90em;
}
div#columna_3 p{
margin:0.2em 0.2em 0 0.2em;
padding:0 0 0.1em 0.4em;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
background-color:#FAF0E9;
font-size: 0.90em;
}
div#columna_3 ol{
list-style-image: url(bullets/bd10267_.gif);

/* list-style-type:square;*//*lower-roman;*/
padding:0;  
margin:0.1em 0 0.1em 0;

/*font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#333;
background-color:#FAF0E9;
font-size: 0.90em;*/
}

/* --------------------tercera columna empezando por la izquierda---------------------------------------*/
#columna_4{
position: relative;
border-top: 1px solid #F2DFCC ;
width:20%;
/*border-style:solid;
height:auto;
border-width:1px;
border-color:#F2DFCC;*/
padding:0;
margin:2px 0 0 2px;
float:left;
display:inline;
color:#333;
background-color:#FAF0E9;
background-image:url(../imagenes/borde1.jpg); 
background-repeat:repeat-x;
background-position:bottom left;
}
.rojo ul{
 /*list-style-type:none;circle; */
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
background-color:#FAF0E9;
font-size:0.9em;
margin-left:0;
padding-left:0;
margin-top:0.1em;

} 
 
.rojo li{  
list-style-image: url(../bullets/BD10265_.GIF); 
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
background-color:#FAF0E9;
font-size:0.90em;
   } 
   .verde ul{
 /*list-style-type:none;circle; */
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
background-color:#FAF0E9;
font-size:0.9em;
margin-left:0;
padding-left:0;
margin-top:0.1em;

} 

.verde li{  
 /*  border-bottom: 1px solid #DDDDDD; */ 
 list-style-image: url(../imagenes/verde1.jpg);
 font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#333;
background-color:#FAF0E9;
font-size: 0.90em;
  } 
div#columna_4 p{
margin:0.9em 0 0.1em 0.2em;
padding:0.1em 0 0.1em 0.2em;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
background-color:#FAF0E9;
font-size: 0.90em;
}
div#columna_4 h4{
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
background-color:#77c976;
font-size: 0.90em;
width:100%;
height:1.80em;
padding:0;
margin:0;
}
div#columna_4 h5{
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
background-color:#f1bcbc;
font-size: 0.90em;
width:100%;
height:1.80em;
padding:0 0 .2em 0;
margin:0 0 .3em 0;
}

/*--------------------------------pie de pagina*/
#footer{
width:97.5%;
height:30px;
/*border-style:dashed;
border-width:1px;
border-color:*/
background-image:url(../imagenes/borde.jpg); 
background-repeat:repeat-x;
background-position:top left;
padding:10px;
margin:2px 0 5px 0px;
text-align:center;
clear:both;
background-color:transparent/*#FAF0E9*/;

background-repeat:repeat-x; 
color: #000;
font-weight:bold;
}
a img {
border: none;
color:#000000;
background-color:transparent;
}
.pie{
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size : 11px; 
color: #000;
background-color:transparent/*#FAF0E9*/;
}
.validar {
/*border-style:dashed;
 border-color:#000000;
 border-width:1px;*/
position: relative; 
background-color:transparent;
color:#000000;
/*margin-left:-200px;*/
margin-top:0px;
float:left;
height:25px;
width:20em;
}
.medida_2{
 width:60px;
 height:25px;
 }