/* ------------------------------------------------------------
	enbolivia.com s.r.l.
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description: Diseño basado en CSS 2
	Designer   : Rosaisela Aruquipa Machicado
	E - mail   : rosa@enbolivia.com
	Filename   : style.css
	Version    : 4.0
	Date       : Mar 13, 2009
-------------------------------------------------------------*/

*{
	margin:0;
	padding:0;
}
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background:#f5f2a9;
	
	
}
#container{
width:773px;
margin:0 auto;
background:#DED359;	
}
#menu_a{
width:723px;
height:29px;
float:left;
padding:5px 30px 0px 20px;
background: url(../images/educadtivos_03.jpg) top center repeat;
color:#FFFFFF;
}
.boton3
{
width:49px;
height:24px;
padding:0px 0px 10px 0px;
background:url(../images/buscar.jpg) top center no-repeat;
border:none;
}
#menu_a form{
float:right;
}

#menu_a img{
float:left;
margin:2px;
border:none;
}
#header{
width:773px;
height:193px;
float:left;

}
#menu_c{
width:723px;
height:46px;
padding:7px 0px 0px 50px;
float:left;
background: url(../images/educadtivos_06.jpg) top center no-repeat;
}
#contenedor{
width:217px;
float:left;
}
/******************cambios se divide en 3********/
#menuder{
width:212px;/*217*/
min-height:380px;/*404*/
padding:0px 0px 0px 5px;
background:#E2DA69 url(../images/menuv0.jpg) top center repeat-x;

}
#menuder li{
				background:url(../images/flecha.jpg) top left no-repeat;
				
				
			}
#menu
{ width:190px;
height:27px;
background:url(../images/m1.jpg) top left no-repeat;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
padding:7px 0px 0px 10px;
}
#opciones
{ 
width:189px;
background:url(../images/m2.jpg) top left repeat-y;
padding:0px 0px 0px 10px;
}
#abajo
{
width:200px;
height:23px;
background:url(../images/m3.jpg) top left no-repeat;
}
/*******************************************/

#linea{
width:202px;
height:166px;
background:#dbd253 url(../images/educadtivos_11.jpg) top left no-repeat;
float:left;
overflow:hidden;
padding:10px 0px 0px 10px;
}
#linea a
{color:#FFFFFF;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

#contenedor_centro{
width:773px;
float:left;
background:#DED359;
}
#contenedor_header{
width:536px;
height:12px;
background:#b29200 url(../images/cuadro111.jpg);
overflow:hidden;
}
#contenedor_titulo{
width:526px;
background:url(../images/cuadro1.gif) top center repeat-y;
padding:0px 0px 3px 10px;
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
}
#contenedor_titulo h1{
font-size:14px;

}

#contenido_foot{
width:536px;
height:66px;
background: url(../images/cuadro3.jpg) top center no-repeat;
}
#contenido_conten{
width:516px;
_height:480px;
min-height:480px;
padding:10px 10px 10px 10px;
background: url(../images/cuadro2.jpg) top center repeat-y;
}

#contenido_conten img{
float:left;
padding-right:10px;

}
#contenido_conten a {
color:#009900;
/*float:right;*/
text-decoration:none;
}
#contenido_conten a:hover {
color:#00FF00;
}
#degradado{
width:20px;
min-height:516px;
_height:516px;
background:url(../images/degradado.jpg) top right repeat-x;
float:right;

}


#footer{
width:773px;
height:80px;
float:left;
background: #DED359;
}
img{
border:none;
}


#contenido_linea{
	width:190px;
	height:100px;
	padding:25px 0px 0px 3px
	
	}
		#contenido_linea h1{
			/*color:#FF9900;*/
			color:#00FF00;
			font-size:20px;
		}
		#contenido_linea p{
			color:#00FF00;
			font-weight:bold;
			/*margin:10px 30px 0 0;*/
		}

#contenedor_central{
width:536px;
float:left;
}

#clientes{
width:543px;
height:260px;
float:left;
background: url(../images/educadtivos_08.jpg) top center repeat;
padding:13px 0px 0px 13px;
}
#clientes a
{color:#FFFFFF;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
/******************cambios se divide en 3********/
#educativos{
width:280px;
min-height:307px;
_height:307px;
float:left;
background:#dbd253 url(../images/f1.jpg) top center repeat-x;
}
#educativos_titulo
{
width:258px;
height:41px;
background:#e7de81 url(../images/educativo1.jpg) top center no-repeat;
padding:10px 0px 0px 10px;
float:left;
}
#educativos_titulo a
{color:#FFFFFF;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
#educativo_contenido
{
width:235px;
background: url(../images/financiero2.jpg) top center repeat-y;
padding:0px 10px 0px 20px;


}
#educativo_contenido h2
{
font-size:16px;
}

#financiero{
width:276px;
min-height:307px;
_height:307px;
float:left;
background:#dbd253 url(../images/f1.jpg) top center repeat-x;

}

