@charset "utf-8";

body{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:62.5%;
}
p{margin:10px 0px; line-height:22px; font-size:1.2em}

strong {font-weight:bold}

.hidden{position:absolute; visibility:hidden}
.clear{clear:both; float:none; height:0px; line-height:0px; font-size:0px}
.fl{float:left}
.fr{float:right}
.overflow{overflow:auto}
.dispin{display:inline}
.splitter{display:block; height:30px; background:#FFF url(img/dot.png) repeat-x scroll left center;}
.azul{color:#13235B}
.bgazul{background-color:#13235B}

a span{cursor:pointer}


#container {
	width: 850px;
	margin:0 auto;
}

#header {
	padding:45px 0 0 0px;
}
#header .logo a{
	width:359px;
	height:80px;
	display:block;
	text-indent:-5000px;
	background:#FFF url(img/logo.png) no-repeat scroll 0 0;
}

#header .sbbtns{
	width:376px;
	height:35px;
	padding-top:45px;
	font-size:1em;
	overflow:hidden;
	margin-bottom:0px;
}
#header .sbbtns ul{
	background-image:url(img/sbbtns.png);
}
#header .sbbtns ul li{
	width:85px;
	margin-right:12px;
	height:35px;
	float:left;
	background-image:url(img/sbbtns.png);
	
}
#header .sbbtns ul li.ultimo{margin-right:0px}
#header .sbbtns ul li a,#header .sbbtns ul li span{
	display:block;
	height:35px;
	text-decoration:none;
	text-indent:-5000%;
	background-image:url(img/sbbtns.png);
	cursor:pointer;
}
#header .sbbtns ul li.taps a{
	background-position:0px -35px;
}
#header .sbbtns ul li.taps span{
	background-position:0px 0px;
}
#header .sbbtns ul li.principal a{
	background-position:-97px -35px;
}
#header .sbbtns ul li.principal span{
	background-position:-97px 0px;
}
#header .sbbtns ul li.productos a{
	background-position:-194px -35px;
}
#header .sbbtns ul li.productos span{
	background-position:-194px 0px;
}
#header .sbbtns ul li.contacto a{
	background-position:85px -35px;
}
#header .sbbtns ul li.contacto span{
	background-position:85px 0px;
}


#header #menu{
	margin-top:20px;
	padding-top:5px;
	height:75px;
	background-image:url(img/menu.png);
	display:block;
}
#header #menu ul {
	height:60px;
}
#header #menu ul li{
	height:60px;
	float:left;
	
}
#header #menu ul li a{
	height:60px;
	padding:5px 20px;
	font-size:2em;
	line-height:60px;
	text-decoration:none;
	color:#13235B;
	background:#FFF url(img/bgmenu.png) no-repeat scroll -10px 0px;
	text-transform:capitalize;
}
#header #menu ul li a:hover{
	background:#13235B url(img/bgmenu.png) repeat-x scroll left bottom;
	color:#FFF;
}
#header #menu ul li a.select{
	background:#999 url(img/bgmenus.png) repeat-x scroll left top;
}
#header #menu ul li a:hover.select{color:#13235B;}
#bannerflash {
	height:315px;
	display:block;
	margin-bottom:10px;
}
#destacados {
	background:url(img/dstbg.png) no-repeat scroll 0 0;
	height:286px;
	display:block;
}
#destacados div{
	height:206px;
	width:182px;
	float:left;
	padding:30px 10px 50px 20px;
}
#destacados div h3{
	text-indent:-5000px;
	background-position:left top;
	background-repeat:no-repeat;
	height:53px;
	margin-bottom:10px;
}
#destacados div h3.up{
	background-image:url(img/dstup.png)
}
#destacados div h3.nov{
	background-image:url(img/dstnov.png)
}
#destacados div h3.pmv{
	background-image:url(img/dstpmv.png)
}
#destacados div h3.sr{
	background-image:url(img/dstsr.png)
}
#destacados div img {
	width:134px;
	height:113px;
	background-color:#999;
	margin:0;
	display:block;
	margin-bottom:20px;
	border:1px solid transparent;
}
#destacados div a:hover img {
	border:1px solid #333;
}
#destacados div h2 a {
	color:#003466;
	font-size:1.8em;
	margin:10px 0 0 0px;
	text-decoration:none;
	border-bottom:1px dotted #003466
}
#destacados div h2 a:hover{color:#333}

