html, body {height:100%}
#main {min-height:100%}
* html #main {height:100%}
body {
	margin: 0;
	background-color: #fff;
}
img {
	padding: 20 0 0;
	margin: 0;
	border: none;
}
form {
	padding: 0;
	margin: 0;
}

legend { font-family: Arial, Helvetica, sans-serif; font-size: 12px}
label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
p { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#000000 }
p a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; border:none}
p a:hover {color:#999999 }
/*input { background-color:#CCCCCC }*/

.bold{ font: bold }

/*start main*/
#main {
	width: 768px;
	margin: 0 auto;
	background: url(../images/body-bg.gif) repeat-y;
	position: relative;
	height:auto;
	z-index:1;
}
/*start header*/
#header {
	position: relative;
	width: 768px;
	height: 82px;
	background: url(../images/header-bg.gif) no-repeat top;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#header .logo {
	position: absolute;
	width: 137px;
	height: 82px;
	left: 8px;
	top: 0;
	text-indent: -9999px;
	overflow: hidden;
}
#header span {
	display: block;
	width: 480px;
	position: absolute;
	top: 14px;
	left: 213px;
	font: italic 16px Arial, Helvetica, sans-serif;
	color: #fff;
}
#header .top-nav {
	position: absolute;
	left: 145px;
	top: 61px;
	padding: 0 0 0 25px;
	margin: 0;
	list-style: none;
	font: 12px Arial, Helvetica, sans-serif;
	height: 20px;
	width: 591px;
}
#header .top-nav li {float: left;}
#header .top-nav li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 4px 10px 2px 10px;
}

.top-nav-sel {background-color: #d8001d;}

#header .top-nav li a:hover {background-color: #d8001d;}
#header .top-nav .last {
	float: left;
	margin: 0 0 0 113px;
	display: inline;
}

/*start content*/
#content {
	width: 768px;
	padding:0 0 34px;
	overflow:hidden;
	height: 1200px;
}
/*start left column*/
#left-column {
	float: left;
	width: 137px;
	height: 392px;
	margin: 0 0 0 8px;
	display: inline;
	background: #0073bd url(../images/left-column-bg.gif) repeat-x;
}
/*left-navigation*/
.roll {
	float: left;
	margin: 9px 0 0 8px;
	display: inline;
}
.button, .close .button {
	float: left;
	width: 107px;
	padding: 3px 0 0 12px;
	border: 1px solid #83818a;
	background: #fff url(../images/arrow-hower.gif) no-repeat 3px 5px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #5d5b59; 
	text-decoration: none;
}
.close .button {background: #fff url(../images/arrow.gif) no-repeat 3px 4px;}
.inner {
	clear: both;
	float: left;
	background: url(../images/roll-bg.gif) repeat-y;
	overflow: hidden;
	width: 121px;
}
* html .inner {margin: 0 0 -13px 0;}
.inner a {
	display: block;
	text-decoration: none;
	font: 11px Arial, Helvetica, sans-serif;
	color: #fff;
	width: 96px;
	padding: 0px 10px 2px 11px;
	margin: 0 0 6px 2px;
	background: url(../images/inner-arrow.gif) no-repeat 5px 5px;
}
* html .inner a {
	margin: 3px 0 3px 1px;
}
.inner a:hover, .inner .active {background: #686989 url(../images/inner-arrow.gif) no-repeat 5px 5px;}
.inner span {
	display: block;
	background: url(../images/inner-bottom-bg.gif) repeat-x;
	width: 120px;
	margin: 0px 0 0 1px;
	height: 2px;
}
.close .inner {display: none;}
.close .open {display: block !important;}
/*-----*/
/*start right column*/
#right-column {
	float: left;
	width: 571px;
	padding: 32px 0 0 33px;
	height: 1200px;
}
#right-column h1 {
	padding: 0;
	margin: 0;
	width: 90px;
	height: 26px;
	text-indent: -9999px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #d8001d;;
	overflow: hidden;
}

#right-column h1.curbiter {
	background: url(../images/title.gif) no-repeat;
}

#right-column .left-side {
	float: left;
	width: 124px;
	margin: 18px 8px 0 0;
	display: inline;
}
#right-column span,#right-column p {
	float: left; 
	padding: 0;
	margin: 0;
	font: 11px Arial, Helvetica, sans-serif;
	color: #6d6e71;
}
#right-column .left-side ul {
	float: left;
	list-style: url(none) none;
	padding: 0 0 0 5px;
	margin: 15px 0 0;
	font: 11px Arial, Helvetica, sans-serif;
	color: #6d6e71;
	/*list-style:url(../images/inner-arrow-grey.gif) inside; text-indent: -5px */
}

 #right-column .left-side ul li{
	background:url(../images/inner-arrow-grey.gif) no-repeat left 4px;
	padding-left:6px
}


#right-column .left-side a {
	color: #6d6e71;
	text-decoration: none;
}

#right-column .left-side a:hover {
	color: #CC0000;
}

#right-column .left-side .text-box {
	float: left;
	background: url(../images/text-box-bg-1.gif) no-repeat;
	width: 120px;
	overflow: hidden;
	margin: 19px 0 0;
	padding: 2px 0 0;
}
#right-column .left-side .text-box span {
	float: left;
	width: 95px;
	padding: 4px 7px 6px;
	background: url(../images/text-box-bg-2.gif) repeat-y;
	font: 11px Arial, Helvetica, sans-serif;
	color: #6d6e71;
}
#right-column .left-side .text-box .text-box-bottom {
	float: left;
	background: url(../images/text-box-bg-1.gif) no-repeat;
	width: 109px;
	padding: 6px 0 0;
}
#right-column .box {
	float: left;
	width: 162px;
	background: url(../images/right-column-sep.gif) repeat-y 100% 0;
	padding: 0 0 0 20px;
	margin-top: 20px;
}
#right-column .box h2 {
	margin: 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #0b203a;
}
#right-column .box .image {
	padding: 10px 0 0;
	min-height: 151px;
	margin-bottom: 20px;
	}
