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

#web {
	width: 1004px;
	margin: auto;
	position: relative;
	height:100%;
}
#webExterna {
	overflow-x:hidden;
}
#webExterna #web {
	width:100%;
}
body {
	margin: 0px;
	padding: 0px;
	height:100%;
}
html {
	margin: 0px;
	padding: 0px;
	height:100%;
}
ul {
	margin:0px;
	padding:0px;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 0px;
	margin: 0px;
	padding: 0px;
}
#cabecera {
	font-size:0px;
	position: relative;
}
#webExterna #cabecera {
	width:1004px;
	margin:auto;
	height:35%;
	overflow:hidden;
}
#cabecera .corp {
	border:0px;
	font-size:0px;
}


#web #cabecera #menu {
	height: 22px;
	background-color: #00117b;
}
#cabecera #menu .buttons a {
	color: #c9cfae;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: block;
	float: left;
	width: 165px;
	text-align: right;
	height: 19px;
	padding-top: 3px;
	padding-right: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #4d59a3;
}
#cabecera #menu .buttons a:hover {
	padding-top: 0px;
	height: auto;
	border-bottom:5px solid #009999;
}
#cabecera #menu .buttons .activo {
	padding-top: 0px;
	height: auto;
	border-bottom:5px solid #009999;
	cursor:default;
}

#cabecera #menu .buttons strong {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	margin-right: 5px;
}
#cabecera #menu #search {
	padding-top: 1px;
	float: right;
	width: 191px;
}
#cabecera #menu #search input {
	float: left;
	min-height: 20px;
	padding:0px;
	border:0px;
	width: 164px;
	margin: 0px;
	max-height:20px;
	
}
#cabecera #menu #search a {
	background-image: url(../imagenes/botones/buscar_btn.gif);
	height: 20px;
	width: 21px;
	display: block;
	float: left;
}
#cabecera #acceso {
	position: absolute;
	font-size: 12px;
	color: #C9CFAE;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 10;
	top: 0px;
	right: 0px;
	background-color: #00117B;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 25px;
	background-image: url(../imagenes/iconos/acceso_ico.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}

#cabecera #acceso span {
	display: block;
	float: left;
}

#cabecera #acceso input {
	width: 75px;
	margin-left: 5px;
	margin-right: 5px;
	color: #009999;
	float: left;
	height: 16px;
	padding: 0px;
	font-size: 12px;
}
#cabecera #acceso .enter {
	background-image: url(../imagenes/botones/entrar_btn.gif);
	height: 20px;
	width: 21px;
	display: block;
	float: left;
}
#cabecera #acceso .usuario {
	padding-right: 20px;
	padding-left: 20px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 5px;
	background-color: #009999;
	text-transform: uppercase;
}
.cerrarSesion {
	background-image: url(../imagenes/iconos/cerrar_sesion_btn.gif);
	display: block;
	float: left;
	height: 14px;
	width: 14px;
	padding: 5px;
	background-repeat: no-repeat;
	background-position: center center;
}
.admin {
	background-image: url(../imagenes/iconos/admin_btn.gif);
	display: block;
	float: left;
	height: 14px;
	width: 14px;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 5px;
}

#pagAcceso {
	text-align: right;
	width: 275px;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#pagAcceso div span {
	width: 100px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 10px;
}
#formulario, #formularioDatos {
	text-align: right;
	width: 450px;
	margin: auto;
	padding-top: 3px;
}
#formulario div span, #formularioDatos div span{
	width: 15%;
	display: block;
	float: left;
	text-align: right;
	padding-right: 10px;
}
#formulario  .clearfix, #formularioDatos  .clearfix {
	margin-bottom: 3px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}
#formulario  input, #formulario   textarea, #formulario  strong, #formulario  select, #formulario textarea {
	width:73%;
	margin-bottom:5px;
	color: #00117B;
	display: block;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#formularioDatos label {
	display:block;
	float:left;
	font-weight:bold;
	color: #999999;
}