#footer {}
#footer #in{
	background-image:url(img/footer_in.png);
	height:190px;
	overflow:hidden;
	padding:20px 0 0 435px;
	margin-bottom:20px;
}
#footer #in ul{width:165px; float:left; margin-right:40px}
#footer #in ul.nmr{margin-right:0px}
#footer #in ul li{
	display:block;
	height:26px;
}
#footer #in ul li a{
	height:27px;
	line-height:27px;
	font-size:1.4em;
	color:#D9DADB;
	border-bottom:1px solid #13235B;
	display:block;
	text-decoration:none;
	padding-left:10px;
}
#footer #in ul li a:hover{
	background-color:#003;
	color:#FFF;
}
#footer #out {margin-bottom:20px}
#footer #out div p{color:#87888A; font-size:1em; line-height:14px}
#footer #out div p.i{width:195px; border-right:1px solid #87888A; padding-right:10px}
#footer #out div p.d{width:298px; padding-left:20px}
#footer #out div a#logoampa {
	width:78px;
	height:34px;
	background:#FFF url(img/ampa.png) no-repeat scroll 0 0;
	display:block;
	overflow:hidden;
	text-indent:-5000px;
	margin-top:10px;
}
#footer #out div a#logoampa span{
	text-indent:-5000px;
	height:34px;
	display:block;
	background:#FFF url(img/ampa.png) no-repeat scroll 0 -34px;
}

#productos {
	margin:10px 0px;
}
#productos h1 { font-size:2.4em; line-height:36px; margin:10px 0px 20px; display:block; background:#FFF url(img/dot.png) repeat-x scroll left bottom; padding-bottom:10px;}

#productos .box {width:150px; margin-right:18px; float:left; border-bottom:3px solid #CCC; margin-bottom:20px}
#productos .box div{width:150px; height:113px; background:transparent url(img/imloader.gif) no-repeat scroll center center; display:block}
#productos .box div img{width:150px; height:113px; background-image:url(img/noprodmin.png); display:block; border:1px solid #FFF}
#productos .box h2 a{
	margin:0 0 0px 0px;
	font-size:1.2em;
	line-height:18px;
	display:block;
	text-align:center;
	padding:5px 0px;
	color:#06F;
	height:36px;
	font-weight:bold;
}
#productos .box h2 a span{color:#666; font-weight:normal; font-style:italic;}
#productos .box p{text-align:right; padding-right:5px}
#productos .box a {color:#13235B; text-decoration:none;}
#productos .box a:hover{text-decoration:underline}
#productos .box a:hover img{border:1px solid #06F}

#productos #pagination {
	text-align:center;
	font-size:1.2em;
	color:#999;
}
#productos #pagination a{color:#06F; text-decoration:none}
#productos #pagination a:hover{text-decoration:underline}

#detalle {padding:40px 0px 40px ;}
#detalle h1{
	font-size:2.2em;
	padding:0px 20px 0px 50px;
	color:#FFF;
	background:#13235B url(img/detalleh1bg.png) no-repeat scroll 0 0;
	margin-bottom:20px;
	line-height:36px;
}
#detalle p {font-size:1.8em}
#detalle p.articulo,#detalle p.medida{padding-bottom:10px; border-bottom:1px dotted #333; color:#666}
#detalle p.articulo span,#detalle p.medida span {font-size:0.7em; font-weight:bold; line-height:22px; color:#06F}
#detalle p.descripcion{color:#666}
#detalle p.descripciontxt{color:#06F; font-size:1.2em;}

