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

/* pasar a gral.css////////////////////////////// */
.tSmall{font-size:.9em}

.btn6{color:#fff;font-weight:bold;font-size:1em;background-color:#eff2fb}
.btn6 span{background: transparent url(../img/ico_cest_bt.gif) no-repeat top left;padding:0px 0px 1px 11px;display:block}
.btn6 span span{background:transparent url(../img/btn6_d.gif) no-repeat top right;margin-right:0px;display:block}
.btn6 span span span{padding:2px 10px 3px 4px;background-color:#576B86;margin-left:2px;}
/* pasar a gral.css////////////////////////////// */





/* desplegable detalles */
.deb_down{background:transparent url(../img/icoActivAc.gif) no-repeat center left}
.deb_up{background:transparent url(../img/icoOverAc.gif) no-repeat center left}
.borBot{border-bottom:1px solid #ebedf0;height:1%}
.modDetle{padding:0 10px 4px 0px}
.modDetle a, .modDetle a:hover{text-decoration:none}
.modDetle img{padding:5px 2px}
.sub_box .modDetle h4{font-size:1.9em;font-weight:bold;line-height:1.2em;padding:0 5px 0 0;color:#4b6b9e;}
.nDetle{color:#4b6b9e;font-size:1.2em;font-weight:normal}
.sub_box .mod2 p{color:#4b6b9e;padding:2px 0}
.sub_box .mod3 p{color:#4b6b9e;width:180px;margin:6px 0 0 2px}

/*modulo opciones del producto*/
.opcProd{color:#163b85;position:relative}
.opcProd h4{color:#163b85;font-weight:bold;font-size:larger}
.opcProd li{background-color:#fff;margin-top:4px;min-height:20px;width:100%;padding-left:5px}
.opcProd div{border-bottom:1px solid #cfd9eb;background-image:none !important;padding:15px 0 !important}
.opcProd li input{position:relative}
.opcProd li span{position:relative;width:130px !important;}


/*con imagen*/
.opcProd li.foto{min-height:39px}
.opcProd li.foto input{position:relative;top:12px}
.opcProd li.foto span{position:relative;top:12px}
.opcProd li img{float:right;position:relative;top:-10px}

#col{width:150px;margin:3px 0 6px 0}
		
/*colapsadores*/
.sub_box h4{font-size:1.3em}
.listColaps h4{margin-bottom:5px;background: transparent url(../img/bgh5despl.png) repeat-x left top;padding:8px 0 3px 0px}

	.proy_sub li h4 a{font-size:1.01em;display:block;margin-left:.9em;padding:0 16px!important;text-decoration:none;cursor:pointer; margin-bottom:5px }
	.proy_sub li.colap_o h4 a{background:transparent url(../img/icoNactivAc.gif) no-repeat left center;color:#4b6b9e}
	.proy_sub li.colap_v h4 a{background:transparent url(../img/icoActivAc.gif) no-repeat left center;color:#2D9EDF;}
	.proy_sub li h6{font-size:1.2em;font-weight:bold;color:#4b6b9e;}
	.colap{font-size:1em;height:5%;line-height:1.3em;margin:4px 0 20px 0;padding-left:28px;text-align:justify;}
	.colap p{line-height:1.2em;text-align:justify;padding:0 18px 0px 0}
	#colCent .colap img{margin:8px 0 8px 1px}
	.proy_sub li.colap_o .colap{display:none}
	.proy_sub li.colap_v .colap{display:block}
	
	/* li no colapsable dentro de una lista colapsable */
	.colap ul{margin-bottom:10px}
	.colap li{background: url(../img/icoBulletPeq.gif) no-repeat 0px 6px;padding:0 0 2px 12px}
	.colap a{color:#2D9EDF;}
	
.ofer{width:180px;margin-top:5px}
.disp{font-weight:bold;color:#CC0000}
.comp{width:188px;float:left;text-align:right;position:relative;margin-top:6px !important; height:20px}

/* pop Compartir */
.pie_b .mas{ margin:11px 0 0 20px;float:left;line-height:1.3em}
.pie_b .mas a{font-weight:bold}
.pie_b .mas a:hover{text-decoration:none}
.close{position:absolute;top:0px;right:10px}

#col2{padding:12px 0 20px 8px !important}
#col2 .tit{font-size:1.28em;margin-bottom:6px}
#col2 ul {width:150px;float:left;}
#col2 ul a{color:#163b85}
#col2 li{padding:0 10px 0 0px;font-size:.9em;}
#col2 ul a span{padding:3px 0 0 6px;position:absolute}
#col2 ul a img{padding:1px 0}

.pie_b{float:right;position:absolute;right:-4px;top:26px;text-align:left;color:#163b85;}
.pie_b .mas a{background:transparent url(../mult/ico_mas.gif) no-repeat;line-height:1.7em;padding:0 0 4px 21px}

.prod_top{padding-top:7px;background:transparent url(../img/bg_prod1a.gif) no-repeat top;width:359px;position:relative}
.prod_bot{padding-bottom:7px;background:transparent url(../img/bg_prod1b.gif) no-repeat bottom;width:359px;position:relative;}
.prod_cnt{min-height:220px;background:#fff url(../img/bg_prod.gif) repeat-y right top;padding:10px 0 0 15px;overflow:auto;position:relative;margin:0;}

.envMail{border-bottom:1px solid #cfd9eb;margin:0 12px 0 0;}
.envMail img{margin-right:10px}
.envMail div{width:260px;}
.envMail label{font-size:.9em;}
.envMail .campEnv{padding:10px 0 20px 0}
.envMail input{width:180px}
.prod_bot .tit{color:#163b85;font-size:1.3em;font-weight:bold;padding:6px 0 4px 0}


.dispo{color:#cd5100;font-weight:bold;margin-top:5px}

/*--------------------------------------------------------ESTILOS DETALLE ZOOM----------------------------------------------*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 680px;
	height:124px;
	z-index:0
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:10px 1px 10px 1px;
	background-color:#fff;
	padding:7px 4px;
	border:1px solid #d1d2d2;
	cursor:pointer;
	width:50px;
	height:35px;
	filter:alpha(opacity=50);
	-moz-opacity: 0.6;
	opacity: 0.6;
	-khtml-opacity: 0.6;}

/* active item */
.scrollable .active {
	z-index:9999;
	position:relative;
	border:1px solid #919191;
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	-khtml-opacity: 1.0; 
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../img/ico_hori_large.gif) no-repeat;
	display:block;
	width:30px;
	height:31px;
	float:left;
	margin-top:18px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: -3px -31px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-33px -31px; }
a.right:active 	{ background-position:-33px -31px; } 


/* left */
a.left				{background-position: -32px 0; margin-left:20px } 
a.left:hover  		{background-position:-2px 0; }
a.left:active  	{ background-position:-2px 0; }

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

.nav-links {
	position: absolute;
	top: 30px;
	left: 20px;
	width: 200px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav-links li {
	line-height: 1.6em;	
	font-size: 1.2em;
}
#content {
	margin-left: 240px;
	margin-top: 30px;
	margin-right: 50px;
}
.twitthis {
	position: absolute;
	top: 250px;
	left: 20px;
}
pre {
	background: #e8e8e8;
	border-left: 10px solid #777;
	font-size: 0.85em;
	padding: 1em;
	color: black !important;
	overflow-x: auto;
}
.important {
	border: 1px solid #666;
	background: #ddd;
	padding: 0 1em;
	color: #C30;
}
.galleryview {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.code_wrapper {
	border: 1px solid #888;
	background: #f0f0f0;
	padding: 10px;
}
.options {
	border: 1px solid #777;
	border-right: none;
	font-size: 0.8em;
	font-family: Verdana, Geneva, sans-serif;
}
#parts-img {
	border: 1px solid black;
}
img.nav {
	border: 1px solid black;
	margin-bottom: 5px;
}
.panel-overlay h2,
.panel-overlay p{
	margin: .3em 0;
}
.panel-overlay p {
	line-height: 1.2em;
}


/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {width: 18px;height:18px; }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffd27a_256x240.png); }

/* positioning */
.ui-icon-plus{}
.ui-icon-circle-plus {background-image: url(../img/ico_mas.gif); height:22px; }
.ui-icon-minus{}
.ui-icon-circle-minus {background-image: url(../img/ico_menos.gif); }

/* Misc visuals
----------------------------------*/


/* Overlays */
.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); }/* Accordion
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { background: url(../img/ico_zoomscroll.gif) no-repeat;position: absolute; z-index: 2; width: 15px; height:14px;cursor: pointer;}
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle {  }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs

/* miniZoomPan styles */
.marL5{margin-left:5px}

.gzoomwrap {
  margin:15px 0 0 13px;
  display:block;
}
.minizoompan {
  background: #fff;
  position: relative; /* always set to relative or offset() won't work */
  border: 1px solid gray;
  padding: 0;
  margin: 0 0 15px 0;
}

.minizoompan span.loader { /* the loader label*/
  position:absolute;
  left:0;
  top:0;
  z-index: 1;
  display: none;
  color: #000;
  background: #fff;
  font: normal 9px Arial, Verdana;
  padding: 3px;
}
.minizoompan .zoomIcon { /* the zoom icon */
  position:absolute;
  cursor:pointer;
  left:0;
  top:0;
  z-index: 1;
  display: none;
}

.gzoombutton {
  cursor:pointer;
}
.gzoomSlider {
  background: url(../img/bg_zoomslider.gif) repeat-y;
  display:block; 
  height:60px;width:6px;
  border-right:1px solid #dddada;
  margin-left:6px
}

#gzoomoverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#gzoomlbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#gzoomlbox a img { 
  border: none; 
}
#imagebox {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#gzoom-cont-img { padding: 10px; }

#lboximgdatacontainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
	padding: 0 10px 10px 10px; 
	color:#666;
}
#gzoomloading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#lboximgdatacontainer #gzoomlbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#gzoom-image-caption { font-weight: bold; }

.mislider{
	float:left;
	margin-right:10px
}
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 373px; 
    height:65px;
} 



#panes {
	height:500px;
	border-width:0 1px 1px 1px;
	position:absolute;
	background-color:red;
	width:10000px;
	top:-16px;
}

#panes div {
	width:700px;
	padding-top:20px;
	text-align:center;
	float:left;
}

/***** player style *******/
/* container has a background image */
a.player {	
	margin:40px 0 19px 25px;
	float:left;
	background:url(../img/splash.gif) no-repeat;
	width:426px;
	height:299px;
	padding:0 0 5px 0;	
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

/* splash image */
a.player img {
	border:0;
}

 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
	
} 
 
 
.panel { 
	padding: 10px 5px 25px 10px;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
}
.panel h2 {
	margin: 0;
	font-size: 2em;
}
.panel h3 {
	margin: .5em 0;
	font-size: 0.8em;

}
.panel p {
	margin: 1em 0;
	font-size: 1.1em;

} 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    background-color:#fff; 
}			
			
			
			#image_wrap {
					/* dimensions */
					width:677px;
					margin:15px 0 15px 40px;
					padding:15px 0;
				
					/* centered */
					text-align:center;
				
					/* some "skinning" */
					border:2px solid #fff;
					outline:1px solid #ddd;
			}
			

/*--------------------------------------------------------FIN ESTILOS DETALLE ZOOM----------------------------------------------*/