html
{
	height:100%;

}
body 
{
	margin: 0px;
	background:#12263f url(/shared/images/bg.gif) repeat-x;
	font:normal 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	height:100%;
}


form
{
	margin: 0px 0 0 0;
}

h1, h2, h3
{
	margin:0;
}
h1
{
	margin:10px 0 10px 20px;
	font:normal 18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0180cb;
}
h2
{
	margin:0 0 0px 40px;
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#f37b03;
	/*
	padding-bottom:3px;
	border-bottom:5px solid #DDD;
	width:180px;*/
}
h3
{
	margin:0px 0 0px 0px;
	font:bold 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0180cb;
}
h4
{
	margin:15px 0 0px 0px;
	font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0180cb;
}
h5
{
	margin:9px 0 3px 41px;
	font:normal 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0180cb;
}

h3 a
{
	margin:0px 0 0px 0px;
	font:bold 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0180cb;
}

a
{
	font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration:none;
}
a:hover
{
	color: #da730c;
}

small
{
	font:normal 9px/13px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
}
label
{
	font:bold 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	margin:6px 0 0 2px;
}





#top 
{
	width: 780px;
	height:80px;
	margin:0 auto;
	background:#FFF;
}
#header
{
	width: 780px;
	height:175px;
	margin:0 auto;
	z-index: 10;
}
#header-int
{
	width: 780px;
	height:105px;
	margin:0 auto;
	z-index: 10;
}
#logo
{
	width: 520px;
	float:left;
}
#container 
{
	width: 780px;
	/*height:100%;*/
	margin:0 auto;
	background:#FFF;	
}
#col-izq
{
	width: 250px;
	/*height:100%;*/
	margin:0;
	padding:10px 0 0 0;
	background:url(/shared/images/bg-col-izq.gif) top no-repeat;
	border:none;;
}
#col-izq h2{ color:#018bd3; !important }

#main
{
	width: 530px;
	height:auto;
	background:#FFF;
}


#mapa
{
	margin:0 0 10px 30px;
}
#datos
{
	margin:0 0 0 40px;
}
#cotizador
{
	margin:0px 0 0 40px;
}
#copyright, #adress
{
	float:left;
	width: 230px;
	height:20px;	
	padding:0px 0 0 40px;
	background:white;
	vertical-align:bottom;
	text-align:left;
}
#adress
{
	width: 510px;
	padding:0px 0 0 0px;	
}
#main-footer
{
	width:780px;
	margin:0 auto;
	height:110px;
	background:url(/shared/images/rayos.jpg) no-repeat bottom left;
	text-align:right;
}
#marcas 
{
	width: 780px;
	margin:0 auto;
	padding:20px 0 20px 0;
	background:#fff;
	text-align:right;
}

#footer 
{
	width: 100%;
	margin:0 auto;
	height:130px;
	background:url(/shared/images/bg-iconos.gif) repeat-x bottom;
	text-align:center;
}

/*  ------------------------------------------------------ LOGIN */

#login
{
	width: 255px;
	float:left;
	text-align:left;
	border-top: 3px solid #0081cd;
}
#login p
{
	margin:8px 0 4px 0;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #0083ce;	
}
#login p.error
{
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: red;
	text-align:left;
	padding:0 14px 0 0;
}
#login p.links-usuarios	
{
}
#login p.links-usuarios a	
{

}
#login a
{
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #0083ce;
	text-decoration:none;
}
#login a:hover
{
	color: #da730c;
}


/*  ------------------------------------------------------ MENU  */

#nav
{
	width: 530px;
	height:40px;
	background:url(/shared/images/menu-bg.gif) top repeat-x;
}
#menu, #menu-bottom
{
	padding:11px 0 0 20px;
	font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
}
#menu a, #menu-bottom a
{
	font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
}
#menu a:hover, #menu-bottom a:hover
{
	text-decoration:underline;
}

/*  ------------------------------------------------------ COL IZQ */

