@charset "utf-8";
/* CSS Document */

/* tags para suprimir los margenes tanto exteriores como interiores*/
html, body, h1, h2, h3, h4, h5, h6, div, p, span, a, img, form, input, select, table, tr, td, textarea, li, ul{margin:0; padding:0;}

.olivos {
background:transparent url(../img/BG_full.jpg) no-repeat scroll 0px -4px ;
font-family:"Lucida Sans Unicode",Arial,Tahoma;
font-size:12px;
margin:0 auto;
}

 .menu{ *margin-top: -8px;}

.cabecero{ width:100%; height:198px; background:url(../img/cabecero.jpg) -6px 0px no-repeat; 
	*background:url(../img/cabecero.jpg) -9px 0px no-repeat;}
.contLogo{ float:left; margin:0 auto 0 5px; height:160px}
.CL{width:190px; float:left}
.CR{width:800px; float:right}

.calidad{ float:right; margin-top:0px; width:103px; margin-right:50px}
.enlaces{ float:right; margin-top:120px; margin-right:-80px;}
.enlaces ul li{ display:inline; height:30px;}
.enlaces ul li a{ text-decoration:none; color:#FFFFFF;}
.enlaces ul li a:hover{ text-decoration:underline;}
.enlaces ul li img{ vertical-align:middle; margin-right:5px;}

.contenido{ /*background:url(../img/BG_gray.jpg) repeat-x top left;*/ width:100%}


.Cmenu{ background:url(../img/menu_cuerpo.png) repeat-y; width:190px; margin-top:-3px; min-height:800px;}
.Cmenu ul{ margin-bottom:10px; margin-left:15px;}
.Cmenu ul li{ /*margin-left:-20px;*/ width:150px; /*margin-bottom:20px;*/ border-bottom:1px dotted #CCCCCC; min-height:36px; }
.Cmenu ul li a{color:#333; text-decoration:none;}
.Cmenu ul li:hover{ background:url(../img/menu_selected.png) no-repeat top left; min-height:36px; cursor:pointer; text-decoration:underline;}
.menu .pie{ background:url(../img/menu_pie.png) no-repeat bottom left; width:190px; height:22px; margin-top:0px; *margin-top:0px}
.Cmenu ul li img{ margin-top:-5px;}

.container{ width:1000px; margin:0 auto 0 auto;}

.w450{ width:450px;}
.w200{ width:200px;}
.w240{ width:240px;}
.w180{width:180px;}

/*caja generica para todos los contenedores*/
.marco{ width:auto}
.marco .UL {
	float: left;
	width: 11px;
	height:35px;
	background: url(../img/boxUL.png) no-repeat left top;}
	
.marco .UR {
	margin-left:11px;
	height:35px;
	background: url(../img/boxUR.png) no-repeat right top;}	

.marco .DL {float: left; position: absolute; *position: relative!important;/*Solo IE*/
	width: 11px; height:8px; background: url(../img/boxDL.png) no-repeat left bottom;}
	
.marco .DR {
	margin-left: 11px;
	height:8px;
	background: url(../img/boxDR.png) no-repeat right bottom;}
	
.marco .Mcontent { 
	width:100%;
	background: url(../img/boxML.png) repeat-y left top!important;}

.marco .Mcontent .ML {
	width:5px;
	float:left;}
	
.marco .Mcontent .MR {
	background: url(../img/boxMR.png) repeat-y right top!important;
	margin-left: 5px;
	padding-right: 10px; }

.icon{ float:left; width:22px; padding-top:5px}
.title{}
.title h2{font-weight:bold; font-size:11px; color:#333!important; padding-top:9px;}

.News{ border-bottom:1px dotted #CCCCCC;}
.News .imagen{width:110px; height:90px; /*margin-top:10px;*/}
.News .texto{ margin-left:110px;}
.Vmas a{ color:#D69400; text-decoration:none;}
.Vmas a:hover{ text-decoration:underline;}


/*clases para el pie*/
.foot{ background:url(../img/pie.jpg) left bottom no-repeat; width:100%; height:52px; float:left}
.copyR{ color:#FFFFFF; text-transform:uppercase; width:100%; margin-top:20px; text-align:center;}


 /*clases genericas*/
ul{ list-style:none; margin-top:0px; /*padding-left:10px; *margin-left:0px;*/}
li{ list-style:none; list-style-image:none; list-style-type:none;}

label{ display:block; margin-bottom:3px; font-size:12px; color:#333333;}
.Formulario{ margin-left:5px; margin-bottom:5px;}

div {position: relative; z-index: 0; }
h1 {}
h2 {
	font-size: 13px;
	font-weight:normal;}
h3 {font-size: 12px;}
/*h3 a {color: #333;}*/
h4 {font-size: 11px;}
h4 cite {
	color: #006699;
	font-style:normal;}
img {border: 0 none;}
tr {vertical-align:top!important;}
hr { border:none; height:1px;}
.sepV{ border-right: 1px solid #FFFFFF dotted;}

.H{}

.H ul{ }
.H li{display:inline; margin-left:5px; padding:5px}
.H li a{ color:#FFFFFF; text-decoration:none; font-size:12px;}
.H li a:hover{ color:#FFFFFF; text-decoration:underline;}

.W48{ width:48%;}
.Fl{ float:left;}
.Fr{ float: right;}
.MT10{ margin-top:10px;}

.marcoLink{ background:url(../img/LineasBox.jpg) no-repeat; width:200px; height:190px; float:left;}
.lineas{ margin-top:55px; *margin-top:52px; float:left; margin-left:10px}
.lineas span{color:#CC9900; font-weight:bold;}

.News ul li{ /*margin-left:-30px;*/}
.News li{ margin-bottom:10px; border-bottom:1px dotted #333; background:url(../img/bgNews.png) bottom right no-repeat}
.News li:hover{ background-color:#F2F2F2;}
.News li a{ color:#333333; text-decoration:none;}
.News p{ text-align:justify}
.News h2{ font-weight:bold; background-color: #F5F5F5;}
.News li a:hover{text-decoration:underline;}
.News span{ font-weight:bold;}
span.fecha{ font-size:9px; font-weight:normal!important; color:#999999;}
.txtC{ text-align:center;}


/*estilo para botones*/
input.boton, input#button{ float:right; padding:0px 5px; background:url(../img/boton.gif) no-repeat top left; height:23px; border:none; width:64px;
cursor:pointer}
/*input#nombre, input#email, input#asunto, textarea { width:98%}*/
.boton:hover, input#button:hover{ text-decoration:underline; color:#FFF; background:url(../img/botonHover.gif) no-repeat top left;}
select.combo{float:left;}

input.texto{ width:98%}

input{ vertical-align:middle}

/*modulo de encuestas*/
#encuesta_container{
	width:185px;
}
.separador{ border-bottom:1px dotted #CCC;}

.publicaciones{ text-align:center;/*padding:10px 0px;*/ margin-top:10px;}
.Revista a{ background-color:#E3EEAC;}
.Revista h2{ background-color:#E3EEAC; padding-bottom:5px; margin-bottom:5px;}

.links{ width:600px;}
.links a{ display:inline; float:left; margin-right: 10px;}

li { list-style-type: none; }
.basic, #list2, #list3, #navigation { width:20em; }

#log { position:fixed; bottom: 0; right:1em; text-align:right; }
#switch { position: fixed; bottom: 0; right: 15em; }

.basic  {
	width: 200px;
	font-family: verdana;
	border: 1px solid #D5D5D5;
}
.basic div {
	background-color: #FFF;
}

.basic p {
	margin-bottom : 12px;
	border: none;
	text-decoration: none;
	font-size: 10px;
	margin: 0px;
	padding: 10px;
}
.basic a {
	cursor:pointer;
	display:block;
	padding-left:25px;
	padding-top:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: black;
	background: url(../img/tagNormal.jpg) no-repeat top left;
	min-height:35px;
}
.basic a:hover {
	background-color: white;
	background-image: url(../img/tagHover.jpg);
}
.basic a.selected {
	color: black;
	background-image: url(../img/tagActive.jpg);
}

.misas{ background:url(../img/linkMisas.jpg) no-repeat top left; width:186px; height:225px; margin-left:8px}
.misas p, .empresas p{ padding-top:130px; color:#FFF; font-size:12px}
.registros p{padding-top:90px; color:#FFF; font-size:12px}
.registros h2{ color:#FFF;}

h2 {font-size: 13px;
	font-weight:normal;}
h3 {font-size: 12px;}

/*estilos repetidos deben ser eliminados una vez se actualice la hoja de estilos */
input.boton{ float:right; padding:0px 5px; background:url(../img/boton.png) no-repeat top left; height:23px; border:none; width:70px;
cursor:pointer}

.boton:hover{ text-decoration:underline; color:#FFF; background:url(../img/botonHover.png) no-repeat top left;}


#list2 {
	height: 178px;
	border: 1px solid #eee;
	overflow: hidden;
}
#list2 .red {
	color: red;
	background-color: red;
}
#list2 .green {
	color: green;
	background-color: green;
}
#list2 .blue {
	color: blue;
	background-color: blue;
}
#list2 dd { height: 130px; overflow: hidden; }

#list3 { border: 1px solid #111; }
#list3 div.selected .title { font-weight: bold; }
#list3 div div {
	border-left:8px solid #6699CC;
	padding: 5px;
}
#list3 div.title {
	border: 1px solid #3366AA;
	background-color: #6699CC;
	padding: 10px;
	cursor: pointer;
}
#list3 div.selected {
	border-bottom: none;
}

#navigation {
	border:1px solid #5263AB;
	margin:0px;
	padding:0px;
	text-indent:0px;
	background-color:#E2E2E2;
	width:200px;
}
#navigation a.head {
	cursor:pointer;
	border:1px solid #CCCCCC;
	background:#5263AB url(collapsed.gif) no-repeat scroll 3px 4px;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-indent:14px;
	text-decoration: none;
}
#navigation a.head:hover {
	color:#FFFF99;
}
#navigation a.selected {
	background-image: url(expanded.gif);
}
#navigation a.current {
	background-color:#FFFF99;
}
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navigation li {
	list-style:none outside none; display:inline;
}
#navigation li li a {
	color:#000000;
	display:block;
	text-indent:10px;
	text-decoration: none;
}
#navigation li li a:hover {
	background-color:#FFFF99;
	color:#FF0000;
}

#wizard {
	width: 200px;
	border: 1px solid black;
}
#wizard .title {
	background-color:#DDDDDD;
}

.empresas{ background: url(../img/linkempresas.jpg); width:186px; height:225px; margin-left:8px}
.registros{ background: url(../img/linkRegdefuncion.jpg) no-repeat; width:186px; height:225px; margin-left:8px}

/*estilos agregados para modificar estructura*/
.central{}
.central .marco{ width:595px; float:left; overflow:hidden; display:inline-block;  }
#main { width:200px; float:right; margin-bottom: 10px;}

/*Estilo del paginador*/
.estilo_paglink{
	text-align: right;
	margin-bottom: 5px;
	margin-top: 5px;
}

.derecha{
	float:right;
	width: 200px;
}

/*estilos complementarios de presentacion de modulos*/
.frmcampo{
 color:#575757;
 font-weight: bold;
 text-align:right; 
}

/*** estilos para presentar los servicios ***/
#container_serv{
 width: 100%;
 height: auto;
 margin-bottom: 5px;
}

#vmas_serv{
	clear: both;
	text-align: right;
}

/*** Estilos Presentar galeria ***/
#gdes{
	padding: 2px;
}

#gbarra, #gpaglinks{
	margin-top:5px;
	padding:5px;
	background-color: #CBD372;
}

#gbarra a:link{
	color:black;
	font-weight: bold;
	text-decoration: none;
}

#gbarra a:hover{
	color:#ffffff;
	font-weight: bold;
	text-decoration:underline;
}

