@Import url(/App_Themes/Common.css);
@Import url(/App_Themes/Menu.css);

#wrapper1 {
	background: url(/Imagenes/left-bg.png) 13% 0;
	}

#wrapright {
	float: right;
	width: 87%; 
}

#left {
	margin-right: 87%;
}

#centrocap, #productos, #producto, #descargas, #merchandising
{
	background-color:#C7C8CA; font-size:0.625em; 
	margin:4px 2px 2px 4px;
}	

#centrocap #header,
#merchandising #header, 
#descargas #header { background-color:#DEDEDE; width:100%; height:16px;}

#productos .spacer {background-color:#DEDEDE; height:4px;}

dl.zoomprod dt input {padding:0; cursor:url('/Imagenes/zoom.cur');}
  
#productos dt.codigo {color:#FFC20E; padding-left:4px; background-color:#000; 
					 border-top: solid 2px #FFC20E; width:186px; text-align:left; cursor:default}

dl.zoomprod
{
	padding:12px 0;
	width:196px;
	margin:0 auto;
}

dl.zoomprod dd 
{
	padding-bottom:10px;
	background-image: url(/Imagenes/bullet-blanco.png);
	background-repeat: no-repeat;
	background-position: 4px 7px;
	padding-left:13px;
}


.categprod {width:25%; float:left; background-color:#C7C8CA}
.categprod h3 
{
	font-size:1em; text-align:left; width:135px; padding-top:30px; margin:0 auto;
		background-position:0px 44px; background-image:url(/Imagenes/lineaaltura.png);
		background-repeat:no-repeat; z-index:22; position:relative; top:4px;
}

* html .categprod h3 {top:10px;}

.categprod .titulo {background-color:#A6A6A6; min-height:78px}
.categprod .titulo hr {border: solid 1px #FFF; height:2px; width:100%;}
* html .categprod .titulo hr { margin-bottom:13px;}

#producto {background-color:#C7C8CA; font-size:0.75em}

#producto .datos {color:#C7C8CA; width:100%;background-color:#000;}
#producto .datos img {padding:4px 2px 0 0; float:left; background-color:#C7C8CA;}
#producto .datos strong { color:#FFC20E}
#producto .datos .cuadro {padding:4px;}
#producto .datos .cuadroDer {padding:4px; border-left:solid 3px #C7C8CA; float:right; height:inherit}
#producto .datos .cuadroDer,
#producto .datos .cuadroDer a {font-weight:bold;}
#producto .especificacion {width:100%; clear:both; background-color:#DEDEDE; margin-top:4px;}

#producto .spacer {background-color:#C7C8CA; height:3px;}
#producto .detalle {background-color:#DEDEDE; font-size:0.75em}

#centrocap {overflow:auto}
#centrocap a.link {	background: transparent url(/imagenes/bullet-blanco.png) no-repeat 0 4px; padding-left:4px}
#centrocap dl{ margin-bottom:40px; font-weight:bold; }
#centrocap dt { border-bottom: solid 2px #FFC20E; margin:4px;margin-top:10%; width:30%}
#centrocap dd {padding-left:1%;} 
#centrocap #boxemail {float:left; width:30%; }

#centrocap #boxtel{float:left; width:50%; border-left: solid 4px #DEDEDE;}
#centrocap #boxtel dt{ margin-top:6%}


.tabProducto .ajax__tab_header
{
	background-color:#DEDEDE;
	font-weight:bold; 
}

.tabProducto .ajax__tab_body
{
	background-color:#C7C8CA
}


.tabProducto .ajax__tab_inner 
{
	background-position:66px 0;
	background-image:url(/Imagenes/tab-der-nosel.png);
	background-repeat:no-repeat;
	margin-right:4px;

}
.tabProducto .ajax__tab_tab { background-color:#C7C8CA;height:24px; width:68px;	}


.tabProducto .ajax__tab_hover .ajax__tab_inner,  
.tabProducto .ajax__tab_active .ajax__tab_inner {background-image:url(/Imagenes/tab-der-sel.png);}

.tabProducto .ajax__tab_active .ajax__tab_tab, .tabProducto .ajax__tab_hover  .ajax__tab_tab  { background-color:#808080;
												 background-image:url(/Imagenes/tab-der-sel.png);
											 	 background-position:66px 0;
												 background-repeat:no-repeat;
												 background-color:#808080;}



#descargas { font-size:0.75em;background-color:#C7C8CA}
#descargas h3 {font-size:1em; font-weight:bold; padding-bottom:10px;border-right: solid 2px #DEDEDE;border-left: solid 2px #DEDEDE;background-color:#C7C8CA}

#descargas .ficha{width:32%; float:left;}
#descargas .walls,#descargas .screens {width:34%; float:left;}

#descargas .spacer {	 border-top: 2px solid #DEDEDE;/*the border*/
	 height: 2px;/*whatever the total width of the border-top and border-bottom equal*/}

#descargas dl {width:48%; float:left;}
#descargas dt{ float:left; margin-right:2px}
#descargas dd {margin-left:6px; font-size:0.825em; font-weight:bold; line-height:1.2em;}
#descargas dd a {font-weight:normal;}

#descargas .row {
		overflow:auto;
		height: auto !important; 
		background-color:#C7C8CA;
		border: solid 2px #DEDEDE; 
		border-top:0;
		padding:10px;
		clear:left
}

#descargas .ficha .row{
	height:85px;
	min-height:85px;
}

#descargas .walls .row,#descargas .screens .row {
		height:192px;
		min-height:192px;
} 

/*
ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer. 
.ajax__tab_outer: An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. 
.ajax__tab_inner: An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. 
.ajax__tab_tab: An element of the tab that contains the text content. Child CSS classes:none. 
.ajax__tab_body: A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none. 
.ajax__tab_hover . This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer. 
.ajax__tab_active: This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. 
*/


#merchandising .merchand { width:175px; float:left; padding:20px; font-size:1em;}
#merchandising .merchand input {cursor:url('/Imagenes/zoom.cur');}
#merchandising .merchand span {font-weight:bold; font-size:1.3em; }
#merchandising .container { width:100%; margin:0 auto; background-color:#C7C8CA; overflow:auto }

#footer { border-top:solid 2px #FFF}



#map #holder {
	width:620px;
	margin:10px auto;
	text-align:left;
}