#cart-preview
{
	width: 135px;
	float:left;
	margin:10px 0 0 0px;
	padding:3px 0 0 40px;
}
#cart-icon
{
	width: 60px;
	float:left;
	margin:0 0 0 0px;
}


/*  ------------------------------------------------------ HOME TEXTO APERTURA */

#intro
{
	width: 525px;
	height:auto;
	margin:10px 0 0 0;
	background:#F2F2F2;
}
#intro .intro-a, #intro .intro-b
{
	float:left;
	width: 220px;
	margin:0 0 15px 0px;
	padding:0 0 0px 20px;
	font:normal 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#61656c;	
}
#intro .intro-b
{
	margin:0 0 15px 0px;
	padding:0 0 0px 30px;
}


/*  ------------------------------------------------------ HOME PROMOCIONES */

#promociones-box
{
	width: 510px;
	margin:15px 0px 0 0px;
	padding:0px 0 0 10px;
	background:#FFF;
}
#promociones-box .promociones-mod h3
{
	margin:5px 0px 5px 0px;
}
#promociones-box h4
{
	margin:0 0 0 0;
	color:#da730c; !important
}
#promociones-box img
{
	padding:0 10px 0 0;
}
#promociones-box td
{
	vertical-align:top
}
.promociones-mod
{
	float:left;
	width: 245px;
	height:110px;
	margin:5px 0px 0px 0;
	padding:0px 5px 10px 0px;
	overflow:hidden
}

.promociones-mod .txt
{
	position:relative;
	float:left;
	left:0px;
	width:145px;
	margin:5px 5px 0 0px;
}
.promociones-mod .txt-marca
{
	margin:5px 5px 0 0;
	font:normal 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:red;
}
.promociones-mod p
{
	margin:5px 5px 0 0;
	font:normal 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
}
.promociones-detail
{
	float:left;
	width: auto;
	margin:5px 0px 0px 0;
	padding:0px 5px 10px 0px;
}
.promociones-detail .txt
{
	position:relative;
	float:left;
	left:0px;
	width:280px;
	margin:5px 5px 0 0px;
}
.promociones-detail h3 a
{
	text-decoration:none !important;
}
.promociones-detail h4
{
	color:#da730c; !important;
}
.promociones-detail p
{
	margin:16px 5px 0px 0;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
}
.promociones-detail a
{
	text-decoration:underline;
}
.promociones-detail a:hover
{
	color:#0083ce;
}

/*  ------------------------------------------------------ HOME SERVICIOS */

#servicios-box
{
	width: 510px;
	margin:0px 0px 0 0px;
	padding:15px 0 0 10px;
	background:#FFF;
}
.servicios-mod
{
	float:left;
	width: 250px;
	height:160px;	
	margin:5px 0px 0px 0;
	padding:0px 0px 20px 0px;
}
.servicios-mod img
{
}
.servicios-mod h2 
{
	margin:0;
}
.servicios-mod h3 
{
	margin:0px 0 0 10px;
}
.servicios-mod h3 a
{
}
.servicios-mod a
{
}
.servicios-mod .txt
{
	float:left;  
	margin:5px 5px 0 0px;
}
.servicios-mod p
{
	margin:5px 5px 0 10px;
	font:normal 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;

}
.servicios-detail
{
	float:left;
	width: auto;
	margin:5px 0px 0px 0;
	padding:0px 5px 10px 0px;
}
.servicios-detail .txt
{
	float:left;
	position:relative;	
	width:300px;
	margin:5px 5px 0 0px;
}

.servicios-detail h3 a
{
	text-decoration:none !important;
}
.servicios-detail h4
{
	color:#da730c;
}
.servicios-detail p
{
	margin:16px 5px 0px 0;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
}
.servicios-detail a
{
	text-decoration:underline;
}
.servicios-detail a:hover
{
	color:#0083ce;
}

/*  ------------------------------------------------------ INTERIOR COTIZADOR */

