/* ---main texto */

h1{
font: 26px/1em Verdana, sans-serif;
color: #FDDABE;
margin: 0.2em 0 0.3em 0.5em;
text-shadow:0 1px 1px #999999;
}

h2{
margin: 1.5em 0 .1em 0;
font: 18px/1em Verdana, San sefif;
color: #FDDABE;
}

p{
line-height:1.5em;
margin-bottom:1.8em;
font-size: 1.1em;
}
.smalltex{
font-size: .8em;
}
.formText{
color: #525253;
font-size: 1em;
font-weight: bold;
line-height: 1.2em;
}

.floatright_im { 
margin-left: 5px;
float: right; 
border: 0px solid white;
}

.floatleft_im { 
margin-right: 5px;
float: left; 
border: 0px solid white;
}

/** validators */

.validators span{
display:none
}
.validators{
margin: 5px 0;
width:150px;
height:25px;
float:right;
}

a#v_css {
display:block;
width:52px;
height:16px ;/* aqui esta el truco */
background:url(img/validatorCSSL.gif)  no-repeat scroll left top;
float:right;
padding: 0 5px;
}

a#v_css:hover {
background-position:0 -16px;/* con esto cambiamos la porcion de imagen que se muestra */
} 

a#v_html{
display:block;
width:62px;
height:16px ;/* aqui esta el truco */
background:url(img/validatorHTML.gif)  no-repeat scroll left top;
float:right
}

a#v_html:hover {
background-position:0 -16px;/* con esto cambiamos la porcion de imagen que se muestra */
} 
.box-a h2{
color: #E88100;
padding: 0 0 0 100px
}
.dropcap {
background:#FEB358 none repeat scroll 0 0;
border:1px solid #EDEDED;
float:left;
font-family:arial narrow;
font-size:80px;
line-height:65px;
margin-right:6px;
margin-top:5px;
padding:2px 5px;
}