/* Body */
body {font-size:62.5%; font-family: Arial, Helvetica, sans-serif; color:#000; background:#317C31 url(../images/fnd_page.png) top center repeat-x; text-align:center;}

/*img, div { behavior: url("iepngfix.htc") }*/

/* elementos de texto */
#page p {font-size:1.2em; line-height:1.5em; margin:0.5em 0; color:#000;}
#page small {font-size:0.8em; color:#003399;}
#page #footer small {font-size:1.0em;}
#page big {font-size:1.2em; padding-top:10px}
#page b,#page strong{}
#page em, #page i{}
#page u{}
#page strike{}
#page sub {}
#page sup {}

#page hr {color: #e5e5e5; background-color: #e5e5e5;}

/* elementos de títulos */
#page h1, #page h2, #page h3, #page h4, #page h5 {padding:0; margin:0; line-height:100%; color:#000;}
#page h1 {font-size:1.6em;}
#page h2 {font-size:1.6em; padding:0; border-bottom:1px solid #000; color:#000; font-weight:bold; text-transform:uppercase;}
#page #content h2{padding-bottom:3px;}
#page h3 {font-size:1.6em;}
#page #content h3.instalacion{color:#003399;}
#page h4 {font-size:1.2em; margin:0 0 10px 0; text-transform:uppercase; font-weight:normal; border-bottom:1px solid #000;}
#page #content h4{padding-bottom:3px;}
#page #content .comment-form h4{margin:0 0 5px 0;}
#page h5 {font-size:1.2em; font-weight:normal; color:#333; margin:5px 0 0; padding:0;}
#page h6 {font-size:1.1em;}

#page h2.subtitle, #page h3.subtitle {font-size:1.1em; margin:0 0 10px 0; color:#666; text-transform: none;}
#page .tarifas h3 {font-size:1.2em; font-weight:bold; color:#003399; margin:20px 0 0; padding:0; text-transform: none;}

#page table.prices td  {width:17%}
#page table.prices td.text {width:32%}


/* enlaces */
#page a:link {color: #060; text-decoration:underline;}
#page a:visited {color:#317C31;}
#page a:hover{cursor:pointer; cursor: hand;}
#page a:hover, #page a:active {color:#060;}
#page a img {border:0 none; filter: alpha(opacity=100); opacity:1;}
#page a:hover img {filter: alpha(opacity=90); opacity: .90;}
#page small a {font-size:11px; color:#999}
#page h1 a, #page h2 a, #page h3 a, #page h4 a, #page h5 a, #page h1 a:link, #page h2 a:link, #page h3 a:link, #page h4 a:link, #page h5 a:link, #page h1 a:visited, #page h2 a:visited, #page h3 a:visited, #page h4 a:visited, #page h5 a:visited {text-decoration:none;}
#page h1 a:hover, #page h2 a:hover, #page h3 a:hover, #page h4 a:hover, #page h5 a:hover {text-decoration:underline;}


/*listas*/
#page ul {margin:0;}
#page #content ul {margin: 0;}
#page ul li {list-style-type:none; padding:5px 5px 5px 15px; margin:0; background:url(../images/bullet.gif) 5px 9px no-repeat; font-size:1.2em; font-weight:normal; line-height:120%;}

#page #content ul.listado{margin:0; padding:0;}
#page ul.listado li{margin:0; padding:0; list-style:none; background:none; margin:20px 0 10px 0; padding-bottom:10px; border-bottom:1px solid #d9e1f0;}
#page ul.listado li img{margin:0 15px 5px 0;}
#page ul.listado li p{font-size:1em;}

#page ol {margin: 10px 0 10px 20px;}
#page ol li {list-style-type:decimal-leading-zero; background:none; padding:0;}

#page dl {margin:0; list-style:none; font-size:1.2em;}
#page dl dt {list-style-type:none;}


/*tablas*/
#page table {display:table; empty-cells:show; font-size:1.2em; line-height:140%; width:99%;}
body.doscol #page table {}
#page table col.tercio{width:32%}
#page table tr {display:table-row; vertical-align:middle;}
#page table th {padding:5px 0 10px 0; font-size:1.2em;}
#page table td {padding:2px 10px 2px 0; text-align:left; vertical-align:top; display:table-cell;}
#page table thead td {font-weight:bold; font-size:11px; color:#003399;}
#page tr.even td {background:#D9E1F0;}
#page tr.even td.even {background:#B9cfed;}
#page tr.odd td.even {background:#D9E8F7;}
#page tbody tr.highlight td {background:#FFFFCC;}
#page table small {font-size:11px; color:#333}
#page table .first {text-align:left;}


/*bloques*/
#page blockquote {padding:20px; font-size:1.2em; margin:15px 0; line-height:1.5em; background:#D9E1F0; font-weight:bold;}
#page address {margin:10px 0;  font-size:1.2em;}

/*imágenes*/
img.large{border:4px solid #060 !important;}

/* formularios */
#page form {}
#page fieldset{}
#page legend {}
#page label {display:block; font-size:1.2em; margin:11px 0 5px 0; color:#666}
#page input {width:96%; background-color:#e0ebe0; border:1px solid #999; color:#000; padding:4px 3px 0 3px; height:17px;font-family: Helvetica, Arial, Sans-serif; font-size:1.2em;}
#page textarea {width:96%; border:1px solid #999; padding:3px; background-color:#e0ebe0; height:174px; font-family: Helvetica, Arial, Sans-serif; color:#000; font-size:1.2em;}
#page select {width:96%; color:#666;}  
#page input.checkbox {width:auto; background-color:transparent; border:none;} 
#page input.radio {width:auto; background-color:transparent; border:none;} 
#page textarea:focus, #page #container input:focus {background-color:#FFFF99; color:#000;} 
#page #content .dostercios input {width:97%; font-size:1.2em;}
#page #content fieldset.dostercios {margin-right:4%}
#page #container #content fieldset strong.floatleft {display:block; float:left; font-size:1.2em; padding:5px 5px 0 4px;} /*para los radio o checkbox*/


/*elementos decorativos*/
#page .colored {color:#003399;}
#page .coloredlight{color:#666;}
#page .backcolor {background-color: #CCDBE2;}
#page .bordercolor {border: 1px solid #003C6E;}

/*btn*/
#page a.btn {background:#438e43; color:#FFF; font-size:1.5em;  padding:10px; float:left; display:block; text-decoration:none; text-transform:uppercase; font-weight:bold;}
#page a.btn:visited {background:#438e43; color:#FFF;}
#page a.btn:hover {background:#060;}

#page input.btn{background:#060; color:#FFF; font-size:1.5em;  padding:10px; float:left; display:block; text-decoration:none; text-transform:uppercase; font-weight:bold; cursor:pointer; height:38px; width:auto; border:none; margin-top:0;}
#page #container input.btn:focus; #page #container input.btn:hover{background:#060;}

#page li.productItem span.btn, #page li.productItemLast span.btn{position:absolute; bottom:10px; left:10px;}
#page li.productItem span.btn a, #page li.productItemLast span.btn a{background:#438e43; color:#FFF; font-size:1.5em;  padding:10px; float:left; display:block; text-decoration:none; text-transform:uppercase; font-weight:bold;}
#page li.productItem span.btn a:visited, #page li.productItemLast span.btn a:visited {background:#438e43; color:#FFF;}
#page li.productItem span.btn a:hover, #page li.productItemLast span.btn a:hover{background:#060;}


/*btn_dos*/
#page .btn_dos {background:url(../images/btn_dos_left.gif) 0 0 no-repeat; font-size:11px; margin:5px 0 0; padding:0 10px 0 18px; height:25px; float:left;}
#page .btn_dos a, #page .btn_dos a:visited {background:url(../images/btn_dos_right.gif) right 0 no-repeat; padding:4px 15px 10px 6px; color:#003399; font-weight:bold; font-size:11px; display:block; text-decoration:none;}
#page .btn_dos a:hover {color:#003399; text-decoration:underline;}

/* PAGE */
#page {margin:0 auto; width:940px; text-align:left; position:relative;}

/** HEADER **/
#page #header{}

/** LOGO **/
#page #header #logo {float:left; display:inline; width:250px; margin:45px 0 13px 19px;}
#page #header #logo h1{display:block; float:left;}
#page #header #logo h1 a{display:block; text-indent:-9999em; width:234px; height:35px; background:url(../images/logo.png) left center no-repeat;}

/** SHORTCUTS **/
#page #header #shortcuts {float:right; display:inline; margin:15px 0 0 0; width:171px}
#page #header #shortcuts .wrap {}
#page #header #shortcuts ul {margin:0;}
#page #header #shortcuts ul li {list-style:none; background:none; float:left; display:block; padding:0; margin:0; border-right:1px solid #bbc7bb; font-size:1.2em; font-weight:normal;}
#page #header #shortcuts ul li.first{background:url(../images/tlf.png) left center no-repeat; padding:0 5px 0 22px; font-weight:bold; color:#BBC7BB;}
#page #header #shortcuts ul li.last {border-right:none;}
#page #header #shortcuts ul li a, #page #header #shortcuts ul li a:visited {padding:0 5px; color:#bbc7bb; text-decoration:underline;}
#page #header #shortcuts ul li a:hover {color:#fff;}

/** LANGUAGE **/
#page #header #lang {margin:0 60px 0 0; width:110px; height:25px; background:url(../images/fnd_lang.png) no-repeat right bottom; padding-top:10px;}
#page #header #lang a, #page #header #lang a:visited {color:#C2D6E4; font-size:1.4em; margin: 8px 17px 0 5px; text-decoration:none; font-weight:bold}
#page #header #lang a.last {border:none;}
#page #header #lang a:hover {text-decoration:none; color:#fff;}

/** LAYER NAV **/
#page #layer_nav {margin:-37px 0 0 0; width:570px; float:right;} 
#page #layer_nav ul {margin:0;}
#page #layer_nav ul li {list-style:none; padding:0 15px 16px 15px; margin:0px 0; font-size:1.5em; line-height:1.4em; background:none; display:inline; float:left; letter-spacing:0.015em; background:none; color:#bbc7bb; text-transform:uppercase; font-weight:bold;}
#page #layer_nav ul li a, #page #layer_nav li a:visited {display:block; text-decoration:none; color:#bbc7bb; text-transform:uppercase; font-weight:bold;}
#page #layer_nav ul li.selected{background:url(../images/fnd_nav_selected.gif) bottom center no-repeat;}
#page #layer_nav ul li.selected a{color:#FFF;}
#page #layer_nav ul li a:hover{color:#FFF; cursor:pointer; cursor: hand;}
#page #layer_nav ul li.first a {}


/*breadcrumbs*/
#page #header #breadcrumbs {float:left; display:inline; font-size:1.2em; color:#bbc7bb; width:700px; margin:15px 0 0 20px;}
#page #header #breadcrumbs a{ color:#bbc7bb;text-decoration:underline;}
#page #header #breadcrumbs a:hover{color:#fff;}

/** banner **/
#page #banner {display:none}
#page #banner #banner_wrap {}



/** CONTAINER **/
body.unacol #page #container {background:#fff;}
body.doscol #page #container {background:#fff url(../images/fnd_container.gif) 20px 20px no-repeat;}
#page #container #content {overflow:hidden; float:left; display:inline;}
body.unacol #page #container #content {padding:20px; width:900px;}
body.doscol #page #container #content {width:690px; padding:20px 0 20px 20px;}
body.trescol #page #container #content {}

/*CONTENT*/
#page #container .uncuarto{background:#fff;}
#page #content a.subtitle{position:absolute; display:block; padding-right:10px; background:url(../images/flecha.gif) right 51% no-repeat; text-decoration:none; font-size:1.1em;}

/*destacado*/
#page #content #prevBtn{display:none;}
#page #content #nextBtn{display:none;}
#page #content #slider{border:6px solid #060; background:#060; margin-right:20px; border-bottom:4px solid #006600}
#page #content #slider ul li{padding:0; margin:0;}
#page #content #slider ul li{background:none; padding:0; margin:0;}

/*escaparates*/
#page #content .escaparate{position:relative; margin-top:20px;}
#page #content .escaparate h2{margin:0 0 10px 0; padding-bottom:3px;}
#page #content .escaparate a.subtitle{right:0; top:5px;}
#page #content .escaparate a.subtitle:hover{text-decoration:none;}

#page #content ul.productfeaturelist	{margin:0; display:block; float:left; width:690px;}
#page #content ul.productfeaturelist li{font-size:1em; list-style:none; display:block; float:left; position:relative; margin: 0 20px 0 0;  padding:10px 10px 0 10px; width:27.5%; }

/*shop-product-small*/
#page #content .productSmall .productItem, #page #content .productSmall .productItemLast, #page #content .productfeaturelist .productItem, #page table.productTable td.productItem{padding:10px; background:#e0ebe0; height: 255px; font-size:1em;}
#page #content .productSmall .productItem img, #page #content .productSmall .productItemLast img, #page #content .productfeaturelist .productItem img, #page table.productTable td.productItem img{border:2px solid #060; width:186px;}
#page #content .productSmall .productItem dl, #page #content .productSmall .productItemLast dl, #page #content .productfeaturelist .productItem dl, #page table.productTable td.productItem dl{margin:5px 0 15px 0; color:#333; font-size:1.0em;}
#page #content .productSmall .productItem a.btn, #page #content .productSmall .productItemLast a.btn, #page #content .productfeaturelist .productItem a.btn, #page table.productTable td.productItem a.btn{float:left;}
#page #content .productSmall .productItem h3, #page #content .productSmall .productItemLast h3, #page #content .productfeaturelist .productItem h3, #page table.productTable td.productItem h3{font-size:1.5em; color:#060; margin:10px 0 0 0;}


#page #content .escaparate .untercio dl{margin:5px 0 15px 0; color:#333; font-size:1.0em;}
#page dl dt {padding:5px 0px 5px 0px;display:inline; float:left; font-size:0.9em;}
#page dl dd {padding:5px 0px 5px 5px;display:inline; float:left;}
#page dl dd.precio{color:#900; font-weight:bold; font-size:1.4em; padding-top:4px;}
#page #content .escaparate .untercio a.btn{}

#page #content .escaparate .untercio h3{font-size:1.5em; color:#060; margin:10px 0 0 0;}

/*shop-product-large*/



/*LEFT*/
#page #container #left {float:left; display:inline; width:210px;  margin:20px 0 20px 20px; padding:0;}
#page #container #left #layer_nav_left h2{background:#060; color:#fff; font-size:1.5em; padding:4px 10px; margin-bottom:10px; border:none;}

/*layer_nav*/
#nav li{cursor: pointer}
#nav li a{cursor: auto}
#page #container #left #layer_nav_left{margin:0; width:190px; padding:10px;}
#page #container #left #layer_nav_left ul{}
#page #container #left #layer_nav_left ul li{font-size:1.5em; display:block; clear:both; margin-bottom:10px; background:url(../images/fnd_ul_li.gif) top left repeat-x; text-transform:uppercase; font-weight:bold; width:170px; font-weight:bold; padding:4px 10px; color:#317C31;}
#page #container #left #layer_nav_left ul li a{text-decoration:none; color:#317C31;}
#page #container #left #layer_nav_left ul li.selected{color:#000;}
#page #container #left #layer_nav_left ul li.selected a{color:#000;}
#page #container #left #layer_nav_left ul li a:hover{text-decoration:none; }
#page #container #left #layer_nav_left ul li.selected ul li a{color:#fff;}
#page #container #left #layer_nav_left ul li.selected ul li a:hover{color:#000;}
#page #container #left #layer_nav_left ul li.p1 ul{margin-top:7px;}
#page #container #left #layer_nav_left ul li.p2 ul{margin-top:3px;}

/*segundo nivel*/
#page #container #left #layer_nav_left ul li ul{color:#000;}
#page #container #left #layer_nav_left ul li ul li{font-size:0.9em; display:block; clear:both;margin:0;background:url(../images/bullet_ul.gif) 0 7px no-repeat; padding:1px 0 2px 15px; text-transform:none;}
#page #container #left #layer_nav_left ul li.selected ul li.selected{color:#000; background:url(../images/bullet_ul_selected.gif) 0 7px no-repeat;}
#page #container #left #layer_nav_left ul li ul li{color:#438e43; width:150px;}
#page #container #left #layer_nav_left ul li ul li a{font-weight:bold; text-decoration:none; color:#438e43; text-transform:none;}
#page #container #left #layer_nav_left ul li ul li a:hover{color:#000;}

/*tercer nivel*/
#page #container #left #layer_nav_left ul li.p1 ul li ul{width:135px; margin-top:3px; margin-bottom:4px;}
#page #container #left #layer_nav_left ul li ul li ul li{background:url(../images/bullet_ul_ul.gif) 0 6px no-repeat; padding:1px 0 2px 12px; font-weight:normal; width:130px; }
#page #container #left #layer_nav_left ul li ul li ul li a{text-transform:none; color:#438e43; font-weight:normal;}
#page #container #left #layer_nav_left ul li ul li ul li a:hover{}
#page #container #left #layer_nav_left ul li.selected ul li a{color:#438e43}
#page #container #left #layer_nav_left ul li.selected ul li.selected ul li.selected{background:url(../images/bullet_ul_ul_selected.gif) 0 6px no-repeat;}
#page #container #left #layer_nav_left ul li.selected ul li.selected ul li.selected a{color:#000;}

/** search **/
#page #left #search { float:left; display:inline; margin-bottom:10px;}
#page #left #search .search-box {padding:10px;}
#page #left #search .search-box input.cat_textbox_small { width:158px; height:16px; float:left; display:inline;margin:1px 0 0 0; background-color:#f6f9f6; border:1px solid #438e43;}
#page #left #search .search-box input.cat_button{width:22px; background:url(../images/search.gif) center center no-repeat; border:none; display:inline; float:left;height:23px; color:#060; margin-top:1px;}
#page #left #search .search-box input.cat_button:hover{text-decoration:underline; cursor: pointer;cursor: hand;}

/*error 404*/
 #page .system-error-message h1{font-size:2em; margin-bottom:9px;}
  #page .system-error-message p{margin:0.25em 0;}
 .system-error-message #search form .search-box{padding:0; margin-top:3px; display:inline; float:left;}
 .system-error-message #search form .search-box input.cat_textbox_small{border:1px solid #438E43; background:#fff; padding:5px 0 0 5px; width:295px; height:24px; font-size:1.9em; color:#333;margin:0; display:inline; float:left;}
.system-error-message #search form .search-box input.cat_button{height:31px; width:31px; color:#006600; border:none; background:#060 url(../images/search.gif) no-repeat scroll center center; margin:0;}

/*right*/
#page #container #right {}

/*columns*/


/** FOOTER **/
#page #footer {width:940px; margin:0 auto; float:left; display:inline; padding-top:20px; position:relative; top:-20px; background:url(../images/fnd_footer.gif) top left repeat-x;}
#page #footer p{font-size:1.1em; margin:0.1em 0;}

/*content_footer*/
#page #footer #content_footer{background:#E0EBE0; padding:20px; margin:0;}
#page #footer #content_footer p{color:#333; line-height:1.4em;}
#page #footer #content_footer .uncuarto{width:21.5%; padding:130px 20px 0 0; border-right:1px solid #ccc}
#page #footer #content_footer .uncuarto h3{text-transform:uppercase; color:#000; font-size:1.5em; margin-bottom:4px; line-height:115%;}

#page #footer #content_footer .first{background:url(../images/informacion.png) 37% 0 no-repeat}
#page #footer #content_footer .second{background:url(../images/telollevamosacasa.png) 47% 0 no-repeat;}
#page #footer #content_footer .third{background:url(../images/billarespersonalizados.png) 47% 0 no-repeat;}
#page #footer #content_footer .last{background:url(../images/dondebillares.png) 47% 20px no-repeat; padding:130px 0 0 0; border:none;}

/*shortcuts footer*/
#page #footer #shortcuts_footer{margin:30px 0 5px 0; padding-bottom:25px; background:url(../images/fnd_shortcuts_footer.gif) bottom left repeat-x;}
#page #footer #shortcuts_footer .untercio{text-align:center;}
#page #footer #shortcuts_footer a{color:#98be98;}
#page #footer #shortcuts_footer a:link, #page #footer #shortcuts_footer a:visited{color:#98be98;}
#page #footer #shortcuts_footer a:hover{text-decoration:underline; color:#fff;}
#page #footer #shortcuts_footer .untercio{text-align:center;}
#page #footer #shortcuts_footer h4{text-transform:uppercase; color:#cbdecb; border:none;}
#page #footer #shortcuts_footer ul li{background:none;}
#page #footer #shortcuts_footer ul li a{text-decoration:underline;}

#page #footer #text_footer, #page #footer #zumo{margin:10px 0 25px 0;}
#page #footer #text_footer{width:40%; float:left; display:inline;}
#page #footer #text_footer small, #page #footer #text_footer p{color:#cbdecb; font-weight:bold;}

#page #footer #zumo {width:40%; float:right; display:inline; text-align:right; color:#cbdecb;}
#page #footer #zumo a:link, #page #footer #zumo a:visited{color:#98be98;}
#page #footer #zumo a:hover{text-decoration:underline; color:#fff;}

/*LIGHTBOX*/
#overlay{z-index:99 !important;}
/*#lightbox #imageData #numberDisplay{padding-bottom:0; padding: 1em 0 0 0; }
#page #imageDataContainer{color:#666;}
#page #imageData #imageDetails{margin-top:10px;}*/

/** Extras **/ 
#page .lst_items {border-bottom:1px solid #e5e5e5; padding-bottom:10px;}
#page .lst_items .item {}
#page .item img {margin-bottom:10px;}
#page .item h3 {margin-bottom:5px;}
#page .item p {font-size:1.2em; line-height:1.4em}


/** extraDIVS **/
#page #extraDiv1 {display:none}
#page #extraDiv2 {display:none}
#page #extraDiv3 {display:none}
#page #extraDiv4 {display:none}
#page #extraDiv5 {display:none}