#leftMenu {
	float: left;
	width: 235px;
}
#content {
	width: 529px;
	padding-right: 20px;
	padding-left: 20px;
	float: left;
}
#fullContent {
	width: 964px;
	padding:20px;
	float: left;
}
#halfContent {
	width: 749px;
		padding:0px 0px 0px 20px;
	float: left;
}
#rightMenu {
	float: left;
	width: 199px;
}
.titSection {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #009999;
	display: block;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
.titApart  {
	font-style: normal;
	display: block;
	background-image: url(../imagenes/varios/bkg_txt.jpg);
	height: 21px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 4px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 20px;
}
.titApartBN {
	background-color:#FFFFFF;
	background-image: url(../imagenes/varios/bkg_txt_BN.jpg);
	font-style: normal;
	display: block;
	height: 21px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 4px;
	color: #191D36;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-repeat:  repeat-x;
	font-weight: bold;
}


#productos_destacados #listado_foto {
	width: 49.8%;
	float: left;
	padding-top: 20px;
	height: 77px;
}
#productos_destacados #listado_foto img {
	margin-right: 5px;
	float: left;
}
#productos_destacados #listado_foto a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #009999;
	text-decoration: none;
	display: block;

}
#productos_destacados #listado_foto span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #242b4f;
	display: block;
}

/***************** marcas ********************/

#marcas #listado_foto .logo_buss {
	width: 100px;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#marcas #listado_foto {
	width: 200px;
	float: left;
	padding-top: 20px;
	min-height: 77px;
	padding-right: 10px;
}
#marcas #listado_foto img {
	margin-right: 5px;
	border:0px;
}
#marcas #listado_foto a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #009999;
	text-decoration: none;
	width:auto;
	float:left;
	padding-bottom: 2px;
}
#marcas #listado_foto span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #242b4f;
	display: block;
	padding-right: 15px;
} 

/*************************************************/

.bannerHome {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
#BlockText, .BlockText  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #191d36;
	line-height: 18px;
}
#BlockText a, .BlockText a {
	color: #009999;
	text-decoration: none;
}
#BlockText, .BlockText ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#BlockText li {
	background-image: url(../imagenes/iconos/vineta.gif);
	background-position: left 8px;
	display: block;
	list-style-image: none;
	list-style-type: none;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-bottom: 5px;
}
#BlockText b {
	color: #009999;
}
#BlockText .tit_16px {
	font-size: 16px;
	font-weight: bold;
}
#BlockText em {
	font-style: normal;
	display: block;
	background-image: url(../imagenes/varios/bkg_txt.jpg);
	background-repeat:repeat-x;
	background-color:#03147e;
	min-height: 19px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #FFFFFF;
}
#BlockText .photoText {
	margin-right: 10px;
	display: inline;
}

#pie {
	background-color: #00117b;
	height: 20px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #009999;
	color: #c9cfae;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	padding-top: 5px;
	width: 100%;
	margin-top: 450px;
}
#pie a {
	color: #C9CFAE;
	text-decoration: none;
}

#webExterna #pie {
	display:none;
}

#noticias {
	background-color: #00117B;
}
#noticias  span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c9cfae;
	padding: 10px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4d59a3;
}
#noticias a {
	background-image: url(../imagenes/iconos/mas.gif);
	display: block;
	background-repeat: no-repeat;
	background-position: right;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
	padding-right: 20px;
	margin-top: 10px;
}

#noticias strong {
	color: #FFFFFF;
	font-weight: normal;
}
.boton {
	display: block;
	height: 35px;
	margin-top:5px;
	cursor:hand;
	font-family: Arial, Helvetica, sans-serif;
}
.boton span {
	background-color: #00117B;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	color: #C9CFAE;
	font-size: 12px;
	display: block;
	float: right;
}
.boton span:hover {
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #009999;
	padding-bottom: 3px;
	padding-top: 7px;
	color: #FFFFFF;
}

/******************** Tabla ***********************/

#tabla {
	margin: auto;
	background:transparent;
	width:100%;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#tabla #descrip {
	background-color:#C9CFAE;	
}
#tabla #descrip #row {
	/*position:relative;
	z-index:1;*/
}
#tabla #descrip #row .clearfix {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color:#CCCCCC;
	padding: 5px;
	color: #FFFFFF;
}
#tabla #descrip a {
	display:block;
	background:transparent;
	color: #FFFFFF;
}
#tabla #descrip a font {
	display:block;
	font-size:12px;

}
#tabla #descrip a:hover {
	opacity:1;
	filter:alpha(opacity=100);
	background-color: #009999;
	color: #FFFFFF;
}
#tabla a {
	color: #666666;
	display: block;
	text-decoration:none;
}
#tabla ul {
	display: block;
	background:transparent;
	float:none;
}
#tabla ul.clearfix {

	color: #666666;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	cursor:hand;
}
#tabla a:hover {
	background-color:#009999;
	color:#FFFFFF;
	display: block;
}

