/*
+++++++++++++++++##### Gila Screen Stylesheet #####++++++++++++++ 
+ About: Gila Template ha sido creado Por Haran	y Modificado	+
+		Julio R. Para KaMe CMS	@ 2006							+
+																+
+ Title: Gila ( KaMe Edition )									+
+																+
+ NODIF: 22 / 08 / 06											+
+																+	
+ Autor URL: http://haran.freeshell.org/oswd/gila/				+
+																+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


/* ##### Common Styles ##### */

body {
  color: black;
  /*background-color: rgb(243,242,235);*/
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 73%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

html > body {
  font-size: 9pt;
}

acronym, .titleTip {
  border-bottom: 1px dotted rgb(168,140,83);

  cursor: help;
  margin: 0;
  padding: 0;
}

.doNotDisplay {
  display: none !important;
}


.smallCaps {
  font-size: 117%;
  font-variant: small-caps;
}


/* ##### Header ##### */

#header {
  color: inherit;
  /*background-color: rgb(184,38,25);*/
  background-color: #990000;
}

.headerTitle {
  margin: 0;
  padding: 0.25em 4mm 0.25em 4mm;
}

.headerTitle a {
  color: black;
  background-color: transparent;
  text-decoration: none;
  font-size: 110%;  /* For MSIE */
  font-weight: bold;
  font-style: italic;
}

.headerTitle > a {
  font-size: 138%;  /* For fully standards-compliant user agents */
}

.headerTitle span {
  color: white;
  background-color: transparent;
  font-weight: normal;
}

.subHeader {
  color: white;
  background-color: black;
  font-size: 109%;
  text-align: center;
  margin: 0;
  padding: 0.5ex 0;
}

.subHeader a {
  color: white;
  background-color: black;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0 1ex;
}

.subHeader a:hover {
  color: black;
  background-color: white;
}


/* ##### Left Side Bar ##### */

.leftSideBar {
  width: 14.5em;
  float: left;
  clear: left;
 /* border-right: 1px dashed rgb(216,210,195); */
 border-right: 1px solid rgb(216,210,195);
}

.leftSideBar .sideBarTitle {
  color: #990000;
  background-color: rgb(230,223,207);	
  border:1px solid #fbc2c4;
  font-weight: bold;
  margin: 0;
  padding: 0.8ex 1ex;
}

.leftSideBar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0 0 0.1em 0;
  padding: 0;

}

.leftSideBar li {
  margin: 1ex;
  padding: 0 0 0ex 0.7ex;
}

.leftSideBar a {
  color: #000000;
  background-color: transparent;
  text-decoration: none;
}

.leftSideBar a:hover {
  color: #990000;
  background-color: transparent;
  text-decoration: none;
}

.leftSideBar .sideBarText {
  color: rgb(166,140,83); 
  background-color: transparent;
  line-height: 1.2em;
  margin: 1ex 0.25ex 1.5em 0.75ex;
  padding: 0;
  display: block;
 
}

.leftSideBar .sideBarText a {
  text-decoration: underline;
}

.leftSideBar .sideBarText a:hover {
  text-decoration: none;
}

.leftSideBar .thisPage {
  color: #990000;
  background-color: transparent;
  font-weight: bold;
}


/* ##### Right Side Bar ##### */

.rightSideBar {
  width: 14em;
  margin: 2ex 0.75ex 0 0;
  padding: 0;
  float: right;
  clear: right;
  border: 1px solid rgb(216,210,195);
  display:block;
}

[class~="rightSideBar"] {
  margin-right: 1.5ex;
}

.rightSideBar .sideBarTitle {
  color: black;
  background-color: rgb(230,223,207);
  font-weight: bold;
  margin: 1.25ex 1ex;
  padding: 0.9ex 1ex;
}

.rightSideBar a {
  color: rgb(166,140,83);
  background-color: transparent;
  text-decoration: underline;
  font-weight: bold;
}

.rightSideBar a:hover {
  text-decoration: none;
}

.rightSideBar .sideBarText {
  line-height: 1.5em;
  margin: 0;
  padding: 0 2ex 1em 2ex;
}

.rightSideBar .more {
  text-decoration: none;
  text-align: right;
  margin: 0;
  padding: 0 2ex 1em 2ex;
  display: block;
}

