/*   BLOCKS
	1. Mainbox
	2. Top Spacer
	3. Header
	4. Language Bar
	5. SubHeader
	6. SubHeader_Menu
	7. Contents_Left
	8. Contents_Right
	9. Menu_Main
 10. Menu_Feeds
 11. BreadCrumb
 12. Content_Header
 13. Content_Box
 14. Footer
 
 */
 
html,body{height: 100%;}

body 
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
color:#333; font-size: small; 
background-color:rgb(220,220,220); 
margin:0; padding:0; 
/* text-align: center; */
}

/* CONTENEDORES */

#mainbox {
	width:95%; min-width: 900px;/*ancho total de la pagina, IE no coge el minwidth*/ 
	border-width:1px 1px 1px 1px;
	border-style: solid;
	border-color: #669999; 
	background-color: rgb(230,230,230);
	text-align:center; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	border-collapse: separate;
	margin: 0 auto;
}

 #header
 {
 height: 75px;
 border: 1px solid #ffffff;
 background-image:url(../tmbs/bg-header-4.png); background-repeat: repeat;
 text-align: right; /* para el título */
 margin: 0;
 /* clear: both; */
 }
 
 #language_bar
 {
 width: 95%;
 margin: 0 auto;
 clear: both;
 }
 
 #subheader
 {
 height: 75px;
 border: 1px solid #ffffff;
 background-image:url(../tmbs/bg-subheader-1.png); background-repeat: repeat;
 clear: both;
 }
 
 #subheader table, td
 {
 	border-width: 0px;
 	height: 75px;
 	padding: 0px;
 	border-spacing: 0px;
 	vertical-align: middle;
 	text-align: center;
 	border-collapse:collapse; /* porque CSS en IE no soporta border-spacing */
 	margin: 0;
 }
 
 
 #subheader_bc
 {
 	height: 75px;
 	width: 35%;
 	float: left;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px; 
	color:#336666;
	line-height:20px;
 }
 
 #subheader_menu
 {
 height: 75px;
 width: 65%;
 float: right;
 border: 0px solid #ffffff;
 background-image:url(../tmbs/bg-subheader.png); background-repeat: repeat;
 /* http://archivist.incutio.com/viewlist/css-discuss/70063 */
 }
 
 
 #subheader_menu p
 {
 	/* al no poder hacer un vertical-align:middle en un div, opto por esta solución, mal menor */
 	height: 25px;
 }

#central
{
	width: 96%;
	border: 0px solid #000000; /* ponerle borde para el modo 'debug' si los divs no crecen bien */
	margin: 0 auto;
} 

#izquierda
{
	width: 23%;
	/* border: 0px solid #ffffff; ponerle borde para el modo 'debug' si los divs no crecen bien */
	/* border-width: 3px 0px 3px 3px; 
	border-style: dotted;
	border-color: #669999; */
	float: left;
}

#izquierda h1
{
	padding: 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px; 
	font-weight: bold; 
	color:#336666;
	line-height:24px;
  border: 1px #ffffff solid;
}

#derecha
{
	width: 73%;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	/* descomentar esto para 'debug' mode border: 10px solid #ffffff; */
	float: right;
}
 
.breadcrumb
{
height: 15px;
padding: 5px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff; /* porque a los lados ya tiene el borde de la caja derecha */
background-image:url(../tmbs/bg-header-4.png); background-repeat: repeat;
text-align: right;
/* tendra dentro div class="blanquito" para el menu */
}

.breadcrumb_sm
{
height: 15px;
border: 1px solid #ffffff;
background-image:url(../tmbs/bg-header-4.png); background-repeat: repeat;
}
 
.content_header
{
	width: 95%;
	margin: 0 auto;
	border: 1px solid #ffffff;
	background-image:url(../tmbs/bg-header-4.png); background-repeat: repeat;
	text-align: left;
	padding: 5px;
}

.content_header img
{
	float: left;
	vertical-align: middle;
	margin-right: 5px;
}

.content_box
{
	width: 95%;
	padding: 5px;
	margin: 0 auto;
	border: 1px solid #669999;
	/* border-width: 3px 0px 3px 3px; 
	border-style: dotted;
	border-color: #669999; */
	text-align: justify;
	/* background-color: rgb(240,240,240); */
	background-image:url(../tmbs/bg-big-6.jpg); background-repeat: repeat-y; 
	background-position: right top;
}

.content_box p
{
	padding: 5px;
}

 #footer
 {
 height: 15px;
 border: 1px solid #ffffff;
 background-image:url(../tmbs/bg-header-4.png); background-repeat: repeat;
 text-align: right;
 padding: 5px;
 }
 
 /* CONTENEDORES PARA CIERTAS PÁGINAS: LEQUI P.E. */
 
 .profelite 
 {
 border-bottom: 1px dotted #669999;
 padding: 5px;
 }
 
 /* CONTENEDORES GENERICOS */
 
 .spacer_top
 {
 height: 15px;
 clear: both;
 }
 
 /* MENUS */

.menulink {
	 background-image:url(../tmbs/bg-subheader-2.png); background-repeat: repeat; 
	 background-position: left center;
   font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; line-height:20px; font-weight: bold;
   border-width: 1px; border-color: #ffffff; border-style: solid;
   padding: 6px;
   margin: 0px;
}

.menulink a {
	padding-top: 1px; padding-bottom: 1px;
  background-image: url(../tmbs/bg-header-4.png);
  color: #ffffff;   
  text-decoration: none;
  display: block; 
  border: 1px #ffffff solid;
  /* height: 20px; si fijas la altura los menus no se ajustan al texto si aumentas el tamaño de la fuente en el navegador */
}

.menulink a:hover {
  background-image: none;
  color: #336666;
  border: 1px solid #336666; 
}

/* TEXTOS */

.contenido {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#333333;line-height:20px;}
.contenido a { color:#666666; border-bottom: dotted 1px #666666; text-decoration: none;}
.contenido a:hover {color:#669999; text-decoration: none; border-color: #669999; }

.inter {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; font-weight: bold; color:#ffffff;line-height:18px; letter-spacing: 0.05em}
.inter a { color:#ffffff; text-decoration:none; border-bottom: dotted 1px #ffffff; }
.inter a:hover { color: #99CCCC; text-decoration: none; border-color: #99CCCC; }

.outer {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; font-weight: bold; color:#336666; line-height:18px; letter-spacing: 0.1em}
.outer a { color:#336666; text-decoration:none; border-bottom: dotted 1px #336666; }
.outer a:hover { color: #669999; text-decoration: none; border-color: #669999; }

.intersmall {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px; font-weight: normal; color:#ffffff;line-height:15px; letter-spacing: 0.05em}
.intersmall a { color:#ffffff; text-decoration: none; border-bottom: dotted 1px #ffffff; }
.intersmall a:hover { color: #99CCCC; text-decoration: none; border-color: #99CCCC; }

/* OTRAS COSAS */

.corte { clear: both;} /* para solucionar height 100% en firefox */
/* http://www.forosdelweb.com/showthread.php?t=469695 */

.noCSS {display: none;}