#tabla-selected
{
	width: 520px;
	#width: 525px;
	padding:0 5px 0 0;
	background-color:#fff;
}
#tabla-selected th
{
	height:30px;
	color:#0083ce;
	font-weight:bold;
	text-align:left;
	padding:10px 5px 0px 15px;
	vertical-align:top;
	background:#f2f9fd
}
#tabla-selected td
{
	padding:0px 5px 2px 15px;
	color:#666;
	font-weight:normal;
	text-align:left;
}
#tabla-selected td.tabla-search-a, #tabla-selectedtd .tabla-search-b
{
	height:23px;
	border-bottom:1px solid #d5d5d5;
	border-top:1px solid #d5d5d5;
	padding:0px 5px 0 15px;
	text-align:left;
	vertical-align:top;

}
#tabla-selected td.tabla-search-b
{
	height:20px;
	background:none;
	border-bottom:1px solid #FFF;
	border-top:1px solid #FFF;	
}

#tabla-search
{
	width: 530px;
	#width: 525px;
	padding:0 5px 0 0;
}
#tabla-search th
{
	height:30px;
	color:#0083ce;
	font-weight:bold;
	text-align:left;
	padding:0 5px 0px 15px;
	vertical-align:top;
}
#tabla-search td
{
	padding:3px 5px 2px 15px;
	color:#666;
	font-weight:normal;
	text-align:left;
}
.tabla-search-a,.tabla-search-b
{
	height:23px;
	border-bottom:1px solid #d5d5d5;
	border-top:1px solid #d5d5d5;
	padding:0 5px 0 15px;
	text-align:left;

}
.tabla-search-b
{
	height:20px;
	background:#f2f2f2;
	border-bottom:1px solid #FFF;
	border-top:1px solid #FFF;	
}

#tabla-marcas
{
	width:100%;
	margin:20px 0;
}
#tabla-marcas td
{
	height:22px;
	vertical-align:top;
}
#tabla-estimacion
{
	vertical-align:bottom;
}
/*  ------------------------------------------------------ INTITUCIONAL */

#box-interior
{
	width: 480px;
	margin:0px 0px 0 0px;
	padding:15px 10px 0 20px;
	background:#fff;
}

#galeria
{
	width:480px;
	margin:18px 0px 16px 18px;
}
#galeria img
{
	margin:1px;
}

/*  ------------------------------------------------------ CLASSES */
.filtros
{
	margin:0px 0 0px 0;
}
.td-col-izq
{
	vertical-align:top;
	width: 250px;
}
.td-main
{
	vertical-align:top;
	width: 250px;
}
.td-cod
{
	padding-left:20px !important;
}
.td-rub, .td-mar, .td-pri
{
	color:#000 !important;
}
.td-pri
{
	text-align:right !important;
}
.total
{
	font-size:13px !important;
	font-weight:bold  !important;
	text-align:right !important;
}

.main-footer
{
	height:10px;
	background: url(/shared/images/main-footer.gif) no-repeat top left;
}
.titulo 
{
	margin:20px 0 0 20px;
}
.misdatos 
{
	width:100%;
	margin:0px 0 0 10px;
}
.misdatos td
{
	height: 25px;
	vertical-align:top;
}
.misdatos-tit, .misdatos-txt
{
	padding:5px 0 0 0;
}
.misdatos-txt
{
	width:70%;
}
.back
{
	text-decoration:none !important;
	font-weight:bold;
	color:#0083ce;
}
.back:hover
{
	color:#da730c !important;
}
.datos
{
	margin:5px 0 0 4px;
}
.cyan
{
	color:#0083ce !important;
}
.green
{
	color:#70b229 !important;
}
.zero 
{
	margin:0;
}
.block
{
	display:block;
}
.inline
{
	display:inline;
}
.clear
{
	clear:both;
}


.login-input
{
	width:95px;
	height:14px;
	margin:4px 2px 0 0;
	padding:2px 0 1px 3px;
	background: #f0f0f0;
	border:1px solid #999;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #666;
}
.login-bt
{
	margin:0 0 0 0;
	display:inline;
	vertical-align:bottom;
}


