/*--------------------------------*/
/* hoja de estilos de birosta.com */
/*            posicion            */
/*     diseņo basedigital.net     */
/*--------------------------------*/


/*elementos generales
***********************/

html, body {
	font-family: Helvetica, Arial, Sans-serif;
	}
#comun body{
	font-family: Helvetica, Arial, Sans-serif;
	}

/*elementos div 
   de las paginas corporativas
*****************************/

#caja_sup_comun {
	background:  rgb(79,103,113) url(imagenes_esqueletos/rayas_solas_comun.jpg) bottom left no-repeat;
	padding:2em 2em 1.80em 2em;
	margin-left: -0.5em;
	margin-right: -0.5em;
	border-bottom: 2px solid rgb(165,22,24);
	}

#caja_inferior_comun {
	margin: -27px 0px 0px 0px;
	padding:0px;
	}

/*#carta_scroll { a ver si puedo hacer scroll en la carta
	overflow:scroll;
}*/
/* colores elementos
*********************/

/*de las paginas comunes y las generadas por spip
**************************************************/
body.comun{
	background-color: rgb(79,103,113);
	}

.comun, .spip {
	color: rgb(60,60,60);
	}
	
.comun a, .comun a:link, .comun a:visited{
  color:rgb(60,60,60);
  text-decoration: underline /*dashed 2px rgb(200,200,200)*/;
  }
.comun a:hover{
    text-decoration:underline /*1px rgb(100,100,100)*/;
    }
p.comun, p.spip  {
	margin: 0.5em 1em 0.5em 1em;
	font-size:1em;
	text-align:justify;
	}
h4.comun, h4.spip  {
	margin: 0em 1em 0em 1em;
	font-size:1.3em;
	}
h6.comun, h6.spip{
	font-size:1.2em;
	font-style:normal;
	color:rgb(165,22,24);
	margin:0em 1em 0em 1em;
	font-weight:lighter;
	}

img.comun, img.spip {
	display:block !important;
	width:100px;
	height:100px;
	}
	
.comun ul, .comun li , .comun ol{
   list-style-type:none;
   }
   
 .comun  ul a {
   font-weight:bold;
   }
 .comun  li a {
   font-weight:normal;
   padding-left:0.5em;
   }

.botones_secciones{/*estos son los botones de las secciones*/
	background: url(imagenes_esqueletos/fondo_secciones_comun.gif) top right no-repeat;
	color: rgb(165,22,24);
	text-align:right;
	min-height:33px;
	padding-right:1.5em;
	padding-top:0.3em;
	}

.botones_secciones a, .botones_secciones a:link , .botones_secciones a:visited{
	color: rgb(165,22,24);
	font-size: 0.9em;
	text-decoration:none;
	}
	
.botones_secciones a:hover{
	text-decoration:underline;
	}

.botones_contacto { /*estos son los botones enlaces y email*/
	background: rgb(79,103,113) url(imagenes_esqueletos/fondo_contacto_comun.jpg) top left no-repeat;
	min-height:37px;
	margin:0.5em 0em 0em 3em;
	}
.botones_contacto a, .botones_contacto a:link, .botones_contacto a:visited{
	color: rgb(200,200,200);
	text-decoration:none;
	font-size: 1.1em;
	line-height:1.6em;
	text-align: left;
	margin:1em 2em 0em 0em;
	padding-left:1em;
	}	
.botones_contacto a:hover{
	color:rgb(228,152,58);
	}

.left_menu{
	background: url(imagenes_esqueletos/seccion_imagen.gif)50% 0% no-repeat;
	font-weight:normal;
	font-size: 1.1em; /*estaba en left p*/
	text-align: right; /*estaba en left p*/
	color: rgb(255,255,255); /*estaba en left p*/
}

p.left_menu {

	}
 a.left_menu, a:link.left_menu, a:visited.left_menu{	
	background:none;
	color: rgb(165,22,24);
	text-decoration: none;
	padding:0em 0em 0em 0em;
	}
a:hover.left_menu  {
	color: rgb(255,255,255);
	}
	
h5.left_menu{
	min-width:90px;
	min-height:80px;
	color: rgb(255,255,255);
	font-size:0.9em;
	font-style:normal;
	font-weight:lighter;
	text-align:center;
	padding: 2em 2.2em  0.2em 2.2em;
	}
	
* h5.left_menu{/*hack para iexploter*/
	width:100px;
	height:90px;
	}
/*estilos spip-encadrer (botones login, envio y formulario)
*******************************************************/
.spip_encadrer{
   width:25em;
   }
.spip_encadrer .spip_bouton {
	border: 1px solid rgb(165,22,24);
	color:rgb(165,22,24);
	padding: 0px;
	background:  rgb(228,152,58);
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	text-align:left;
}

/*estilos spip-admin (botones cuando logueados)
***********************************************/
.spip-admin {
	position: fixed;
	top: 4px;
	right:4px;
	font-size: 0.7em;
	padding: 0px;
}
.spip_bouton {
	border: 1px solid rgb(50,50,50);
	padding: 0px;
	background: rgb(200,200,200);
	font-family: Helvetica, Arial, sans-serif;
}

	 /*------------------------------------------------------------------*/
	/*copiapegado de  http://kalsey.com/2003/07/rounded_corners_in_css/ */
.roundcont {
	padding:0;
	background-color: rgb(228,152,58);
	border: 2px solid rgb(165,22,24);/*pinta el borde de la caja*/
	}
	
.roundtop { 
	margin: -2px; /*hace que se oculte el borde de la caja*/
	background: url(imagenes_esqueletos/caja_naranja_supdcha.jpg) no-repeat top right; 
	}

.roundbottom {
	margin:  -2.1px; /*hace que se oculte el borde de la caja*/
	background: url(imagenes_esqueletos/caja_naranja_infdcha_rayas.jpg)  no-repeat top right; 
	}

img.corner {
	width: 30px;
	height: 30px;
	border: none;
	display: block !important;
	}
	 /*hasta aqui copiapegado de  http://kalsey.com/2003/07/rounded_corners_in_css/ */
	/*-----------------------------------------------------------------------------*/
	
	 /*-------------------------*/
	/*desde aqui de www.pixy.cz*/
#main1 {
	margin:0;
	padding:0;
	}
#main2 {
	margin:0;
	padding:0;
	}
#left {
	float:left;
	width:150px;
	height: 100%	;
	margin:0px 0px 10px 5px; /*margen que deja left*/
	padding:0px 5px 0px 0px;/*para separar la raya roja*/
	text-align:right;
	border-right: 2px solid rgb(165,22,24);/*raya roja vertical cuando este es mas corto que middle*/
	}

#middle {
	height: 100%;
	margin:0px 0px 10px 160px;
	padding-left:10px;
	font-size:80%;
	border-left: 2px solid rgb(165,22,24);
	}
.column-in {
	margin:0;
	padding:0.5em 1em;
	}
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:2px;
	padding: 0;
	background: transparent;
	}
	
	 /*hasta aqui de www.pixy.cz*/
	/*-------------------------*/