/* START OF CSS FOR MAP */
#map dl.map.on {
	position:relative;
	width:727px;
	height:516px;
	background:url(/Imagenes/map.jpg) no-repeat;
	text-align:left;
	margin:0px;
	padding:0px;
	border:#999 1px solid;
}
#map dl.map.on dt {
	list-style:none;
	display:inline;
}
dl.map.on dd {
	position:absolute;
	left:-9999px;
	width:200px;
	padding:4px;
	border:#222 2px solid;
	background:#666;
	-moz-border-radius:8px;
	border-radius:8px;
	z-index:11;
	font-size:0.8em;
	color:#FFF;
}

dl.map.on a.location {
	display:block;
	position:absolute;
	text-indent:-9999px;
	background:url(/Imagenes/point.jpg) no-repeat;
	width:10px;
	height:10px;
	outline:none;
	z-index:10;
	text-decoration:none;
}
dl.map.on a.location:hover {
	background:url(/Imagenes/point-hover.png) no-repeat -1px -1px;
}


/* START OF CSS FOR MAP POINTS */
dl.map.on a#northamerica {
	top:200px;
	left:186px;
}
dl.map.on a#centralamerica {
	top:249px;
	left:179px;
}
dl.map.on a#southamerica {
	top:378px;
	left:220px;
}
dl.map.on a#asia {
	top:180px;
	left:546px;
}
dl.map.on a#europe {
	top:175px;
	left:383px;
}
dl.map.on a#australia {
	top:348px;
	left:634px;
}