.cotizador-input
{
	width:132px;
	height:16px;
	margin:0px 2px 0 0;
	padding:0px 0 0 3px;
	background: #f0f0f0;
	border:1px solid #999;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #666;
}
.cotizador-list
{
	width:180px;
	height:20px;
	margin:4px 0 0 0;
	padding:0px 0 0 0px;
	background: #f0f0f0;
	border:1px solid #999;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #666;
}
html>body .cotizador-list
{
	height:17px;
	margin:4px 0 0 0;
}
.cotizador-bt
{
	margin:0 0 0 0;
	display:inline;
	vertical-align:bottom;
}


.cantidad-input
{
	width:24px;
	height:16px;
	margin:0px 2px 0px 0;
	padding:0px 0px 0 0px;
	background: #FFF;
	border:1px solid #999;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	text-align:right;
}
.misdatos-area
{
	width:325px;
	height:80px;
	margin:0px 2px 2px 0;
	padding:2px 0 0px 5px;
	background: #fff;
	border:1px solid #DDD;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #666;
	text-align:left;	
}
.misdatos-input, .misdatos-input-no, .misdatos-input-si
{
	width:325px;
	height:16px;
	margin:0px 2px 2px 0;
	padding:2px 0 1px 5px;
	background: #fff;
	border:1px solid #DDD;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #666;
	text-align:left;	
}
.misdatos-input-no
{
	border:1px solid #fff;
	padding:4px 0 0px 5px;	
}
.misdatos-input-si
{
	border:1px solid #669933;
}
.datos-input
{
	width:200px;
	height:16px;
	margin:0px 2px 2px 0;
	padding:2px 0 1px 5px;
	background: #fff;
	border:1px solid #DDD;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #666;
	text-align:left;	
}
.datos-area, .envios-area
{
	width:260px;
	height:84px;
	#height:90px;	
	margin:0px 2px 5px 2px;
	padding:2px 0 1px 5px;
	background: #fff;
	border:1px solid #DDD;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #666;
	text-align:left;	
}
.datos-area
{
	height:177px;	
}
html>body .datos-area
{
	height:165px;	
}
.datos-list, .envios-list
{
	width:205px;
	height:18px;
	#height:20px;	
	margin:0px 0 0 0;
	#margin:2px 0 0 1px;
	padding:0px 0 0 2px;
	background: #fff;
	border:1px solid #ddd;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #666;
}
.envios-area { 	height:40px; }
.envios-list {
	width:265px;
	margin:0px 0 10px 2px;
	#margin:2px 0 10px 1px;
}
#parcial_carro
{
}
#parcial_carro h2 { 	
	background:url(/shared/images/div-h2.gif) no-repeat top left;
	padding-top:15px;
	color:#018bd3; !important }
#box-milistado
{
	width:490px;
	height:auto;
	padding:5px;
	margin:0px 0 40px 0;
	border:5px solid #d9d9d9;
}

#box-sinloguin
{
	width:478px;
	height:auto;
	padding:20px 5px 5px 5px;
	margin:0px;
	border:1px solid #c2e2f2;
	background:#e5f3fa;
}

#tabla-milistado
{
	width:100%;
	height:auto;
	padding:0;
	margin:0px 0 0 0;
}

#tabla-resultados, #tabla-pedidos
{
	width:510px;
	height:auto;
	padding:0;
	margin:0px 0;
}
#tabla-pedidos
{
	width:100%;
}
#tabla-resultados th, #tabla-pedidos th
{
	height:35px;
	padding:0 0 0 10px;
	font:bold 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#113658; /* 0083ce */
	text-align:left;
}
#tabla-resultados th.price, #tabla-pedidos th.price
{
	padding-right:0px !important;
	text-align:right !important;
}
#tabla-resultados th.res-cart, #tabla-pedidos th.res-cart
{
	width:32px;
}
#tabla-resultados th.res-cod
{
	height:25px;
}
#tabla-resultados th.res-cod, #tabla-resultados td.cod, #tabla-pedidos th.res-cod, #tabla-pedidos td.cod
{
	padding-left:20px;
}
#tabla-resultados td, #tabla-pedidos td
{
	vertical-align:top;
}
#tabla-resultados .celda-a, #tabla-pedidos .celda-a
{
	background:#fff;
	height:20px;
	padding:2px 0px 2px 10px;
	border-bottom:1px solid #e2e2e2;
	border-top:1px solid #e2e2e2;
}
#tabla-resultados .celda-b, #tabla-pedidos .celda-b
{
	background:#f6f6f6;
	height:20px;
	padding:2px 0px 2px 10px;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
}

