/* Start of CMSMS style sheet 'Estilo horizontal solo' */
/* 
ULISES:  2007/12/26 
PLANTILLA INICIAL DE DISPOCION DE ELEMENTOS
*/

/*****************
Los navegadores interpretan el magin y padding de formas distintas
TIP1: remover primero todos los magin y padding y setearlos de forma individual.
TIP2: Evitar usar numeros negativos, cada browser lo intrepreta de forma distinta.
TIP3: Espaciado hacia fuera de un contenedor usar magin, espaciado hacia adentro de la propia etiqueta usar padding
******************/
* {
   margin:0;
   padding:0;
}


/*
Seteo de Tipografias global
*/
body {
   font-family: "Verdana","Arial",sans-serif;
   text-align: left;   
   font-size: 75.01%;   
   margin-top: 0px;   
   /*  fondo del sitio y tambien del recuadro del editor    */    
   background: #DBDBDB;
   background-attachment:fixed;
}

/*
setea font-size para todos los divs esto pisa cualquier etiqueta font-size en body
*/
div {
   font-size: 1em;
}

/* se le saca el borde a todas las imagenes - Sobre todo si esta dentro de un link "A" */
img {
   border: 0;
}

/*
estilos de links por defecto
*/
a,
a:link 
a:active { 
/* La Validacion CSS css validation devuelve errores 
si el color es seteado sin un color de fondo. 
Solucion se indica explicitamente que este elemento hereda 
el color de fondo de sus padres */
   background-color: inherit; 
   color: #ab2222; 
}

a:visited {
   background-color: inherit;
   color: #ff9600;                
}

a:hover {
    text-decoration: underline;
    color: #ff0202;
}


/*****************
DISPOCION BASICA 
*****************/


/* TABLA PRINCIPAL CENTRADA - center wrapper, min max width */
div#pagewrapper {
   border: 0px solid black;
   margin: 0 auto;    /*   auto centra el wrapper */
   min-width: 999px;   /* IE no soporta min-width, se aplica usa ademas javascript para        solucionarlo */
   width: 999px;
      
}


/*** header ***
Se aplica un texto oculto y se remplaza con una imagen 
se necesita asignar un alto especifico para que la imagen no quede cortada
*/
div#header {
	height: 200px;    /*  no borrar  */
	background-color: transparent;	
	padding: 0 0 0 0px;
	margin: 0px;
}

div#header h1 a {

   background: transparent url("uploads/images/protagonista/cabezal01.jpg") no-repeat 0 0px; 
   display: block;
   height: 200px;          /*    Altura exacta de la imagen de logo */
   text-decoration:none;   /*  NO BORRAR COMPATIBILIDAD CON FIREFOX VIEJO  */
   margin: 0px 0px 0px 0px;
}




/* Posicion de componente del cuadro de Busqueda */
div#search {
   float: right;
   width: 30em;    /* suficiente para el input box del cuadro de busqueda */
   text-align: right;
   padding: 5pt 7em 0pt 0pt;
   margin-top: 0px;
}

div.breadcrumbs {
   padding: 1em 0 1.5em 65px; 	
   font-size: 90%;       		/* Es una buena practica establecer tamaño de fuentes relativos (en porcentaje), de esta forma la fuente se ajustara automaticamente al contenedor que la disponga */
   margin: auto;          		/* Abreviatura de regla CSS al setear sera  "0 1em 0 1em" */
   border-bottom: 0px dotted #dcdcdc;
   background-image: url("uploads/images/protagonista/fondo_contenido01.jpg");

}

div.breadcrumbs span.lastitem { 
   font-weight:bold; 
 } 

div#content {
   margin: auto;   /* algo de espaciado arriba y abajo del menu y el contenido */
   padding: 1.5em 0 2em 0;
   background-image: url("uploads/images/protagonista/fondo_contenido01.jpg");
}


div#main {
	margin-left: 50px; 	/* ancho de la columna de la izquierda */
	margin-right: 50px; 		/* espaciado a la derecha */
	font-family: "Verdana","Arial",sans-serif;
          /* Helvetica, Verdana, Arial, sans-serif; */
	/* Georgia,"Times New Roman",Times,serif; */
}

div#main p {
	font-size: small;
	line-height: 1.5em;
	text-align: justify;
}


div#menu_vert {
    LIST-STYLE-TYPE: none;	/* La propieda va UNICAMENTE en MAYUSCULAS */
}

div#footer {
   clear: both;       /* NO BORRAR - NO CAMBIAR - MANTIENE LA DISPOCISION DE LOS DIV FLOTANTES - Mantener por debajo del contenido y el menu  */
   background: url("uploads/images/protagonista/pie01.jpg"); 
   height: 250px;    
   margin: 0px 0px 0px 0px;
}