.rightSideBar .more:hover {
  text-decoration: underline;
}
/* ##### Main Module ##### */
#main {
  color: black;
  background-color: white;
 /* background-color: rgb(243,242,235); */
  text-align: justify;
  line-height: 1.5em;
  margin: 0 0 0 14.5em;
  padding: 0.5ex 16em 1em 1em;
    /*border-left: 1px solid rgb(216,210,195);*/
 
}

#main h1 {
  color: rgb(166,140,83);
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 175%;
  font-weight: bold;
  font-style: italic;
  text-align: left;
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
  border-top: 1px solid rgb(216,210,195);
}

#main a {
  color: rgb(168,140,83);
  background-color: transparent;
  text-decoration: underline;
}

#main a:hover {
  text-decoration: none;
}

p {
  margin: 1em 0 1.5em 0;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 0.5ex 0;
}

dd {
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}

/* ##### Black BOX ##### */
.blockbox {
  color:#333;
  padding: 2px 5px 3px;
  border-top: 0 1px solid #d7d7d7;
  margin: 0.6em 0.4em 0.3em;
  background: #f6f6f6 url("img/featurebox_bg.gif") no-repeat 100% 100%
}

.blockbox p, .blockbox h1, .blockbox h2, .blockbox h3, .blockbox h4, .blockbox h5, .blockbox h6 { 
  margin: 0 0 .1em;
  border-bottom: 1px solid #c00;
  color:#c00
}
.blockbox p {
  border:none;
  margin: 1em 0em 0em; 
  padding: 0em 1em 0.1em;
  color:#444
}
.blockbox a {
  font-weight:bold
}

/* ##### BLOCK lateral ##### */
.blocklateral {
  float: left;
  clear: left;
  width:95%;
  color:#333;
  padding: 0px 4px 5px;
  border-top: 0 0px solid #d7d7d7;
  margin: 0em 0em 0em;
  background: #f6f6f6 url("img/fondo2.png") no-repeat 100% 100%
}
.blocklateral p, .blocklateral h1, .blocklateral h2, .blocklateral h3, .blocklateral h4, .blocklateral h5, .blocklateral h6 { 
  margin: 0 0 0em;
  border-bottom: 1px solid #c00;
  color:#c00
}
.blocklateral p {
  border:none;
  margin: 0em 0em 0em; 
  padding: 0em 0em 0em;
  color:#444
}
.blocklateral a {
  font-weight:bold
}
/* ##### Black News ##### */


#news {

}
#newstitle  {
		text-decoration: none;
		padding: 0em 0 0 0;
		color:#333;
  		font-family: arial, verdana, helvetica, sans-serif;
  		font-size: 150%;
  		font-weight: bold;
   	   	
}
	#newstitle a {
		padding: 0em 0 0 0;
		color:#c00;
		text-decoration: none;
		font-style:italic;
		
}	#newsdate {
		margin: 0em; 
		padding: 1em;
		font: 60% arial;color:#bbb;letter-spacing: 1px;

}	#newsreads {
	  	font: 60% arial;color:#bbb; font-style:italic;letter-spacing: 1px;

}	#newsbody {
  	/*	font-size: 175%;
		font-family: arial, verdana, helvetica, sans-serif;
		color:#333; font-style:italic;letter-spacing: 1px;
		margin: 1em 0 1.5em 0;
  		padding: 0; 
  	*/
  		color: black;
  		background-color: white;
  		text-align: justify;
  		margin: 0 0 0 0.5em;
  		padding: 0.5ex 0em 1em 1em;
  		
}

  
/* ##### Main Copy ##### */

#main-copy {
  color: black;
  background-color: white;
  text-align: justify;
  line-height: 1.5em;
  margin: 0 0 0 12.5em;
  padding: 0.5ex 15em 1em 1em;
  border-left: 1px solid rgb(216,210,195);
}

#main-copy h1 {
  color: rgb(166,140,83);
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 175%;
  font-weight: bold;
  font-style: italic;
  text-align: left;
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
  border-top: 1px solid rgb(216,210,195);
}

#main-copy a {
  color: rgb(168,140,83);
  background-color: transparent;
  text-decoration: underline;
}

#main-copy a:hover {
  text-decoration: none;
}

p {
  margin: 1em 0 1.5em 0;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 0.5ex 0;
}

dd {
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}


/* ##### Footer ##### */

