/* ==================================================================
    Secure and Accessible PHP Contact Form v.2.0WP FLUID width
    GSfun.CSS made by Unmaker - http://treeemedia.com 
	Designed and built to work with the Galaxi Fun WordPress theme
  
================================================================== */

/* form/results div */
#gb_form_div {
  text-align : left; }

/* the form itself */
#gb_form { 
  text-align : left;}

/* form links */
#gb_form_div a { }

/* link states */
#gb_form_div a:hover{
  color : #999999;
  text-decoration : none; }


#gb_form_div a:focus, #gb_form_div a:active { }

/* BASE MARCO GIGANTE */
#gb_form fieldset {
  border : 2px solid #3f3f3f;
  margin : 10px 0 10px 0;
  padding : 10px 32px 24px 32px;
  background : #232323 repeat-x bottom; }

/* to redefine outer fieldset */
#gb_form fieldset#formwrap { }

/* form head if needed */
.formhead { }

/* main formhead, of course */
.main_formhead { }

/* REQUERIDO-OPCIONAL */
#gb_form legend, #gb_form dt { 
  font-size : 1.1em;
  color : #880120;
    padding :0 10px 0 10px;
}
/* define more for form legend */
#gb_form legend { }

/* redefine main legend props */
#gb_form legend#mainlegend { }

/* privacy link, reset link, etc */
#gb_form legend#mainlegend small, #gb_form_div .formhead small { }

/* SUBTITULOS */
#gb_form label { 
  color : #999999;
    margin-left : 0px;

}
/* CAJAS */
#gb_form input.short {  /* SPAM */
  font-size : 1em;
  width : 40px;
  background-color : #c3c3c3;
  border : 2px solid #3f3f3f;
  color : #000;
  margin-top:5px;

  }

#gb_form input.med{  /* SUPERIORES */
  font-size : 1em;
  width : 250px;
  background-color : #c3c3c3;
  border : 2px solid #3f3f3f;
  color : #000;
  margin-top:5px;

  }

#gb_form select.med {  /* SELECCION */
  font-size : 1em;
  width : 300px;
  background-color : #c3c3c3;
  border : 2px solid #3f3f3f;
  color : #000;
  margin-top:5px;
}

#gb_form textarea.textbox { /* MENSAJE */
  background-color : #c3c3c3;
  border : 2px solid #3f3f3f;
  color : #000;
  margin-top:8px;
   height : 20px;
}
/* FIN CAJAS *



/* redefine for short input only */
#gb_form input.short { }

/* spec for textarea only */
#gb_form textarea.textbox { }

/* spec for select only */
#gb_form select.med { }

/* spec for checkbox only */
#gb_form input.checkbox {
  cursor : default;
  background : transparent;
  color : #669900;
  border : 0;
  padding : 2px; 
  margin : 0;
  width : 10px;
  height : 10px;
 }

/* for checkbox label only */
#gb_form label input.checkbox { }

#gb_form input.button:hover, #gb_form input.button:focus, 
#gb_form input.button.hover, #gb_form input.button.focus {
  background-color : #3f3f3f;
  color : #c6c80e;
  border : 3px double #999999;
}

/* All hover/focus stuff - NOTE: .hover and .focus classes IE JS */
#gb_form input.short:hover, #gb_form input.short:hover, 
#gb_form input.med:hover, #gb_form input.med:focus, 
#gb_form select.med:hover, #gb_form select.med:focus, 
#gb_form textarea.textbox:hover, #gb_form textarea.textbox:focus, 
#gb_form input.short.hover, #gb_form input.short.focus,
#gb_form input.med.hover, #gb_form input.med.focus,  
#gb_form select.med.hover, #gb_form select.med.focus, 

/*ESTILO OVER CAJAS*/
#gb_form textarea.textbox.hover, #gb_form textarea.textbox.focus { 
  color : #111;  
  background-color : #fff;
  cursor : text;
}
#gb_form input.short {
  width : 50px;
}

#gb_form textarea.textbox {
  width : 400px;
  height : 160px;
  line-height : 1.5em;
}

/* redefine for short input only, if wanted */

#gb_form input.button {   /* BOTON DE ENVIAR*/
  margin : 15px 0 15px 0;
  padding : 4px 0 4px 0 !important;
  width : 11em;
  cursor : pointer;
  color : #cccccc;
  text-transform : uppercase;
  font-size : 0.7em;
  letter-spacing : 0.1em;
  background-color : #3f3f3f;
  text-align : center;
  border : 3px double #cccccc;
 }
 
 #gb_form p{
  margin : 0;
  padding : 0;
}

/* success span, error span, form div dt (redefine) */
span.error, span.success, #gb_form_div dt {
  color : #880120;  
  font-weight : bold;  }

/* form div dt (redefine more), plus dl */ 

#gb_form_div dt, #gb_form_div dl { }

/* results stuff */
#gb_form_div dt small, span.success, dl#result_dl_blockq dt { } 

/* whyis link */
#gb_form small.whythis, #gb_form small.whythis a { 
  font-size : .9em; 
  text-decoration : none;
  color : #880120;
}
/* the answer */
#gb_form small.whythis a span {
  color : #f3f3f3;
  font-family : arial, sans-serif;
  padding : 1px 4px 1px 4px; }

/* whyis on hover/focus */
#gb_form small.whythis a:hover, #gb_form small.whythis a:focus, #gb_form small.whythis a:active {
  color : #999999;
  background : none; }

/* the answer on hover/focus */
#gb_form small.whythis a:hover span, #gb_form small.whythis a:focus span, #gb_form small.whythis a:active span { 
  font-style : normal;
    text-decoration : none !important;
	  background-color : #999999;
  }

/* credit line */
p.creditline small {
float:right;
display : block;
text-align : right;
margin : 0 0 0 0;
 }

/* for abbr, NOTE: added span .abbr class is for IE, so use for all */
.abbr {
  cursor : help; 
  border-bottom : 1px dashed #999999; }

/* results blackquote */
dl#result_dl_blockq blockquote { 
  margin-left : 0;}

/* results blackquote p */
dl#result_dl_blockq blockquote p { }

/* results blackquote p cite */
dl#result_dl_blockq blockquote p cite { 
  display : block;
  text-align : right;

  }

/* results ul li spans (name, email, etc) */
#gb_form_div span.items { }

/* error message links */
#gb_form_div p a { }


/* error message link states */
#gb_form_div p a:hover, #gb_form_div p a:focus, #gb_form_div p a:active { }

/* End GSfun.CSS */