/* Reset */
body { width: 980px; margin: 0 auto; padding:0; font: 10px Verdana,Arial,Helvetica,sans-serif; background-color: #FFFFFF; }
p, h1, h2, h3, h4, h4, div, li, a, img { margin: 0; padding: 0; }
.textoCMS { margin: 18px 0; }
img { border: none; }

/* Tipografias */
h1 { font: normal 30px/1.5 'Cantora One',"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #444; }
h2 { font: normal 26px/1.5 'Quattrocento',"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#444; }
h3 { font: normal 22px/1.5 'Quattrocento',"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#444; }
h4 { font: normal 16px/1.5 'Quattrocento',"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#444; }
p, li, dd, dt, pre, .textoCMS, td { font: normal 16px/1.5 'Quattrocento Sans',"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#666; }
.breadcrumbs { font: normal 14px/1.5 'Quattrocento Sans',"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#444; }
h1, h2, h3, h4, h5, h6, p, div, label { height: 1%; }
p, .breadcrumbs { margin: 0 0 18px; }

/* Code */
code { 
	font: normal 12px/1 Courier, "Courier New", monospace;
	color:#666;
	background-color: #f5f4f4;
	margin: 10px 0;
	padding: 20px;
}


/* Listas */
ul, ol, dl { margin: 0px 0px 18px; padding: 0 13px; }
ul ul, ul ul ul, ol ol, ol ol ol { margin: 0; padding: 0 36px;}
ul { list-style: square; }
ul ul { list-style: disc; }
ul ul ul { list-style: circle; }
ol { list-style: decimal inside; }
ol ol { list-style: upper-roman; }
ol ol ol { list-style: upper-alpha; }
li { margin: 0; padding: 0;}
ul p, ol p, dt p, dd p { margin: 0; }
dt { font-weight: normal; margin: 18px 0 0;}
dd { margin: 0 18px; }

/* Links */
a { color: #97968b; }
a:visited { color: #a7918b; }
a:hover { color: #333; }

/* Formularios: Revisar el tema de los radio y los checkboxes. */
form { margin:0 0 18px; padding: 0; }
form table { border-collapse: collapse; }
form th, form td { padding: 8px 5px; margin: 0; vertical-align: top; }
form th { text-align: right ; width: 123px;}
fieldset { border: none; }
legend { display: none; }
label { font: bold 13px/18px  "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#333; display: block; }
label.yesno { font: normal 13px/1 "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#333; display: block; margin: 0; }
label.yesno input { margin: 6px 10px 6px 20px; }
select { color:#000; padding: 2px; } 
input, textarea { color:#000; padding: 4px; font: 13px/18px  "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin-bottom: 18px; }
label span { font: normal 11px/18px  "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#444; }
.aclaraciones { font: normal 11px/18px  "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;; color:#444; margin: -18px 0 18px; }

/* Mensajes de error en los formularios */
.error { background-color: #FEE7D6; margin: 18px 0px 0px; padding: 6px; }
.errorPublic { background-color: #FEE7D6; padding: 6px; margin-top: -8px;}

/* Layout */
#container { overflow: hidden; margin: 12px 0; padding: 0; }
	#top { margin: 0; padding: 0; width: 980px; height: 92px; border-bottom: 1px solid #CCC; }
	#login { margin: 0; padding: 10px 10px 0; width: 960px; text-align: right; }
	#content { width: 960px; margin: 0; padding: 20px 10px; border-bottom: 1px solid #CCC; overflow: hidden; }
	#fontfooter { width: 960px; margin: 0; padding: 20px 10px; border-bottom: 1px solid #CCC; overflow: hidden; }
	#footer { padding: 20px 10px; text-align: center; }

/* Top */
#top h1 a { text-indent:-9999px; float: left; display: block; width: 220px; height: 92px; text-decoration: none; outline: none; background: url(../imagenes/impallari-logo.gif) no-repeat left top; margin: 0;  padding: 0;	 }

/* Navegacion Horizontal */
#nav { float: right; padding: 0; margin: 30px 0 0; list-style: none; overflow: hidden; }
#nav li { margin: 0; padding: 0; display: inline; float: left; color: #0b8e32; font: normal 10px/36px 'Quattrocento Sans', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; letter-spacing: 2px; text-transform: uppercase; }
#nav li a { margin: 0 10px 0 0; padding: 10px 20px; color: #fff; text-decoration: none; background: #C2C0B4; }
#nav li a:hover { color: #999; text-decoration: none; background: #333; }

/* Login */
#login p { margin: 0; font: normal 12px/12px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
#login a { }

/* Content */
#flash { background: #FFFFEA; padding: 20px; margin: 10px 0 20px; text-align: center; }
#flash p{ margin: 0; }

/* Sidebar */
#sidebar dl { margin: 0px 0px 18px; padding: 0; }
#sidebar dt { margin: 10px 0 0 0; color:#BBB; }
#sidebar dd { margin-left: 0; }

/* Projects */
.projectList { overflow: hidden; float: left; width: 471px; margin: 0px 0px 20px 18px; padding: 0px; }
.projectList a { float: left; }
.projectList a img { border: 1px solid #CCC; }
.projectList p { margin-left: 160px; }

.projectOptions { float: right; margin: 0 0 20px 20px; text-align: right; }
.projectOptions p { font: normal 13px/1.5 "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
.projectOptions a { padding: 6px; background: #f5f5f5; }

.projectUpdateContainer { margin: 20px 0 0; }

.projectFotoContainer { float: left; margin: 18px 15px 12px 0px; }
.projectFotoContainer p { margin: 8px 0 0; font: normal 11px/1.5 "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
.projectFotoContainer a img { border: 1px solid #CCC; }

/* Photo in project updates */
.projectUpdatePhoto { float: right; margin: 0 0 20px 20px; border: 1px solid #CCC; }

/* Comments */
.updateCommentContainer { margin: 10px 0; padding: 10px; border: 1px solid #CCC; }
.commentFormContainer {  margin: 10px 0;  padding: 10px; border: 1px solid #CCC; }

/* Footer */
#fontfooter span { font: normal 12px/1 'Quattrocento Sans', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#BBB; }

/* Callout */
.callout { float: right; background: #ffffea; padding: 20px; text-align: center; margin: 0 0 10px 70px; }
.callout p { margin: 0; }

/* Mini Grilla */
.col1        { float: left; width: 145px; margin: 0px 0px 0px 18px; padding: 0px; }
.col1ymedia  { float: left; width: 217px; margin: 0px 0px 0px 18px; padding: 0px; }
.col2        { float: left; width: 308px; margin: 0px 0px 0px 18px; padding: 0px; }
.col3        { float: left; width: 471px; margin: 0px 0px 0px 18px; padding: 0px; }
.col4        { float: left; width: 634px; margin: 0px 0px 0px 18px; padding: 0px; }
.col4ymedia  { float: left; width: 715px; margin: 0px 0px 0px 18px; padding: 0px; }
.col5        { float: left; width: 797px; margin: 0px 0px 0px 18px; padding: 0px;}
.col6        { float: left; width: 960px; margin: 0px; padding: 0px; }
.singutter   { margin-left: 0; }