#detalle #art{width:250px; height:188px; float:left; margin-right:40px; padding-right:40px; border-right:1px solid #036}
#detalle #art #w{ width:250px; height:188px; background:#B3AEAE url(img/imloader.gif) no-repeat scroll center center; position:relative}
#detalle #art #w img{width:250px; height:188px; position:absolute; top:0; left:0; display:block; background: transparent url(img/noprod.png)}
#detalle #art #w a{position:absolute; width:68px; height:18px; line-height:20px; font-size:1em; color:#000; top:164px; left:150px; background:#FFF url(img/zoom.png) no-repeat scroll 5px 1px; text-decoration:none; border:1px solid #000; padding:2px 0px 2px 30px}
#detalle #art #w a:hover{text-decoration:none;}
#detalle a.masinfo {
	font-size:1.1em;
	text-transform:uppercase;
	padding:5px;
	color:#06F;
	background-color:#CCC;
	text-decoration:none;
	margin:20px 0px 0px;
	display:block;
	border-top:1px dotted #06F;
	text-align:center;
	width:180px;
	margin-left:329px;
}
#detalle a:hover.masinfo{color:#333; border-color:#333}


.simplemodal-overlay{background-color:#13235B}
a.modalCloseImg{
	background:transparent url(img/x.png) no-repeat scroll 0 0;
	cursor:pointer;
	display:inline;
	height:29px;
	position:absolute;
	right:-18px;
	top:-15px;
	width:25px;
	z-index:3200;
}
.simplemodal-container {
background-color:#FFFFFF;
border:3px solid #333;
}


#catalogo {
	margin:10px 0px;
}
#catalogo h1 { font-size:2.4em; line-height:36px; margin:10px 0px 20px; display:block; background:#FFF url(img/dot.png) repeat-x scroll left bottom; padding-bottom:10px;}
#catalogo p { font-size:1.8em; padding-bottom:20px; border-bottom:1px dashed #06F; color:#666 }
#catalogo .lista {
	width:400px;
	float:left;
	margin-right:25px;
	display:inline;
	font-size:1.4em;
	line-height:20px;
}
#catalogo .lista .codigo{color:#666}
#catalogo .lista a{color:#06F; text-decoration:none;}
#catalogo .lista a:hover{text-decoration:underline;}

#contacto {margin:10px 0px; overflow:auto}
#contacto h1 { font-size:2.4em; line-height:36px; margin:10px 0px 20px; display:block; background:#FFF url(img/dot.png) repeat-x scroll left bottom; padding-bottom:10px;}
#contacto p {font-size:1.2em; line-height:18px;}
#contacto .col{width:385px; float:left}
#contacto .coldos{width:455px; margin-left:10px}
#contacto .col label {display:block; margin:10px 0px; overflow:auto; line-height:26px;}
#contacto .col label span {float:left; font-size:1.2em; color:#06F}
#contacto .col label input,#contacto .col label textarea{float:right; width:300px}
#contacto .col label input {height:20px;}
#contacto .coldos label input,#contacto .coldos label textarea{float:right; width:370px}
#contacto .col label textarea {height:100px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#contacto .coldos .enviar{ margin-left:74px; border:1px solid #333; background-color:#03F; color:#FFF; cursor:pointer}
#contacto #respuesta {font-size:1.8em; color:#06F; margin:40px 0px;}

/*ERRORES DE FORM*/
#contacto .col label input.error,#contacto .col label textarea.error {border:1px solid #900;}
#contacto .col label label.error {
	color:#900;
	display:block;
	width:380px;
	text-align:right;
}
#contacto .coldos label label.error {
	width:450px;
}

#showrrom{	margin:10px 0px;}
#showroom h1 { font-size:2.4em; line-height:36px; margin:10px 0px 20px; display:block; background:#FFF url(img/dot.png) repeat-x scroll left bottom; padding-bottom:10px;}
#showroom p { font-size:1.8em; padding-bottom:20px; border-bottom:1px dashed #06F; color:#666 }
#showroom .dir {
	float:right;
	width:180px;
	color:#666;
}
#showroom .dir h2{ font-size:1.8em; line-height:22px; color:#06F}
#showroom .dir p{font-size:1.4em;line-height:22px;
}