/****************************************
  Estilos generales Bigsoko
****************************************/

@import 'reset.css';
@import '960.css';

body { font: normal 14px/22px Arial, Helvetica;	background: #f5f5f5;	color: #555;  text-align: left; border-top: 5px solid #90c300;}

h1, h2, h3, h4, h5 {  color: #111; font-weight: bold; }
h1 { font-size: 55px; margin-bottom: 5px; margin-top: 0px ; line-height: 50px; padding: 0; color: #000;}
h1.small { font-size: 35px; margin-bottom: 0;}
h2 { font-size: 19px; margin: 0px 0 15px 0; line-height: 19px; color: #000; }
h3 { font-size: 15px; margin-bottom: 5px; color: #666; color: #000;}
p { line-height: 1.5em; margin-bottom: 15px; }
a:link, a:visited { color: #90c300; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: underline; }
h1 a, h1 a:visited { color: #000; text-decoration: none;}
small { font-size: 0.9em;}
input { padding: 2px;	font-size: 1.2em;}
input.button { }
fieldset { border: 0px solid #ddd; background: #eee; padding: 10px; margin-bottom: 20px;}


/******* Layout *****/
.wrapper { background: #fff;}

/**  Header **/
#header{ overflow: hidden; padding: 0px 0; margin-bottom: 10px;}
#header h1 { font-size: 40px; margin-top: 10px; font-family: "Comfortaa", "Gill Sans"; font-weight: normal;}
.header p { color: #666;}
.logo { margin-top: 10px;}
.menu { overflow: hidden; text-align: right; margin-top: 7px; float: right;}
.menu ul {  list-style: none; margin-top: 5px;}
.menu ul li { float: left; }
.menu ul li a, .menu ul li a:visited { font-size: 19px; font-weight: bold; color: #333; display: block; padding: 15px 20px 0px 20px;}
.menu ul li.last a { border: none;}
.menu ul li a:hover { color: #90c300; text-decoration: none;}

/** Main **/
#main {  padding: 20px 0 0 0; overflow: hidden; background: #fff;}
#main ul { padding-left: 0;margin-bottom: 20px; margin-left: 20px;}

/** overview **/
div.overview { font-size: 20px; color: #888; border-bottom: 6px solid #e6e6e6; text-align: left; overflow: hidden; margin-bottom: 20px;}
div.overview p { margin-bottom: 15px;}

/** Footer **/
.footer-wrapper {  padding: 20px 0;  overflow: hidden;  background: #f5f5f5 url(/images/bgfooter.gif) top center no-repeat;}
.footer { font-size: 0.9em;}
.footer ul { list-style: none; margin: 0; padding: 0; }
.footer ul li {float: left; margin-right: 10px;}
.footer a, .footer a:visited { color: #666; text-decoration: underline;}
.footer a:hover { color: #333;}
.footer .rightul { float: right;}
.footer .rightul li { margin: 0 0 0 10px;}


/* Flashes and error messages
-------------------------------------------------------------- */

.flash {
  font-size:130%;
	font-weight:bold;
  padding: .4em 0 .4em 38px; 
	margin-bottom: 1em;
  border: 1px solid #c00;
  border-left:none;
	border-right:none;
}

.flash.error {
  background: #FDE4E4 url(/images/admin/icons/exclamation.png) 10px center no-repeat;
  color:#c00; border-color:#c00;
}
.flash.notice {
  background: #E7F8D7 url(/images/admin/icons/tick.png) 10px center no-repeat;
  color:#59A151; border-color: #59A151;
}

.withError {
  background-color:#FDE4E4;
  background-image:url(/images/admin/bg/red-stripes.png);
}
.formError {
  color:#c00; font-weight:bold;
  display:block;
}