@charset "utf-8";
/* CSS RESET *************************************************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i{margin:0; padding:0; border:0; font-weight:normal; font-style:normal; font-size:100%; font-family:inherit; vertical-align:baseline;}
body{line-height:1;}
ol, ul{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
input, textarea{margin:0; padding:0;}
hr{margin:0; padding:0; border:0; color:#000; background-color:#000; height:1px;}
a img{border:none;}
strong{font-weight:bold;}
/* CSS RESET *************************************************************************************************************/
/* GENERAL *************************************************************************************************************/

html{overflow-y:scroll;}
body{font-family:Verdana,Arial,sans-serif; color:#000000; font-size:11px;}

a{color:#000000; text-decoration:none;}
a:hover{text-decoration:underline;}
a[href$='.doc']{padding:0 0 0 18px; background:transparent url(../img/doc.gif) no-repeat center left;}
a[href$='.pdf']{padding:0 0 0 18px; background:transparent url(../img/pdf.gif) no-repeat center left;}
a[href$='.xls']{padding:0 0 0 18px; background:transparent url(../img/xls.gif) no-repeat center left;}

acronym, abbr{border-bottom:1px dotted #333; cursor:help;}

.clearer{clear: both;}
.clearleft{clear:left;}
.clearright{clear:right;}

.input{border-top:1px solid #aaadb2; border-right:1px solid #aaadb2; border-bottom:1px solid #e3e3eb; border-left:1px solid #e3e3eb; background:#FFF; padding:2px; font-size:11px; color:#666;}
.combo{border-top:1px solid #aaadb2; border-right:1px solid #aaadb2; border-bottom:1px solid #e3e3eb; border-left:1px solid #e3e3eb; background:#FFF; padding:1px; font-size:11px; color:#666;}
.input:hover, .input:focus, .combo:hover, .combo:focus{border:1px solid #d7d7d7;}
textarea{overflow:auto;}  
input[type=submit],label,select,.pointer{cursor:pointer;}

.msgok{-moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; background:#FFFFE0; border:1px solid #E6DB55; border-radius:5px; padding:10px 0 10px 0; margin:20px 10px 20px 10px;}
.msgerror{-moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; background:#FFEBE8; border:1px solid #CC0000; border-radius:5px; padding:10px 0 10px 0; margin:20px 10px 20px 10px;}
.msgok p, .msgerror p{margin-bottom:0 !important;}

/* GENERAL *************************************************************************************************************/

body{ font-family:"Arial", Gadget, sans-serif; font-size:12px; background-color:#666; color:#000;}
.clear{clear:both;}
.left {float:left;}
.right{float:right;}

/* SUPERWRAPPER *************************************************************************************************************/

#superwrapper {width:950px; margin:20px auto 20px auto; height:auto;}
#superwrapper form input[type="image"] {margin-bottom:-4px;}
#superwrapper form {margin-right:-30px; padding:0;}
#superwrapper input {border:none; margin-left:2px;}
#superwrapper #searcher span {float:right; border:1px solid #ccc; padding:2px; -moz-border-radius:3px; background-color:#FFF;}
#superwrapper #searcher span:hover, #superwrapper #searcher span:focus{border-color:#666;}

/* WRAPPER *************************************************************************************************************/

#wrapper {width:950px; margin:20px auto 20px auto; height:auto; padding:15px;
			background-color:#fff;
			border:1px solid #333;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;	
			box-shadow: 3px 3px 12px 0 #000;
			-moz-box-shadow:3px 3px 12px 0 #000;
}

/* FIN WRAPPER *************************************************************************************************************/

/* HEAD ****************************************************************************************************************/

#header {height:150px; width:100%; background-color:#fff;}

/* FIN HEAD ****************************************************************************************************************/
/* NAV *****************************************************************************************************************/

#nav {text-align:left; padding:5px; background-color:#f0f0f0; margin-bottom:5px;border:1px solid #f0f0f0;-moz-border-radius:3px;}
#nav ul {}
#nav li {float:left; width:186px;padding-bottom:5px;}
	#nav li a:link, #nav li a:visited{background-color:#706255; color:#fff; padding:5px 0px; border:1px solid #706255;-moz-border-radius:3px; display:block;width:182px; text-align:center; margin:0px 3px; *margin:0;}
	#nav li a:hover, #nav li a:active{background-color:#52483F; color:#fff;border:1px solid #52483F; text-decoration:none;}
	#nav li a.active {background-color:#019247; color:#fff;border:1px solid #019247; text-decoration:none; font-weight:bold;}
/*#nav form {display:inline; padding-left:450px;}
#nav input {border:none;}
#nav label {border:1px solid #ccc; padding:2px; -moz-border-radius:3px;}
#nav label:hover, #nav label:focus{border-color:#666;}
#nav form input[type="image"] {margin-bottom:-4px;}
*/
/* FIN NAV *****************************************************************************************************************/
/* CONTENT ****************************************************************************************************************/
#content {min-height:550px;}
#menulat {width:199px; min-height:550px; background-color:#f0f0f0; float:left; margin:0px; padding:10px;}
#menulat a {color:#fff;}
#menulat .nivel ul {}
#menulat .nivel li {color:#FFF; margin-bottom:1px; text-transform:capitalize;}
#menulat .nivel li a {background-color:#333; font-weight:bold; display:block; padding:5px 5px; color:#fff; -moz-border-radius:3px}
#menulat .nivel ul ul {}
#menulat .nivel  li  li {color:#FFF;  font-size:11px; text-transform:capitalize;}
#menulat .nivel  li .active {font-weight:bold;}
#menulat .nivel  li .active:before {content:" » ";}
#menulat .nivel  li  li a {background-color:#019247; font-weight:normal; font-size:12px; display:block; color:#fff; padding-left:15px; margin-top:2px; margin-bottom:2px; margin-left:0px; margin-right:0px; padding-top:3px; padding-bottom:3px;}
#menulat .nivel  li  li .active {font-weight:bold; background-color:#017437;}
/*#menulat .nivel  li  li .active:after {content:" » ";}*/
/*#menulat .subnivel ul {}
#menulat .subnivel li {background-color:#666; color:#FFF;  padding:4px 10px; margin:1px; font-size:11px; background-color:#ccc;}*/



#main{width:710px; height:100%; background-color:#f0f0f0; float:right; padding:10px;}
#main h1 {font-size:18px; padding:10px;}
#main h2 {font-size:16px; padding:12px;}
#main h3 {font-size:14px; padding:15px;}
#main p {padding:0px 15px; line-height:16px;}

#main #breadcrumbs {font-size:10px; padding:5px; border-bottom:1px dotted #999; border-top:1px dotted #999; padding-left:10px;}
#main #productos {padding:7px;}
#main #productos ul {}
#main #productos li {width:220px; height:250px; display:block; margin:5px; float:left; border:1px solid #706255; -moz-border-radius:3px; background-color:#fff;}
#main #productos li  h2{padding:10px; margin-left:0px; background-color:#019247; height:30px;}
#main #productos li a { color:#FFF; font-weight:bold;}
#main #productos li .espimg img{float:left; max-width:80px; max-height:80px;}
/*#main #productos li .datos {float:right; width:110px;}*/
#main #productos li img {-ms-interpolation-mode: bicubic; max-width:75px; height:auto; margin:10px; max-height:75px; float:left;}
#main #productos li .noimage {padding-top:15px; float:left;}
#main #productos li span {font-size:11px; line-height:14px;}
#main #productos li span p {clear:none;}
#main #productos li .pvp {float:right; margin:15px; font-size:20px; font-weight:bold; padding-top:15px; padding-right:5px;}
#main #productos li .ratllat{margin:0 15px 0 0; text-decoration:line-through; color:#999; font-size:16px;}
#main #productos li .per {float:right; margin:0 15px 15px 0; font-size:20px; font-weight:bold; padding-top:15px; padding-right:5px;}
#main #productos li .des {clear:both; padding:3px 10px; display:block;}
#main #productos li .fab {clear:both; padding:3px 10px; display:block;}
#main #productos li .ref {clear:both; padding:3px 10px; display:block;}
#main #productos.prd-logos img{margin:20px 20px 20px 60px;}

#main #detalle {display:block; clear:both;}
#main #detalle .left {float:left;width:400px; height:auto; clear:both;}
#main #detalle .right {float:right; width:200px; text-align:center;}
#main #detalle h2 {padding:10px; margin-top:10px; font-size:20px;}
#main #detalle  img {-ms-interpolation-mode: bicubic; margin:10px; border:1px solid #52483F; background-color:#fff; padding:15px;}
#main #detalle .noimage {float:left;}
#main #detalle span {padding:0px;}
#main #detalle .pvp {margin:0px;  font-weight:bold; padding-top:5px;}
#main #detalle .pvp2 {margin:0px;  font-weight:bold; padding-top:5px; color:#999;}
#main #detalle .ratllat {margin:0px;  font-weight:bold; padding-top:5px; font-size:16px; text-decoration:line-through;}
#main #detalle .per{margin:0px;  font-weight:bold; padding-top:15px; font-size:40px;}
#main #detalle .dto{padding-top:15px; color:#019247; font-size:14px;}
#main #detalle .pvp strong {font-size:40px;}
#main #detalle .des {clear:both; padding:3px 10px; display:block;}
#main #detalle .des ul {padding:5px 0px; clear:both;}
#main #detalle .des ul li {padding:5px;color:#333; background:#ccc; margin-bottom:1px;}
#main #detalle .des ul li:hover {padding:5px;color:#fff; background:#333; margin-bottom:1px;}
#main #detalle .des p {padding:0;padding-top:7px; margin:0;}
#main #detalle .fab {clear:both; padding:3px 10px; display:block;}
#main #detalle .ref {margin-bottom:0px; padding-top:15px;display:block;}

/*	CONTACTO	***********************************************************************************************************/

#contacto #mapa {float:right; margin-top:15px;}
#contacto #mapa iframe {margin:5px; border:1px solid #090;}
#contacto #mapa small a {margin-left:5px;}
#contacto #mapa small a:link {color:#090;}
#contacto #cont {float:left; margin-top:15px;} 


#ofertas ul {padding:5px 15px;}


/* FIN CONTENT ***************************************************************************************************************************/
/* PAGINACIO **************************************************************************************************************/

.paginacio{margin:0 0 0 0; color:#666666; font-size:11px; line-height:35px; display:block;}
.paginacio span{padding:0; margin:0 1px 0 1px; border:0;}
.paginacio span.actual{border:1px solid #CCCCCC; padding:1px 3px 1px 3px; color:#666666; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.paginacio a{border:1px solid #666; padding:1px 3px 1px 3px; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.paginacio a:hover{border:1px solid #666; color:#FFFFFF; background:#666;}

/* FOOTER **************************************************************************************************************/

#footer {padding:10px 2px; border-bottom:1px solid #f4f4f4; text-align:left;}

/* FOOTER **************************************************************************************************************/