#financiero_titulo
{
width:255px;
height:41px;
background: url(../images/financiero1.jpg) top center no-repeat;
padding:10px 0px 0px 10px;

}
#financiero_titulo a
{color:#FFFFFF;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

#financiero_contenido
{
width:225px;
background: url(../images/financiero2.jpg) top center repeat-y;
padding:0px 21px 0px 19px;
}

#financiero_contenido h2
{
font-size:16px;
}
#financiero_footer
{width:266px;
height:35px;
background: url(../images/financiero3.jpg) top center no-repeat;
padding:0px 0px 0px 0px;
}
/******************cambios se divide en 3********/
#contenido_clientes
{	width:460px;/*500*/
	height:190px;/*165*/
	padding:10px 10px 10px 10px;
	overflow:hidden;
}
		
#contenido_footer{
width:500px;
height:50px;
float:left;
padding:10px;
font-size:11px;
overflow:hidden;
}
#llamada
{width:240px;
float:left;
font-size:10px;
padding-right:0px 10px 0px 0px;

}
#llamada img
{

padding:0px 40px 0px 40px;
}
#contenido_centro
{ width:556px;
min-height:300px;
float:right;
background:#DED359;
}

#list{
background:#F0EB97;
border-right:#FFFFFF solid 3px;
border-left:#FFFFFF solid 3px;
border-bottom:#FFFFFF solid 3px;
border-top:#FFFFFF solid 3px;
padding:5px;
}
#list h2 {
font: bold 16px/30px Arial, Helvetica, sans-serif;
color:#006633;


}
#list h2 a{
font: bold 16px/30px Arial, Helvetica, sans-serif;
color:#006633;


}
#list h2 a:hover{
font: bold 16px/30px Arial, Helvetica, sans-serif;
color:#006633;


}

#list_detalle{
background:#F0EB97;
border-right:#FFFFFF solid 3px;
border-left:#FFFFFF solid 3px;
border-bottom:#FFFFFF solid 3px;
border-top:#FFFFFF solid 3px;
padding:5px;
}
#list_detalle h2 {
font: bold 16px/30px Arial, Helvetica, sans-serif;
color:#006633;


}
#list_detalle h2 a{
font: bold 16px/30px Arial, Helvetica, sans-serif;
color:#006633;


}
#list_detalle h2 a:hover{
font: bold 16px/30px Arial, Helvetica, sans-serif;
color:#006633;


}

/************************* Paginador ******************************/
.pagination {
	padding: 3px;
	margin: 3px;
	text-align:center;
}

.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 10px 0;
	border: 1px solid #EEE;
	text-decoration: none; /* no underline */
}

.pagination a:hover,
.pagination a:active {
	border: 1px solid #999;
	color: #000000;
}
.pagination .current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	font-weight: bold;
	background-color: #000000;
	color: #FFF;
}
.pagination .disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}


/*****************************  Estilos para Mapa del sitio *****************************/

	ul#site_map li{
	font-weight:bold;
	font-size:14px;
	margin:0 0 0 20px;
	padding:0 0 10px 30px ;
}

ul#site_map li ul li{
	font-size:12px;
	font-weight:normal;
	margin:0 0 0 20px;
	padding:0 0 10px 30px ;
}

ul#site_map li ul li ul li{
	font-size:10px;
	font-weight:normal;
	margin:0 0 0 20px;
	padding:0 0 10px 30px ;
}

/***************************** Estilos para  Formularios *****************************/


ul#forms{
		list-style:none;
}
ul#forms li{
	margin:3px 0;
	height:33px;
}
ul#forms li div{
		width:170px;
		float:left;
		display:block;
		font-weight:bold;
		color: #594123;
		
	}
	
input[type=text],textarea {
	border:1px solid #9D9754;
}
input[type=text]:focus, textarea:focus{
	border:1px dotted #594123;
	background-color:#E3E1C1;
}
input[type=submit]{
	background-color:#594123;
	color:#FFFFFF;
}
/***************************** Estilos para tablas *****************************/

.table, th, td {
/*	border: 1px solid #D4E0EE;
	border-collapse: collapse;
	color: #555;*/
}
/*
.table caption {
	font-size:17px;;
	font-weight: bold;
	background: #005883;
	padding:10px;
	color:#FFFFFF;
}*/

/*.table td, th {
	padding:10px;
}*/
/*
.table thead th {
	text-align: center;
	color: #4F76A3;
	background-color:#EAEAEA;
	font-size: 100% !important;
}*/

.table tbody th {
	/*font-weight: bold;
	color:#003366;
	text-align:right;*/
}
.table table a:link {

	text-decoration: none;
}
.table a:visited {
	
	text-decoration: none;
}
.table a:hover {
	
	text-decoration: underline !important;
}
/*
.table tfoot th, tfoot td {
	font-size: 11px;
	background-color:#EAEAEA;
}*/	


/* nuevo menu positio*/
#newMenu{
width:723px;
height:46px;
padding:7px 0px 0px 50px;
float:left;
z-index:1111000;
margin-top:-500px;
position:absolute;
background-color:#0000CC;
}
/*para la galeri a de fotos*/
.galeria {
	float:left;
	height:150px;
	padding: 2px 5px 2px 0px;
	width: 158px;

}

