/* Hoja de estilos oscura para cathy martinez diseño web 2008 */

body{
background-color: #ffffff;
font-size: 0.83em;
color: #4f4e4e;
font-family: Arial, Verdana, sans-serif;
}

#contenedor{
background-image:url(../img/intuo_02.jpg);
background-repeat: no-repeat;
background-position: right top;
width: 615px;
margin: 0 auto;
padding: 138px 0px 0px 0px;
}
h1{
text-indent: -4000px;
height: 0px;
display:none;
clear: both;
}

a:link, a:visited{ 
color: #6c903d;
text-decoration: none;
font-weight: bold;
}
a:hover{
color: #ffffff;
background-color:#6c903d;
}
img{
border: none;
}
ul#menu{
margin: 0px;
padding: 0em;
clear: both;
background-image:url(../img/intuo_10.jpg);
background-repeat: no-repeat;
background-position: bottom;
width: 615px;
}
ul#menu li{
margin: 0;
padding: 0px;
height: 123px;
float: left;
list-style:none;
text-align:center;
vertical-align:bottom;
}
ul#menu li a:link, ul#menu li a:visited{
color: #f99c04;
text-transform: uppercase;
float: left;
}
ul#menu li a:hover{
color: #f99c04;
background: none;
text-decoration:underline;
}
.cajauno{
background-image: url(../img/intuo_05.jpg);
background-repeat: no-repeat;
background-position: center;
width: 124px;
padding: 40px;
}
.cajauno a:link, .cajauno a:visited{
padding: 85px 0px 0px 70px;
}
.cajados{
background-image: url(../img/intuo_06.jpg);
background-repeat: no-repeat;
background-position: center;
width: 95px;
}
.cajados a:link, .cajados  a:visited{
padding: 60px 0px 0px 4px;
}
.cajatres{
background-image: url(../img/intuo_07.jpg);
background-repeat: no-repeat;
background-position: center;
width: 94px;
}
.cajatres a:link, .cajatres a:visited{
padding: 70px 0px 0px 4px;
}
.cajacuatro{
background-image: url(../img/intuo_08.jpg);
background-repeat: no-repeat;
background-position: center;
width: 92px;
}
.cajacuatro a:link, .cajacuatro a:visited{
padding: 60px 0px 0px 40px;
}
.cajacinco{
background-image: url(../img/intuo_09.jpg);
background-repeat: no-repeat;
background-position: center;
width: 107px;
}
.cajacinco a:link, .cajacinco a:visited{
padding: 30px 0px 0px 0px;
}
#contenido{
background-image: url(../img/intuo_11.jpg);
background-repeat: no-repeat;
background-position: top;
clear: both;
float: left;
padding-top: 20px;
}
h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 2em;
margin: 20px 2% 10px 2%;
padding: 0px;
clear: both;
border-bottom: 1px solid #cccccc;
}
h3{
font-size: 1.5em;
font-weight: bold;
margin: 20px 2% 10px 2%;
padding: 0px;

}
ul.listado{
float: right;
width: 260px;
padding: 10px 5px 80px 30px;
margin: 0px 0px 10px 10px;
background-image: url(../img/intuo_12.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}
ul.listado li{
border-bottom: 2px solid #cccccc;
list-style: none;
padding: 6px 0px 6px 0px;
}
.nover{
display: none;
}
#pie{
margin-top: 3em;
clear: both;
border-top: 1px solid #cccccc;
padding-top: 2em;
}
p{
margin: 10px;
}
#pie p{
margin: 10px;
}
/*------------(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)------------*/

/* --- formulario --- */
.textoform{

font-family: Arial, verdana, sans-serif;
background-color: #4f4e4e;
color: #ffffff;
border: none;
font-size: 1em;
padding: 0.2em;
width: 400px;
}

textarea{

font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
background-color: #4f4e4e;
color: #ffffff;
border: none;
padding: 0.2em;
letter-spacing: 0.1em;
height: 10em;
width: 400px;
}

#forma{
text-align: right;
font-size: 0.8em;
letter-spacing: 0.1em;
line-height: 1.1em;
color: #4f4e4e;
float: left;
}