/************************/
/* 		CSS Reset 		*/
/************************/

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
  margin:0;
  padding:0;
}

table{
  border-collapse:collapse;
  border-spacing:0;
}

fieldset,img{
  border:0;
}

address,caption,cite,code,dfn,th,var{
  font-style:normal;
  font-weight:normal;
}

caption,th{
  text-align:left;
}

h1,h2,h3,h4,h5,h6{
  font-size:100%;
}

q:before,q:after{
  content:'';
}

abbr,acronym{
  border:0;
}

/****************************/
/* 		End of CSS Reset 	*/
/****************************/

body{
  color:#000080; /* color de la fuente */
  text-align:center;
  font: 11pt verdana,arial;
  background:#C5C7F1 url(../images/bg_body.jpg) repeat-x;
}

a {
  color:#000;
}

a:hover {
  background:#C5C7F1;
}

.cls{
  clear:both;
}

/*********************/
/* 		Capas		 */
/*********************/

#layout {
  text-align:left;
  width:920px;
  margin: 0px auto;
  background:#fff;
}

#header {
	/* Sombrilla de la cabezera */
  background: url(../images/bg_header.jpg) repeat-x;
  height:110px;
  padding:15px 0 0 0;
  width:916px;
  border-left:2px solid #000080;
  border-right:2px solid #000080;
  text-align:center;
}

#content {
  font-size:105%;
  width:916px;
  border-left:2px solid #000080;
  border-right:2px solid #000080;
/* ESTO EVITA QUE EL TUTORIALSE HAGA GRANDE */
  min-height: 400px;
  overflow: auto;  
}

* html #content {
  height: auto !important;
}

#content ul {
  font-size:80%;
}

#content p {
  font-size:80%;
  padding:5px 50px;
}

#content td {
  font-size:80%;
  padding:5px;
}

#menu {
  /* margin: superior derecho inferior izquierdo */
  margin:0px 20px 20px 20px; 
  width: 200px;
  height:272px;
  border-style: solid solid solid solid;
  border-color: #808080;
  border-size: 1px;
  border-width: 1px;
  font-weight: bold;
}

#menu ul {
  list-style:none;
}
	
#menu li a {
  list-style:none;
  voice-family: inherit;
  height: 22px;
  text-decoration: none;
}
	
#menu li a:link, #menu li a:visited {
  color: #000;
  display: block;
  background: url(../images/boton1.jpg);
  padding: 8px 0 0 30px;
}
	
#menu li a:hover {
  color: #FF6600;
  background: url(../images/boton1.jpg);
  padding: 8px 0 0 30px;
}
	
#menu li a:active {
  color: #FF6600;
  background: url(../images/boton3.jpg);
  padding: 8px 0 0 30px;
}	
	
#menu li a.seleccionado {
  color: #FFF;
  background: url(../images/boton3.jpg);
}

#menu li.user_name {
  color: #FF6600;
  list-style:none;
  voice-family: inherit;
  height: 24px;
  text-decoration: none;
  text-align: center;
  display: block;
  padding: 8px 0 0 0;
  background:transparent url(../images/user.jpg) repeat-x;
}

.cuadrado {
  border: 1px dashed #333;
  width:150px;
  background:transparent url(../images/bg_item.jpg) repeat-x;
}

#body {
  /* margin: superior derecho inferior izquierdo */
  margin:-305px 0px 0px 230px; 
  width:645px;
  padding:15px 10px 10px 10px;
  min-height: 550px;
}

* html #body {
  margin: -540px 0px 0px 230px;
}

#ads {
  /* margin: superior derecho inferior izquierdo */
  margin:20px 0px 0px 0px; 
  width:200px;
  /*padding:240px 0px 0px 0px;*/
  font-size:80%;
  text-align:center;
}

#menu h4, #body h4{
  font-size:120%;
  text-align:center;
  font-weight:normal;
  color:#333;
  height:26px;
  padding:14px 0 0 18px;
  letter-spacing:-0.03em;
}

#menu p,#body p{

  font-size:80%;
  margin:7px 0 0 0;
  line-height:17px;
  padding:0;
}

#footer {
  /* curva del final del borde fuerte */
  background: url(../images/bg_footer.jpg) no-repeat;
  font-size: 80%;
  margin: 0px;
  padding: 5px 0px 0px 0px;
  text-align: center;
  text-decoration: none;
  height: 35px;
  color: #6466a4;
}

#seo_content {
  background: #C5C7F1;
  text-align: -moz-center;
  padding-top: 10px;
  padding-bottom: 20px;
}

* html #seo_content { text-align: center; }
  

#seo_menu {
  width: 60%;
  font-size: 80%;
  text-align: center;
  color:#6466a4;
  background: url(../images/others/footer.png) no-repeat;
  padding: 20px 0px 20px 0px;
}

.item { 
  border: 1px dashed #333;
  margin: 20px auto;
  padding: 1em;
  width: 80%;
  background:transparent url(../images/bg_item.jpg) repeat-x;
}

.login { 
  border: 1px dashed #333;
  margin: 10px auto;
  padding: 10px 10px 10px 10px; 
  background:transparent url(../images/bg_item.jpg) repeat-x;
}

.important { 
  color: #FF6600; 
  font-weight: bold;
  text-align:center;
}

.submit_login{
  padding:3px 0px;
  width:100px;
  margin: -3px 0 0 0;
 }
 
.submit_registro{
  padding:3px 0px;
  width:200px;
  height:35px;
  margin: -3px 0 0 0;
  font-size:130%;
  font-weight: bold;
}
    
.green {
	color: green; 
}
.red {
	color: red; 
}