#tabla-parciales
{
	width:100%;
	height:auto;
	padding:0;
	margin:20px 0 0 0;
}



.milistado
{
	background:#d9d9d9 url(/shared/images/carrito/milistado.gif) no-repeat top;
	width:80px;
	height:15px;
	padding:10px 0 0 20px;
	margin:20px 0 0 0;
	font:bold 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0083ce;	
}
.celda-a
{
	background:#fff;
	height:20px;
	padding:2px 0px 2px 10px;
	border-bottom:1px solid #e2e2e2;
	border-top:1px solid #e2e2e2;
	vertical-align:top;
}
.celda-b
{
	background:#f6f6f6;
	height:20px;
	padding:2px 0px 2px 10px;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
}


.cod
{
	font-weight:bold;
	color:#2f6891;
	width:25px;
}
#tabla-milistado td.detail
{
	color:#000;
}
#tabla-resultados td.detail
{
	color:#000;	
}
.cat
{
	color:#666;
}
.brand
{
	color:#2f6891;
}
.price
{
	width:auto;
	color:#0083ce;
	text-align:right;
	padding-right:10px;
}
.costo
{
	background:#fff;
	height:auto;
	padding:14px 20px 2px 10px;
	color:#0083ce;
	vertical-align:bottom;
}
.cant
{
	text-align:right;
	padding-right:5px;
}

.costo-total
{
	text-align:right;
	color:#0083ce;
	font:bold 18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:15px 10px 0px 0px;
}
.costo-total-txt
{
	font:bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#113658;
	display:inline;
	margin:0 26px 0 0;
	#margin:0 32px 0 0;
}

.input-cantidad
{
	width:28px;
	height:16px;
	margin:0px 3px 0px 0;
	padding:0px 2px 0 0px;
	background: #FFF;
	border:1px solid #999;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	text-align:right;
}

#totales .bt-listado
{
	padding-right:0px; !important
}


.results-total, .path
{
	width:490px;
	margin:29px 0px 0px 0px;
	padding:0 0 10px 20px;
	font:bold 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#113658;
}
.path
{
	width:490px;
	margin:0px 0px 0px 0px;
	padding:0 0 10px 20px;
	font:bold 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#113658;
	border-bottom:1px solid #CCC;		
}
.path a
{
	font:bold 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#db740c;
}
.path a:hover
{
	text-decoration:underline;
}

.path-span
{
	font:bold 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#db740c;
}

.paginado
{
	width:490px;
	margin:0px 0px 15px 0px;
	padding:10px 0 10px 20px;
	font:normal 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#db740c;
	border-bottom:5px solid #d9d9d9;
}
.paginado span
{
	font:bold 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#db740c;
}
.paginado a
{
	font:normal 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#113658;
}
.paginado a:hover
{
	color:#db740c;
}
.domicilio
{
	margin:0 0 10px 0;
	padding:2px 10px 0 8px;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
}
.envios
{
	width:210px;
	padding:2px 10px 0 0;
	font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	text-align:right;
	vertical-align:top;
}
.gracias
{
	margin:20px 0 40px 0;
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#f37b03;
	text-align:center;
}
.amiddle
{
	vertical-align:top;
	padding-top:2px;
	#padding-top:4px;
}

.h20
{
	height:40px;
	background:url(/shared/images/div.gif) left center no-repeat;
}
.t-title
{
	font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#113658;
	padding:6px 0 10px 10px;
	border-top:1px solid #FFF;
}

.deshabilitado
{
	color:#CCC;  !important
	background-color:#CCC; !important

}

.float-l
{
	float:left
}