#gpaglinks{
	text-align: right;
}

#gcontenedor{
	margin: 0;
	padding:5px;
	text-align: center;
	border: 1px dotted #D8D8D8;
}

#gcontenedorimg{
	width: 150px;
	background-color: #F7F7F7;
	border: 1px solid #D8D8D8;
	height: auto;
	margin: 5px 15px;
	
}

#gtool{
		display: none;
}

#gimage{
	margin-top: 15px;
}

/*** Estilo de Productos ******/

#procontenedorimg{
	width: 250px;
	background-color: #F9F9F9;
	border: 1px solid #D8D8D8;
	height: auto;
	margin: 5px 10px;
	padding:5px;
	min-height: 150px;
}

#protitulo{
	text-align: left;
	font-weight: bold;
}

#proimage{
	margin-top:5px;
	float:left;
	padding-right: 5px;

}

#prodes{
	font-size:13px;
	text-align: left;
}

#proprecio{
	font-size:24px;
	padding-left:10px;
	font-style: italic;
	color:#668000;
}
/*** Estilos Presentar Sedes ***/

#obi-sedesinf{
  margin:10px;
  border: #ccc solid 1px;
  padding-bottom: 5px;
}

#obi-sedesinf_gal{
  border: #ccc solid 1px;
  width: 505px;
  margin:0 auto;
}