* html #right-column .box .image {height: 151px;}
#right-column .box span {
	font: 11px Arial, Helvetica, sans-serif;
	color: #6d6e71;
}
#right-column .box ul {
	float: left;
	list-style: none;
	padding: 7px 0 36px 0;
	margin: 0;
	font: 11px Arial, Helvetica, sans-serif;
	color: #999;
}

#right-column .box ul li{
	background:url(../images/inner-arrow-grey.gif) no-repeat left 4px;
	padding-left:6px
}


#right-column .box ul strong {color: #d8001d;}
#right-column .box a {
	color: #6d6e71;
	text-decoration: none;
}
#right-column .box a:hover {
	color: #CC0000;
}

#right-column .last {background: none;}


#right-column .familia {
	margin-left:60px; padding-left:0px; border-top: #666666 1px dashed; margin-right: 30px; clear: both; margin-bottom:10px
}


#right-column .familia .box {
	margin-left:0px; padding-left:0px; width:120px; float:left; background-image:none; height:140px}


#right-column .familia img {width:100px; margin:10px; float:left}


#right-column .producto {
	margin-left:130px;
	padding-left:0px;
	border-top: #666666 1px dashed;
	margin-right: 140px;
	clear: both;
	margin-bottom:10px
}

#right-column .producto .box {margin-left:0px; padding-left:0px; float:left; background-image:none; height:120px}

#right-column .producto img {
	width:100px;
	margin:40px 0px 0px;
	float:right
}

/*start footer*/
#footer {
	position: relative;
	background: url(../images/footer-bg.gif) no-repeat;
	z-index:10;
	width: 741px;
	height: 39px;
	text-align: right;
	padding: 5px 27px 0 0;
	margin: -44px auto 0;
	clear:both;
}
#footer span {
	font: 16px Arial, Helvetica, sans-serif;
	color: #fff;
}
#footer span a {
	color: #fff;
	text-decoration: none;
}
#footer span a:hover {text-decoration: underline;}

#q { position:absolute; margin:-66px 8px 0; }
#q_separador { height:1px; margin-bottom:-2px !Important ; margin-bottom:-22px }
/* -- highslide --*/

.highslide-body {padding: 0px 0px 0px 0px; background-color: white; text-align: left; }

.highslide-body h2 { font-size:1.0em; line-height: 1.0em; height: 1.3em}

.highslide-html {
    background-color: white;
}

.highslide-html-blur {
}

.highslide-html-content {
	position: absolute;
    display: none; background-color: white;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.highslide-htm-control{height:20px; background-color:#cfddec;}

.control {
	float: right;
    display: block;
    /*position: relative;*/
	margin: 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #999;
}
.control:hover {
	color: black !important;
}
.highslide-move {
    cursor: move;
}
.highslide-html-content div ul li { background-color:#0b203a; color:#FFFFFF; }
.highslide-html-content div ul li a { color:#FFFFFF; text-decoration:none; border: none; font-size: 12px; font-family:Arial, Helvetica, sans-serif }
.highslide-html-content div ul li a:hover { color:#666666; }

	#separador { background: url(../images/inner-bottom-bg.gif) repeat-x; height:12px; margin-top:12px; width:100%; float: left }

#especial {float: left;
	margin: 9px 0 0 8px;
	display: inline;  border: #FFFFFF thin solid}
	
#especial a { background: #FF0000 url(../images/arrow-w.gif) no-repeat 3px 5px ; color:#FFFFFF }

#solicitud {float: left;
	margin: 9px 0 0 8px;
	display: inline;  border: #FFFFFF thin solid; background-color: #999999 }
	
#solicitud a { background: #999999 no-repeat 3px 5px ; color:#FFFFFF }	


	
#right-column .box ul .especiales{
	clear:both;
	width:250px;
	height:19px;
	margin-top:30px;
	padding-top:2px;
	background-image:url(../images/especiales/bg-btn.gif);
	color: #fff;
	}	

#right-column .box ul .especiales:hover, #right-column .box ul .especiales.hover{
	clear:both;
	width:250px;
	height:19px;
	color: #FFFFFF;
	background-image:url(../images/especiales/bg_btn_hover.gif);
	}
	
#right-column .box ul .especiales a, #right-column .box ul .especiales a:hover {
	margin-left:10px;
	font:11px Arial, Helvetica, sans-serif; 
	color: #FFFFFF;
		}
		

/* galeria */


/*a {color:#FFFFFF;}
a:hover {text-decoration:none;}
a:visited {color:#FFFFFF;}*/

#galeria { width:400px; height:370px; margin-right:10px; float:right; background-image:url(../images/especiales/galeria_bg.gif); background-repeat:no-repeat; }	
#galeria ul {list-style:none; padding:0; margin:0; width:420px; position:relative;}
#galeria ul li {display:inline; width:70px; height:70px; float:left;}
#galeria ul li a {display:block; width:70px; height:70px; cursor:default; border-color:#666666; }
		
#galeria ul li a img {display:block; width:0px;}


#galeria li a:hover {white-space:normal; position:absolute;}
			
#galeria ul li a:hover img.img {position:absolute; left:-10px; top:-5px; width:100px; height:100px; }

#galeria ul li a:active, #galeria ul li a:focus {position:absolute; outline:0;}
				
#galeria ul li a img.nom {display:inline; width:30px; height:70px; float:left;}
#galeria ul li a:hover img.nom {display:inline; width:30px; height:70px; float:left;}