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

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}


.lightbox_back {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index:1000;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);}
	
.lightbox {
	display: none;
	position: fixed;
	z-index:1002;
/*	float: left; */
/*	top: 15%; */
/*	margin: 0 24%; /* 0 25%; */
/*	margin: 0 10%; */
	width: 800px;
	height: 500px;
	background: url(../images/base/lightbox/right-back-cont.gif) right top no-repeat;
	overflow: hidden;}
			
		.lightbox .left {
		float: left;
		width: 7px;
		height: 500px;
		background: url(../images/base/lightbox/left-back-cont.gif) no-repeat;
		}	
		
		.lightbox .cont {
		float: left; 
		width: 785px;
		height: 560px;
		background: #eaeaea;}
		
			.lightbox .cont a.cerrar {
			float: right;
			margin-top: 5px;
			padding-right: 5px;
			width: 90%;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: normal;
			text-transform: uppercase;
			text-decoration: none;
			text-align: right;
			color: #000;}
			
			.lightbox .cont .header {
			float:left;
			margin-top: 4px;
			width: 783px;
			height: 51px;
			background: #000 url(../images/base/lightbox/right-back-header.gif) right no-repeat;} 
			
				.lightbox .cont .header .logo {
				float: left;
				margin:0;
				padding:0;
				padding-left: 37px;
				width: 55px;
				height: 51px;
				text-align: right;
				font-size: 0;}
				
				.lightbox .cont .header h3 {
				float: right;
				padding-top: 17px;
				padding-right: 20px; 
				font-family: Arial, Helvetica, sans-serif;
				font-size: 18px;
				font-weight: bold;
				color: #FFFFFF;}
				
			.lightbox .cont .slider-flash {
			float: left;
			margin-left: 20px;
			width: 360px;
			height: 190px;
			background: #000;
			text-align: center;}
			
				.lightbox .cont .slider-flash .flash {
				width: 216px;
				height: 175px;}
			
			.lightbox .cont .izquierda-up {
			float: left;
			margin-top: 15px;
			padding-left: 20px;
			width: 360px;
			height: 180px;
			font-family: Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#000;
			overflow-y: scroll;
			scrollbar-face-color: #eaeaea; 
			scrollbar-shadow-color: #eaeaea; 
			scrollbar-highlight-color: #eaeaea; 
			scrollbar-3dlight-color: #eaeaea; 
			scrollbar-darkshadow-color: #eaeaea; 
			scrollbar-track-color: #eaeaea; 
			scrollbar-arrow-color: #000;}
			
			.lightbox .cont .contenedor-segunda-fila {
			float: left;
			margin-top: 25px;
			width: 760px;
			height: 190px;
			overflow-y: scroll;
			scrollbar-face-color: #eaeaea; 
			scrollbar-shadow-color: #eaeaea; 
			scrollbar-highlight-color: #eaeaea; 
			scrollbar-3dlight-color: #eaeaea; 
			scrollbar-darkshadow-color: #eaeaea; 
			scrollbar-track-color: #eaeaea; 
			scrollbar-arrow-color: #000;}
			
			.lightbox .cont .contenedor-segunda-fila .segunda-fila {
			float: left;
			padding-left: 20px;
			width: 360px;
			height: 190px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #586165;}
			
			.lightbox .cont .contenedor-segunda-fila .segunda-fila-grande {
			float: left;
			padding-left: 20px;
			width: 340px;
			height: 190px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #586165;}
			
			.lightbox .cont .segunda-fila ul, .lightbox .cont .contenedor-segunda-fila .segunda-fila ul li{
			float: none;
			display: block;
			margin: 0;
			padding: 0;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #586165;
			list-style-position: inside;
			list-style-type: circle;
			list-style-image: none;
			}
	/* LIGHTBOX PROXIMAMENTE*/
	
	.lightbox-stock {
	display: none;
	position: absolute;
	z-index:1100 !important;
	background: url(../images/base/lightbox/right-back-cont-prox.gif) right top no-repeat;
	overflow: hidden;
	top: 150px;
	left: 25%;
	}
	
	.lightbox-prox {
	display: none;
	position: fixed;
	z-index:1100;
	float: left;
	top: 30%;
	margin: 0 20%; /* 0 25%; */
	*margin: 0 20%;
	width: 400px;
	height: 200px;
	background: url(../images/base/lightbox/right-back-cont-prox.gif) right top no-repeat;
	overflow: hidden;}
	
		.lightbox-prox .left-prox {
		float: left;
		width: 7px;
		height: 100px;
		overflow: hidden;
		background: url(../images/base/lightbox/left-back-cont-prox.gif) no-repeat;
		}	
		
		.lightbox-prox .cont-prox {
		float: left; 
		width: 385px;
		height: 100px;
		background: #eaeaea;}
		
		.lightbox-prox .cont-prox .p-prox{
		margin-left:35px;
		padding-top: 45px
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		}
		
			.lightbox-prox .cont-prox a.cerrar {
			float: right;
			margin-top: 5px;
			padding-right: 5px;
			width: 90%;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: normal;
			text-transform: uppercase;
			text-decoration: none;
			text-align: right;
			color: #000;}
	
	/* LIGHTBOX AGREGAR PRODUCTO*/
	
	.lightbox-addprod {
	display: none;
	position: fixed;
	_position: absolute;
	z-index:10100;
	float: left;
	padding-bottom: 6px;
	top: 30%;
	left: 23%;
	margin: 0 20%; /* 0 25%; */
	*margin: 0 20%;
	width: 365px;	
	background: url(../images/base/lightbox/addProductBottom.png) left bottom no-repeat;}
	
		.lightbox-addprod .left-addprod {
		float: left;
		width: 100%;
		height: 6px;
		font-size: 0;
		background: url(../images/base/lightbox/addProductTop.png) left top no-repeat;
		}	
		
		.lightbox-addprod .cont-addprod {
		float: left; 
		width: 100%;
		min-height:182px;
		height:auto !important;
		height:182px;
		background: #8c8d8e url(../images/base/lightbox/addProductBack.png) repeat-x;}
		
			.lightbox-addprod .cont-addprod p {
				float: left;
				margin-top: 8px;
				width: auto;
				padding-left: 18px;
				padding-bottom: 5px;
				font-size: 14px;
				font-weight: bold;}
				
		.lightbox-addprod .cont-addprod .p-addprod{
			float: left;
			padding-left: 5%;
			width: 95%;}
		
			.lightbox-addprod .cont-addprod a.cerrar {
			float: right;
			margin-top: 5px;
			padding-right: 10px;
			width: auto;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: normal;
			text-transform: uppercase;
			text-decoration: none;
			text-align: right;
			color: #858585;}
			
			.lightbox-addprod .cont-addprod a.cerrar:hover { color: #000;}
			
			.lightbox-addprod .cont-addprod .imagen {float:left;}
		

		.lightbox-addprod .cont-addprod .confirmar { 
		float: left;
		margin-left: 5px;
		margin-top: 10px;
		margin-bottom: 3px;
		width: 123px;
		height: 21px;
		background: url(../images/base/lightbox/confirmarCompra.png) no-repeat;}
		
		.lightbox-addprod .cont-addprod .continuar {
		float: left;
		margin-left: 5px;
		margin-bottom: 3px;
		width: 123px;
		height: 21px;
		background: url(../images/base/lightbox/continuarCompra.png) no-repeat;}
		
		.lightbox-addprod .cont-addprod .continuar:hover,
		.lightbox-addprod .cont-addprod .confirmar:hover { background-position: 0 -21px;}	
		
		
		.lightbox-addprod .cont-addprod .datos { float: left; width: 210px; padding-left: 5px; }
		
		.lightbox-addprod .cont-addprod .datos p {
			float: left;
			padding: 0;
			margin: 0;
			width: 100%;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			color: #000000;}
			
		.lightbox-addprod .cont-addprod .datos p span { font-weight: bold; font-size: 15px;}
			
		.lightbox-addprod .cont-addprod .datos p.title {
			margin-bottom: 3px;
			padding-bottom: 3px;
			padding-top: 0px;
			font-size: 18px;
			font-weight: bold;
			border-bottom: 1px solid #000;}
			
		.lightbox-addprod .cont-addprod .datos p.blue,
		.lightbox-addprod .cont-addprod .datos p.blue span{ font-size: 16px; font-weight: bold; color: #2D7091;}
		
		
        
.lightbox-small{
   width: 600px;  
   height: auto;     
}

.lightbox-small .cont{
    height: auto;     
}

.lightbox-small #lightBoxContent{
   width:585px;       
}

.lightbox-small .cont .header{    
   width:100%;      
}

.lightbox-small .cont .slider-flash{
    margin: auto;
    clear: both;
    float: none; 
    height: auto;    
}

.lightbox-small .cont .izquierda-up{
    width:auto;     
    clear: both;
    height: auto;    
}

.lightbox-small .cont .contenedor-segunda-fila{
    width:100%;        
    height: auto;   
    margin-top: 15px;   
    float: none;  
    overflow-y: inherit !important;
}
.lightbox-small .cont .contenedor-segunda-fila .segunda-fila{
    width:auto;        
    height: auto;  
    float: none;  
}
.lightbox-small .cont .contenedor-segunda-fila .segunda-fila-grande{
    width:auto;        
    height: auto;
    margin-top: 15px;    
    float: none;
}
.lightbox-small #bottomleft{
    background: url("../images/base/lightbox/left-back-cont.gif") no-repeat scroll left bottom transparent;
    height: 400px;
    width: 100%;
    bottom: 400px; 
    float: left;
    position: relative;
    z-index: 1002;
}
.lightbox-small #bottomrigth{
  background: url("../images/base/lightbox/right-back-cont.gif") no-repeat scroll right bottom transparent;    
  height: 400px;
  width: 100%;
}

.lightbox-small .cerrar-left,
.lightbox .cerrar-left{
    width: 100%;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;    
    padding-right: 5px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    width: 90%;   
    margin: 12px 15px;  
    z-index: 1003;
}