#containerin {
	width:100%;  /* esto creará un contenedor con el 80% del ancho del navegador */
	background-image:url(images/fondoindex.gif);
	margin: 0 auto;
}
#container {
	width:95%;  /* esto creará un contenedor con el 80% del ancho del navegador */
	background:#FFFFFF;
	margin: 0 auto;
		 
   } 
#container2 {
	width:95%;  /* esto creará un contenedor con el 80% del ancho del navegador */
	margin: 0 auto;
		 
   } 

#header {
	width:100%;
	height:133px;
	background-image:url(images/header.jpg);	
	background-repeat: repeat;	
	}

#headerizquierda {
    height:100%;
	background-image:url(images/logosarabi.png);
	background-repeat: no-repeat;
	}

#headerizquierdaing {
    height:100%;
	background-image:url(images/logosarabiing.png);
	background-repeat: no-repeat;
	}
#header1{
	position:absolute;
	width:200px;
	height:100px;
	float:right;
	left: 467px;
	top: 16px;
	}

#sidebarizquierda{
	float: left; /* este elemento debe preceder en el orden de origen a cualquier elemento que desee situar junto a */
    width: 200px; /* dado que este elemento es flotante, debe asignarse un ancho */
    background: #FFFFFF; /* el color de fondo se mostrará a lo largo de todo el contenido de la columna, pero no más allá */
    padding: 10px; 
	}
#sidebarizquierda1{
	float: left; /* este elemento debe preceder en el orden de origen a cualquier elemento que desee situar junto a */
    width: 15%; /* dado que este elemento es flotante, debe asignarse un ancho */
    background: #FFFFFF; /* el color de fondo se mostrará a lo largo de todo el contenido de la columna, pero no más allá */
    padding: 10px; 
	}
#sidebarderecha {
	float: right; /* este elemento debe preceder en el orden de origen a cualquier elemento que desee situar junto a */
    width: 20%; /* dado que este elemento es flotante, debe asignarse un ancho */
    background: #FFFFFF; /* el color de fondo se mostrará a lo largo de todo el contenido de la columna, pero no más allá */
    padding: 10px;
	   }
	#sidebarderecha1 {
	float: right; /* este elemento debe preceder en el orden de origen a cualquier elemento que desee situar junto a */
	width: 15%; /* dado que este elemento es flotante, debe asignarse un ancho */
	background: #FFFFFF; /* el color de fondo se mostrará a lo largo de todo el contenido de la columna, pero no más allá */
	padding: 20px;
	   }
#contenidocentral0{
	margin: 0 0% 0 0%;
	padding: 0px;
    }
#contenidocentral{
	margin: 0 22% 0 22%;
	padding: 10px;
    }
	
#contenidocentral1{
	margin: 0 10% 0 30%;
	padding: 10px;
    }
#contenidocentral2{
	margin: 0 10px 0 220px;
	padding: 10px;
	}
#contenidocentral3{
	margin: 0 2% 0 2%;
	padding: 2px;
    }
#contenidocentraliz{
	margin: 0 2% 0 30%;
	padding: 2px;
    }

#footer { 
    padding: 0 10px;
	height:60px;
	background-image:url(images/footer3.jpg);	
	background-repeat: repeat;				
		}
		
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que deba incluir completamente a sus elementos flotantes hijos */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
.izquierda { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
    	float: left;
    	margin-right: 8px;
    }

 .Estilo1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #660099;
	font-size:12px;
	text-align:justify;
}
.Estilo2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #A57F1C;
	font-size:16px;
	font-weight: bold;
}
.Estilo3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #A57F1C;
	font-size:12px;
	font-weight: bold;
}
.Estilo4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #660099;
	font-size:14px;
	font-weight: bold;
}
	.Estilo5 {
	font-family: Arial, Helvetica, sans-serif;
	color: #ff410d;
	font-size:12px;
	text-align:justify;
}
.confondo {
background-image:url(images/circulolindochicolila.jpg);
background-repeat: repeat;
padding: 10px;

	
}
.confondoflor {
background-image:url(images/flor3.jpg);
background-repeat:repeat-y;
background-position:center;
}
a:link {
    color: #ff410d;
	text-decoration: none;
}

#menuwrapper, #p7menubar ul a {
	height: auto;
}
a:active {
	width: auto;
	text-decoration: underline;
}

a:visited {
	color: #ff410d;
	}
a:link {
    text-decoration: underline;
	
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}
.texto{
margin-right:8px;
margin-left:8px;
}