#footer {
  color: black;
  /*background-color: rgb(230,223,207);*/
  background-color: rgb(230,223,207);
  font-size: 92%;
  text-align: center;
  line-height: 1.20em;
  margin: 0;
  padding: 0em 0mm 0em 1em;
  clear: both;
}

#footer div {
  margin: 0;
  padding: 0 0 1ex 0;
}

#footer a {
  color: black;
  background-color: transparent;
  text-decoration: underline;
  font-weight: bold;
}

#footer a:hover {
  text-decoration: none;
}
.note ul {
	list-style-type:square;
	padding-left:25px;
}
.note li {
	font-weight:normal;
	color:#555;
}
.noteErr  {
	font-weight:normal;
	color:#c00;
}
.noteGood  {
	font-weight:normal;
	color:green;
}
form {
	font-family:Verdana, sans-serif;
	margin:0;
	padding:0;
}
fieldset {
	margin:0 .5em 1em .5em;
	padding:1em;
	border:1px solid #c00;
	background:#f6f6f6;
}
fieldset div {
	width:380px; /* Width for modern browsers */
	border:0;
	margin:0 auto 0 auto;
	padding:1px;
}

* html fieldset div {
	width:300px; /* Width for IE5 */
	w\idth:380px; /* Width for IE6 */
}

fieldset div input {
	width:376px; /* Width for modern browsers */
	border:1px solid #c00;
	padding:1px;
}

* html fieldset div input {
	width:380px; /* Width for IE5 */
	w\idth:376px; /* Width for IE6 */
}
fieldset div br {
	display:none;
}
legend {
	font-weight:bold;
	color:#c00;
	margin:0;
	padding:0.1em;
}
input {
	font-size:90%;
	background:#F1F1F1;
	margin:5px auto 5px auto;
	border:1px solid #c00;
}
textarea {
	padding:0;
	margin:5px auto 10px auto;
	font-size:90%;
	background:#FFFFFF;
	border:1px solid #c00;
	width:380px;
	height:140px;
}
select#suggest {
	border:1px solid #c00;
	font-size:90%;
	border:1px solid #c00;
	display:block;
    
} 
input#sendEmail {
	float:left;
	width:180px;
	border:1px solid #c00;
	padding:0.25em;
	background:#F1F1F1;
	margin:12px 4px 5px 4px;
	color:#c00;
	font-weight:bold;
}
input:hover, textarea:hover, select:hover {
	background:#FAFBFC;
}
input:focus, textarea:focus select:focus {
	border-color:#666;
	background:#FFF;
}
/* ##### Forms ##### */
.submitbutton {
	border: 1px solid #999999;
	background-color: rgb(230,223,207);
}

/* ##### BUTTONS TEST ##### */



/* BUTTONS */

.buttons a, .buttons button{
	display:block;
	float:right;
	margin:2px 15px 0 0;
	background-color:#f5f5f5;
	border:1px solid #dedede;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#565656;
	cursor:pointer;
	padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
	width:auto;
	overflow:visible;
	padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
	padding:5px 10px 5px 7px; /* Firefox */
	line-height:17px; /* Safari */
}
.buttons button img, .buttons a img{
	margin:0 3px -3px 0 !important;
	padding:0 !important;
	border:none !important;
	width:16px;
	height:16px;
}

/* PSEUDO CLASSES */

button:hover, .buttons a:hover{
	background-color:#dff4ff;
	border:1px solid #c2e1ef;
	color:#336699;
}
.buttons a:active{
	background-color:#6299c5;
	border:1px solid #6299c5;
	color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
	color:#529214;
	
	
}
.buttons a.positive:hover, button.positive:hover{
	background-color:#E6EFC2;
	border:1px solid #C6D880;
	color:#529214;
}
.buttons a.positive:active{
	background-color:#529214;
	border:1px solid #529214;
	color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
	color:#d12f19;
    
}
.buttons a.negative:hover, button.negative:hover{
	background:#fbe3e4;
	border:1px solid #fbc2c4;
	color:#d12f19;
}
.buttons a.negative:active{
	background-color:#d12f19;
	border:1px solid #d12f19;
	color:#fff;
}

.img_redonda {
	margin: 2px 0px 1px 0px;
	border: 2px solid #fbc2c4; 
}
/* - - - - - - - - - - - - - - - - - - - - - */