#obi-sinftile{
 padding:5px;
 font-weight: bold;
 background-color: #f1f1f1;
 margin-bottom: 10px;
 border-bottom: #ccc solid 1px;
}

#obi-sinftile_gal{
 padding:5px;
 font-weight: bold;
 background-color: #f1f1f1;
 border-bottom: #ccc solid 1px;
}

#obi-sinfvideo{
	width:200px;
    /*width:auto;*/
	height:auto;
	float:left;
	/*background:#6C771E;*/
	margin-right: 5px;
   	text-align:center;
}

#obi-sinfvideito{
	width:200px;
	height:120px;
	padding-left: 5px;
}

#obi-sinfinfo{
	float:left;
	/*width:230px;*/
    width:auto;
	height:auto;
	margin-left: 5px;
}

.obi-sinfcampo1{
	font-family:"Trebuchet MS";
    font-size:14px;
	margin-bottom:5px;
	color:#d69400;
	font-weight: bold;
}

.obi-sinfcampo2{
	font-family:"Trebuchet MS";
        font-size:14px;
	margin-bottom:5px;
}

.blanco{
	clear:both;
}
/** Carritp ***/
.tablacarrito{
	margin-top: 15px;
	margin-bottom: 15px;
	border:none;
}

.tablacarrito thead{
	background: url("../img/tablaheader.jpg") top repeat-x;
	height: 24px;
	font-size: 13px;
	color:#000;
}

