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


/*PAGE LAYOUT*/



html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {line-height:1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none;}

/* change colours to suit your needs */
ins {background-color:#ff9;color:#000;text-decoration:none;}
/* change colours to suit your needs */
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}

em { font-style:normal; color:#C00}
h1 span, h2 span{ display:none}


body { height:100%; width:100%;
       background-color:#fff;
       position:relative; overflow:auto; 
       font-size:100%;margin:0;padding:0;
       font-family:'Source Sans Pro', sans-serif;}
	  
#wrapped_all { width:100%; height:100%; background:url(../img/bg_px.jpg) repeat-x 0 0}
#wrapped_all_b { width:100%; height:100%; background:url(../img/bg_wrapped.jpg) top no-repeat}

#container { padding: 0 ; width:970px; margin:0 auto;}

#content { width:970px; margin:0 auto; position:relative}

#body {min-height:680px; clear:both;}

#backdrop {width:1124px; min-height:680px; background:url(../img/bg_main.jpg) no-repeat 0 0; background-color:#FFF; margin-left:-77px; margin-top:19px}

header { height:160px; width:970px; overflow:auto;}

header h1 { float:left; width:203px; height:160px;}
header h2 { float:left; padding-top:23px; text-align:right; height:68px; width:767px; font-size:1.4em; color:#fff; font-weight:100;}
header h2 small.txt { font-size:0.7em; color:#fff; margin-right:10px}
header h2 strong.txt { font-size:0.9em; font-weight:600}
header div.face { float:right; width:30px; height:30px; margin-right:20px; padding-top:7px}
header div.txt1 { float:right;; padding-top:10px; width:auto; height:auto}
header div.txt2 { float:right;; width:auto; height:auto}

header h3 { background-image:url(../img/px_menu.jpg); float:left; width:736px; margin-left:27px; height:44px; position:relative; overflow:auto; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .7); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .7); box-shadow: 0 0 4px rgba(0, 0, 0, .7);}
header hgroup { width:970px; position:relative; float:left; overflow:auto}


nav.menu {height:44px; width:100%;}
nav.menu li { display:block; float:left; height:30px; color:#FFF; background:transparent url('../img/palito.png') no-repeat right top; padding:12px 27px 0 }
nav.menu ul li.last { padding:12px 0 0 20px; background:none;}
nav.menu ul li span { display:none}
nav.menu li a{color:#FFF; font-size:1em; font-weight:200}
nav.menu li a:hover{color:#939598}


.slider-holder { width:970px; height:340px; background-image:url(../img/bg_flexlider.png); background-repeat:repeat-x; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .9); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .9); box-shadow: 0 0 6px rgba(0, 0, 0, .9);}
.slider-holder-shadow { width: 970px; height: 44px; background:url(../img/slider_foot.jpg) no-repeat; float:left; margin-bottom:35px}

.flexslider { width: 950px; height: 320px; opacity:1;}

.flexslider ul.slides { list-style: none; list-style-position: outside; position: relative; }
.flexslider ul.slides li { width: 950px; height: 320px; position: relative; float: left; }
.flexslider ul.slides li img { width: 950px; height: 320px; }
.flexslider ul.slides li .slide-cnt { position: absolute; font-size:24px; bottom: 0; left: 0; width: 739px; padding: 15px 190px 15px 21px; background:#000; opacity:0.7;  }
.flexslider ul.slides li .slide-cnt h3 { color: #f7f7f7; padding-bottom: 4px; }


footer { background:url(../img/footer_px.jpg) repeat-x 0 0; height:250px; width:100%; overflow:auto; float:left; }
footer div.content { width:970px; margin:0 auto;}
footer h1 { background:url(../img/logo_nana_blanco.png) no-repeat 0 0; float:left; margin-top:36px; height:74px; width:113px }

footer ul {width:405px; height:120px; margin:55px 0 0 0}
footer ul  li {float:left; width:100px; height:21px}
footer ul  li.c2 {width:100px; margin-left:85px}
footer ul  li.c3 {width:120px; margin-left:20px}
footer ul  li a {color:#fff; font-size:0.9em; font-weight:200; display:block; width:150px;}
footer ul  li a:hover { color:#999;}
footer nav {float:left; width:320px} 

footer #address {float:left; color:#fff;font-size:0.9em; font-weight:200; line-height:21px; width:250px; margin:55px 0 0 30px }
footer #address a {color:#FFF}
footer #address a:hover { color:#999; text-decoration:none}
footer #copy {float:left; color:#fff;font-size:0.9em; font-weight:200; line-height:21px; width:220px; margin:55px 0 0 30px }
footer #copy a {color:#FFF}
footer #copy a:hover { color:#999; text-decoration:none}

aside.main { width:185px; float:left}
section.main { width:970px; background-color:#FFF; height:auto; float:left}
section.home { float:left; width:564px; margin:0 18px 75px 18px; float:left}
section.temp { float:left; width:1034px; background:#FFF; margin:0 18px 75px 18px; float:left}
section.default { width:750px; height:auto; margin-left:30px; float:left; overflow:auto}

.spacer_top {width:100%; height:40px}

div.box { float:left; width:185px; margin-bottom:20px; font-size:0.9em}
.busqueda {background:url(../img/bg_busqueda.jpg) repeat-x 0 0; width:185px; margin-bottom:20px; height:361px; overflow:auto; float:left}
.busqueda-holder{ background:none; width:160px; height:300px; margin-top:11px; margin-left:12px}
.busqueda-holder h1{ color:#FFF; font-size:0.9em; margin-bottom:5px}
.busqueda-holder h2{ color:#333; font-size:0.8em; font-weight:200}
.busqueda-holder em{ color:#333; font-weight:400}
.busqueda-holder .row {width:120px; height:18px}

.checkbox { margin-right:10px; margin-top:-4px}
.listmenu { width:140px; margin-top:5px}
.button { width:140px; margin-top:10px}

article.home { background:url(../img/bg_articulo_home.jpg) repeat-x 0 0; width:564px; height:110px; margin-bottom:10px; line-height:18px}
article.home img { margin: 10px 0 0 10px; float:left}
article.home h1 { color:#C00; font-size:1em}
article.home h1 a {color:#C00}
article.home h1 a:hover { color:#000; text-decoration:none}
article.home h2 { color:#999; font-size:1em; font-weight:300}
article.home .row { width:400px; height:90px; margin:10px 0 0 15px; float:left} 
article.home .last {margin-bottom:50px; color:#060}

article.pages {height:auto; overflow:auto; margin-bottom:70px}
article.pages h1 { color:#666; font-size:1em; font-weight:300; line-height:21px} 
article.pages em { color:#C00}
article.pages h2 { font-size:2.3em; font-weight:600; color:#999}
article.pages h3 { font-weight:600; color:#C00}

article.venta { background:url(../img/bg_articulo_venta.jpg) repeat-x 0 0; width:100%; height:170px; margin-bottom:10px; line-height:18px; float:left}
article.venta img { margin: 10px 0 0 10px; float:left}
article.venta h1 { color:#000; font-size:1em; font-weight:600}
article.venta h1 a {color:#C00}
article.venta h1 a:hover { color:#000; text-decoration:none}
article.venta h2 { color:#999; font-size:1em; font-weight:300}
article.venta h3 { color:#C00; font-size:1.6em; font-weight:400; line-height:38px}
article.venta h3 a { color:#C00}
article.venta h3 a:hover { color:#000; text-decoration:none}
article.venta .row { width:485px; height:90px; margin:10px 0 0 15px; float:left}

article.producto { width:100%; height:100%; margin-bottom:10px; line-height:18px; float:left}
article.producto h1 { color:#C00; font-size:1em; font-weight:600}
article.producto h2 { color:#999; font-size:1em; font-weight:300}
article.producto h3 { color:#000; font-size:1em; font-weight:600}
article.producto .row { width:485px; height:100%; margin:10px 0 0 25px; float:left}
article.producto .small { color:#666; font-size:0.8em}
article.producto .small a { color:#666; font-size:0.8em}
article.producto .small a:hover { color:#666; font-size:0.8em; text-decoration:none}	


.prodcuto-imgholder { margin: 10px 0 0 10px; width:210px; height:auto; float:left}
.producto-mapholder {width:425px; height:350px}

.filete { height:1px; width:100%; background:#CCC; margin:10px 0 20px 0} 

article.txt { width:564px; height:auto; font-size:1em; font-weight:400; color:#666; line-height:24px}
article.txt h1 { color:#C00; font-size:1.5em}

.mosaic-block {float:left; position:relative; overflow:hidden; width:185px; height:200px; background:#111 url(../img/progress.gif) no-repeat center center; margin-bottom:20px}
.mosaic-backdrop { display:none; position:absolute; top:0; height:100%; width:100%; background:#111;}
.mosaic-overlay { display:none; z-index:5; position:absolute; width:100%; height:100%; background:#111;}
		
.fade .mosaic-overlay { opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); background:url(../img/bg-black.png);}
.bar .mosaic-overlay { bottom:-100px; height:100px; background:url(../img/bg-black.png);}
.bar2 .mosaic-overlay { bottom:-50px; height:100px; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80);}
.bar2 .mosaic-overlay:hover { opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=80);}
.bar3 .mosaic-overlay { top:-100px; height:100px; background:url(../img/bg-black.png);}

.details{ margin:8px 8px; }	
					h4{ color:#fff; font-size:1em; font-weight:400; text-shadow:1px 1px 0 rgb(0,0,0); }
					p{ font:300 12px; color:#CCC; text-shadow:1px 1px 0 rgb(0,0,0);}
					a{ text-decoration:none; }