#tabla #row {
	float: left;
	display: block;
	background:transparent;
} /* anteriormente referida a las <p> */

#tabla  #xtras {
	float: none;
	background-color: #F7F7F7;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
	border-top-style: solid;
}
#tabla  #xtras  a {
	display: block;
	float: left;
	padding: 3px;
	font-size: 10px;
	font-weight: bold;
	background-color: #F0F0F0;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}


#tabla span {
	display: block;
	padding: 5px;
	background:transparent;
	float:none;
	width:auto;
}
#tabla p {
	float:left;
	margin:0px;
	padding:0px;

}

#tabla span, #tabla font {
	display:block;
	font-size:12px;
}
#tabla  input      {
	width: 98%;
}
#tabla .mas {
	padding: 0px;
	border:0px;
	background-image: url(../imagenes/iconos/mas.gif);
	height: 15px;
	width: 15px;
	display: inline;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#tabla .menos {
	padding: 0px;
	border:0px;
	background-image: url(../imagenes/iconos/menos.gif);
	height: 15px;
	width: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	display: inline;
	float: left;
}

/***** ID para controlar las <p> provenientes del tinyMCE **********/
/*
#tabla #conte p {
	float: none;
	display: inline;
	padding: 0px;
}
*/
#tabla .apartados_desactivado {
	text-align:center;
}
#tabla .apartados_desactivado img {
	padding-top:3px;
}
#tabla  #filaInputs {
	padding:5px;
	background-color:#E1EAE9;
}
#tabla  #filaInputs  input {
	margin-right: 15px;
	float: left;
}

#tabla  #filaInputs  .mas {
	margin-top:3px;
}






/*************************** CLEARFIX *****************************/

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.{display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*
Arreglo a clearfix
—————————-*/
.clearfix {
        display:inline-block;
}
.clearfix {
        display:block;
}
#content_gr {
	padding-left: 20px;
	float: left;
}
#colMapacliente {
	float: left;
	margin-right: 75px;
	width: 235px;
}
#colMapacliente #BlockText {
	width: 100%;
}
#colMapacliente a {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#colMapacliente li a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	color: #242B4F;
	font-weight: normal;
}
#colMapacliente li a:hover {
	background-color: #FFFFFF;
	text-decoration:underline;
}
#colMapacliente li {
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #242B4F;
}


#colMapacliente a:hover {
	background-color: #F4F4F4;
}
#colMapacliente #BlockText em a {
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFFFFF;
}
#web  .sinMenu {
	margin-top: 50px;
}
.modEmpresa {
	font-size:11px;
	width:19%;
	padding-right:15px; 
	padding-left:15px; 
	margin-right: 15px;
	border-right:1px solid #CCCCCC;
	float:right;
	margin-top:15px; 
	text-align:right; 
	line-height:16px;
	
}
.modEmpresa #col {
	float:left;
	width:130px;
	padding-left:20px;
}

#blockText .modEmpresa .tit_16px {
	font-size:12px;
}

/************************** FILA ******************************/


#fila {
	margin-top: 10px;
}
#fila  span {
	width: 130px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 20px;
}
/*************** Corrección TinyMCE ***************************/

#fila .mceLayout span {
	width: auto;

}
#fila .mceSeparator{
	width: 2px;
	padding-right:2px;

}
/*********************************************/

#fila input {
	width: 50%;
	float: left;
}
#fila #tiny{
	width: 67%;
	float: left;
}
#fila .radio {
	width: auto;
	border:0px;
}
#fila select {
	width: 50%;
	float: left;
}
#fila textarea {
	width: 50%;
	float: left;
}

/********************** WEB EXTERNA ***************************/


#iframeExternalURL {
	width:100%;
	height:70%;
	border: 0px none;
	margin: auto;
	text-align: center;
	position:absolute;
	left:0px;
	overflow-x: hidden;
	top:220px;
}
#volverBTN_HTMLviewer {
	padding:5px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:20px;
	border-bottom:1px solid #CCCCCC;
}
#volverBTN_HTMLviewer a {
	display:block;
	float:left;
	padding:3px 5px 3px 5px;
	background-color:#00117B;
	color:#FFFFFF;
}
#volverBTN_HTMLviewer span {
	display:block;
	float:left;
	margin-top:3px;
	margin-left:10px;
}
#volverBTN_HTMLviewer strong {
	color:#009999;
	font-weight:normal;
}