.tablacarrito tr{
  border:none;

}

.tablacarrito tr td{
  border:none;
  border-bottom: 1px dashed #ccc;
  padding:5px;
}

.tderecha{
	text-align: right;
}

.tcentro{
	text-align: center;
}

.tcfondo{
	background-color: #f9f9f9;
}

.tablacarrito tfoot tr td{
   border:none;
}

.totalvalor{
	font-size: 18px;
	background: url("../img/tablafooter.jpg") bottom repeat-x;
}

#carrotitle{
	font-weight: bold;
	color:#3a8c66;
}

.boton_scomprando{
	display:block;
	background: url("../img/icon-scomprando.png") no-repeat;
	width: 120px;
	height: 23px;
	float:right;
	margin-right: 5px;
}

.boton_scomprando:hover{
	display:block;
	background: url("../img/icon-scomprandoh.png") no-repeat;
	width: 120px;
	height: 23px;
	float:right;
	margin-right: 5px;
}


.boton_ponline{
	display:block;
	background: url("../img/icon-ponline.png") no-repeat;
	width: 100px;
	height: 23px;
	float:right;
}

.boton_ponline:hover{
	display:block;
	background: url("../img/icon-ponlineh.png") no-repeat;
	width: 100px;
	height: 23px;
	float:right;
}
/*formulario de sugerencias */

#oliv_frmsuger{
	width:auto;
	margin:0 auto;
	padding:10px;

}
#oliv_frmsuger fieldset{
	margin:0;
	border:0;
}
.oliv_fsuger_tit{
	font-size:14px;
	margin:0;
	margin-bottom:5px;
	height: auto;
	font-weight: bold;
}
.oliv_fsuger_des{
	font-size:13px;
	margin-bottom:5px;
	text-align: justify;
}
.oliv_fsuger_buttom{
	text-align: right;
}
.oliv_fsuger_label{
	margin-top:	10px;
	/*font-size:14px;*/
	font-weight: bold;
}
.oliv_fsuger_field{
	margin-bottom:5px;
	border-bottom:#ccc dashed 1px;
	padding-bottom:5px;
}

.oliv_fsuger_verde{
	background: #f6ffe5;
}
	
.prod_title:link{
	font-size:13px;
	text-decoration:none;
	color:#000;
}
.prod_title:visited{
	font-size:13px;
	text-decoration:none;
	color:#000;
}
.prod_title:hover{
	font-size:13px;
	text-decoration:underline;
	color:#000;
}