div#footer p {
   font-size: 0.8em;
   text-align: right;  
   margin: 0 0 0 0;
   padding: 250px 14px 0 0;
}

div#footer p a {
   color: #000; /* Necesario ya que el link del footer podria ser del mismo color que el fondo */
}

/* Como se escondieron todos los HR para mantener la accesibilidad, se crean como una elemento extra dentro del DIV */
div.hr {
   height: 0px;
   border-bottom: 0px dotted black;
   margin: 1em 0 1em 0;
}

/* links relacionales bajo el contenido relational */
/* 50% para izquierda y derecha Podría dar lugar a error de redondeo en algunos navegadores */
/* Se cambio a ancho fijo no se porque ??? */
div.left49 p {
  width: 500px; 	/* 50% para izquierda y derecha Podría dar lugar a error de redondeo en algunos navegadores */
  font-size: 8pt;
}

div.right49 {

  float: right;
  width: 100px;
  font-size: 8pt;
  text-align: right;

}



/*************************************************************
	CONTENIDOS 
*************************************************************/
div#content {

}

/* HEADINGS */
div#content h1 {
   font-size: 2em; 
   line-height: 1em;
   margin: 0;
}
div#content h2 {
	color: #FFCC00; 
	font-size: 24px; 		/* este es el tamaño del titulo de la página */
	text-align: left; 
    	background-position: left;
/* espaciado alrededor del texto */
	padding-left: 0em;  	
	padding-bottom: 1px; 
/* bordes alrededor del header 
	border-bottom: 1px solid #AD3C00; 
	border-left: 0em solid #AD3C00;*/ 
    line-height: 1.5em;
/* espaciado bajo el borde */
    margin: 0 0 0 0;
}

div#content h4 {
	color: #FFCC00; 
	font-size: 12pt;
	text-align: center;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
div#content h5 {
	color: #FFCC00; 
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
h6 {
   color: #FFCC00; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* FIN DE HEADERS H */

/* TEXTOS */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0; /* espaciado alrededor de etiquetas P */
   line-height: 1.4em;
   padding: 0;
}

blockquote {
   border-left: 10px;
   margin-left: 10px;
}
strong, b {
/* Compatibilidad y accesibilidad Esplicitamente se setean STRONG y B como bold */
   font-weight: bold;
}
em, i {
/* Compatibilidad y accesibilidad Explicitamente se setean EM e I como Italic */
   font-style:italic;
}

/* Envolver texto dentro de etiquetas <code>. Hace que el CSS no valide */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #FFCC00;  /* black border for pre blocks */
   background-color: #FFCC00;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;
}

/* Separacion de los divs en la pantilla de dispocion, con un poco de  borde inferior */
div.templatecode {
  margin: 0 0 2.5em;
}

/* FIN TEXTOS */

/* LISTAS */
/* Las listas necesitan algo de margen para verse bien */
div#main ul,
div#main ol,
div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
   /* LIST-STYLE-TYPE: none; */
}

div#main ul li,
div#main ol li {
    list-style-type: disc;
    list-style-position: inherit;
}


/*  "Courier New",Courier, */
/**************************************************************************
EL MENU
**************************************************************************/
div#content h3 {
   color: #FFCC00; 
   font-size: 9pt; 	/* este es el tamaño de menu izq. sub-nivel activo */
}
div#sidebar {
   float: left;			/* setea sidebar para el lado izquierdo. Change to right */
   width: 10px;   		/* ancho sidebar, cambiar tambien margen de #main */
   display: inline;		/* FIX IE bug del doble margen que raro en IE un bug !! */
   margin-left: 32px;	/* aqui comandamos los botones  */
   font-family: "Tahoma","Times New Roman",Times,serif;
   font-size: 8pt;
   line-height: 15pt;
   margin: 10px;
   padding:0pt 0pt 0pt 15px;   
}

div#sidebar a {
	text-decoration: none;	
	list-style-position:inherit;
}

div#sidebar li {
    list-style-image: url(uploads/images/punto01.jpg);
    list-style-type: disc;
    list-style-position: inside;
}
div#sidebar li.currentpage {
    list-style-image: url(uploads/images/punto01b.jpg);
    list-style-type: circle;
	/*list-style-position: inherit;*/
    /*margin: 8pt 0 8pt 50pt;*/
}





/* listas de definiciones items en negrita */
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}


/* FIN DE LISTAS */


/* End of 'Estilo horizontal solo' */