body { background: rgb(77, 77, 77) url(bgn.jpg) repeat-x fixed;
margin: 0px;
font-family: Verdana, sans-serif;
color:#2FA2FF;
}
p{font-size: 65%;
font-weight: bold;
color:#99CCFF;
margin: 1em;
}

h1 {margin:0;
font-size:110%;
text-align:right;
padding-right:10px;
}

h2 {margin:3em auto 1em auto;
font-size:110%;
text-align:center;
}

li h2 {
margin: 0;
padding: 0;
font-size: 100%;
text-align: left;
}

h3{font-size:70%;
margin-bottom:0;
}

img {border:0
}

dfn{color:#6699CC;
cursor:help;
}


/*---------listas--------*/

ul{margin-top:0;
margin-left:1em;
padding-left:1em;
list-style-type:circle;
}

ol { list-style-type: decimal;
}

li{font-size:65%;
font-weight:bold;
color:#99CCFF;
margin-bottom:5px;
}

ol.res{margin:5em 1em 3em 1em;
padding-left:1em}

li p{font-size:100%;}


/*----------links--------*/

a:link{color:#FF9900;
text-decoration:none;
}
a:visited{color:#FF9900;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

/*---------divs-----------*/

#sup {height:116px;
background-color:black;
}

#cont{position:relative;
width:504px;
left:50%;
margin-left:-252px;
margin-top:10px;
}

#contenido {position:relative;
background: black url(gimpbot.jpg) top no-repeat ;
border: 3px solid #330099;
border-top:0;
padding: 1em 0.3em;
}

#contizq{
position:relative;
width:40%;
float:left;
}

#contizq p{color:#2FA2FF;
text-align:justify
}

#contder{
margin-left:40%;
}

#dir{text-align:center;
margin:0}

#w3c{text-align:center;
margin:1em;
}

/*------------navegaci?n---------*/

#nav{position:relative;
height:25px;
width:100%;
background-color:#330099;
margin:0;
}


#navbar{
margin: 0;
padding: 0;
text-align:center;
font-weight:bold;
}

#navbar a { margin:0;
   font-size:10pt;
   color:white;
   text-decoration:none;
   display: block;
   width: 100px;
   height:23px;
    }

#navbar a:hover {
   color: #99CCFF;
   text-decoration: none;
   border-bottom: 2px solid #FF9900;
   margin:0;
}

#navbar li {float:left;
margin:0;
list-style-type: none;
}

/*-------formulario--------*/

#formulario {
width:250px;
}

#fcontizq{
position:relative;
width:45%;
float:left;
}

#fcontizq p{color:#99CCFF;
text-align:justify;
margin-top:3em;
}

#fcontizq li{
list-style-type: none;
margin-left:-2em;
}

#fcontder{
margin-left:50%;
}

label { 
display:block; 
font-weight:bold; 
margin-bottom:3px;
color:#2FA2FF
}  

input, textarea{
background-color: black;
border: 1px solid #2FA2FF;
color:#99CCFF;
font-family: verdana, sans-serif;
font-size:100%;
font-weight: bold;
padding:0.3em;
}

textarea{overflow:auto;
font-size:100%
}

input.boton{
cursor: pointer;
}

input.boton:hover {
background: #2FA2FF;
color: #fff;
}

p.error_oculto {
display:none;
}

span.form_error {
font-weight: bold;
color: red;
font-size: 12px;
margin: 0 0 10px;
}
/*-----------portafolio--------*/

#porta{text-align:center;
margin-top:2em;
}

.portaizq{
position:relative;
width:50%;
float:left;
padding:1em 0.5em;
}

.portader{
margin-left:50%;
padding:1em 0.5em;
}



table {text-align: center}
 /*img{border:solid 1px #FF9900}*/

/*----class-------------*/

.azul{color:#2FA2FF}
.precio{color:#FF9900;
border: 1px dotted #FF9900;
padding: 1px;
}

.gracias{text-align:center;
margin-bottom:8em;
}
.nota{font-size:85%;
color:#99CCFF;
font-weight:normal;
line-height:1.5em;
}

.dir{font-size:65%;
font-weight:bold;
}

.pendiente {display: block; text-indent: -2000em; z-index: 1000; height: 1px;}