/* @override http://www.azulejosdelmundo.com/a/c/screen.css */

/* @group general */

/* @group reset */

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

/* Tables still need 'cellspacing="0"' in the markup. */

table {
	border-collapse: separate;
	border-spacing: 0;
	}

caption, th, td {
	text-align: left;
	font-weight: normal;
	}

table, td, th {
	vertical-align: middle;
	}

/* Remove possible quote marks (") from <q>, <blockquote>. */

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}

blockquote, q {
	quotes: "" "";
	}

/* Remove annoying border on linked images. */

a img {
	border: none;
	}

dfn {
	display: none;
	}

p {
	margin: 0 0 1.5em;
	}

/* @end */

/* @group headings */

h2 {
	font-size: 1.2em;
	margin: 0.75em 0;
	padding-bottom: 4px;
	color: #612D63;
	background: transparent url(../../a/i/ruler.gif) left bottom no-repeat;
	font-family: "Lucida Grande", "Lucida Sans", Arial, verdana, sans-serif;
	font-style: normal;
	}
h2 strong {
	color:#808080;
	font-family: Georgia, serif;
	font-style: italic;
	}	

h3 {
	font-size: 1.2em;
	font-weight: bold;
	}

/* @end */
/* @group links */

a {
	color: #712664;
	}

/* @end */
/* @group list */
ul ul, ol ol, ol ul, ul ol {
	margin-bottom: 0;
}
ul {
	list-style: none;
	}
.bullets {
	margin-left: 30px;
	}
.bullets li{
	padding: 4px 0;
	}	
/* @end */
/* @group forms */
input, textarea {
	color: #929292;
	padding: 5px;
	border: 1px solid #a6a6a6;
	}
button {
	padding: 2px;
	background-color: #929292;
	color: white;
	border: 2px solid #929292;
	font-family: Georgia, serif;
	font-style: italic;
	text-decoration: none;
	}
	
button:hover {
	background-color: #606060;
	}	
/* @end */

/* @group helpers */
.hide {
	display: none;
	}


/* @end */

/* @group clearfix */

.group:after, .container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.group, .container {
	display: inline-block;
	}

* html .group,
* html .container {
	height: 1%;
	}

.group, .container {
	display: block;
	}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear {
	clear: both;
	}

/* @end */

body {
	margin: 1.5em 0;
	line-height: 1.5;
	font-size: 75%;
	color: #222;
	background: #fff;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

/* @end */

/* @group structure */

/* @group container */

#wrap {
	width: 930px;
	margin: 0 auto;
	}

.container {
	width: 920px;
	/*border: 1px solid #999;*/
	}

#content {
	margin: 10px 6px;
	/*padding-bottom: 20px;*/
	border: 1px solid #999;
	z-index: 0;
	}

.content-in {
	margin: 10px 6px;
	}
.general .content-in {
	margin: 10px 20px;
	}	
/* @end */

/* @group grid */

.col {
	float: left;
	}
.interior .side {
	width: 230px;
	}	
.interior .main {
	width:670px;
	}
.secondary {
	width: 250px;
	float: left;
	}
.primary {
	
	}	
/* @end */

/* @group header */

#header {
	position: relative;
	height: 98px;
	}

#branding h1 {
	position: absolute;
	/*top: 20px;*/
	left: 10px;
	}

#branding h1 a {
	display: block;
	width: 180px;
	height: 74px;
	background: transparent url(../../a/i/logo-azulejos.jpg) left top no-repeat;
	text-indent: -9999px;
	}

/* @end */

/* @group nav */

/* @group nav main */

/* Horizontal menu for the CMS CSS Menu Module */

/* by Alexander Endresen */

#menu_vert {
	margin-left: 1px;
	margin-right: 1px;
	z-index: 99;
	}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */

.clearb {
	clear: both;
	}

#menuwrapper {
	/* Fix for Opera 8 */ /* 
	overflow: hidden;  */ 
   background-color: white;
	/*border-bottom: 1px solid #C0C0C0;*/
   position: absolute;
	top: 70px;
	right: 7px;
	z-index: 3000;
	}

#menuwrapper ul {
	z-index: 1000;
	position: relative;
	}

/* Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li li {
	width: 150px;
	z-index: 100;
	}

.primary-nav a:hover {
	color: white;
	z-index: 99;
	}

/* Unless you know what you do, do not touch this */

#primary-nav, #primary-nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	z-index: 99;
	}

#primary-nav ul {
	position: absolute;
	top: auto;
	display: none;
	z-index: 99;
	}

#primary-nav ul ul {
	margin-top: 1px;
	margin-left: -1px;
	left: 100%;
	top: 0px;
	z-index: 99;

	}

#primary-nav li {
	margin-left: -1px;
	float: left;
	z-index: 99;
	}

#primary-nav li li {
	margin-left: 0px;
	margin-top: -1px;
	position: relative;
	z-index: 10000;
	}

/* Styling the basic apperance of the menu elements */

#primary-nav a {
	display: block;
	margin: 0px;
	padding: 5px 10px;
	text-decoration: none;
	color: #006699;
	z-index: 99;
	}

#primary-nav li a {
	border-right: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	color: #7D7D7D;
	z-index: 99;
	}

#primary-nav li li a {
	/*border: 1px solid #C0C0C0;*/
   color: white;
	background-color: #a6a6a6;
	z-index: 99;
	}

#primary-nav .menuactive a {
	color: white;
	background-color: #808080;
	z-index: 99;
	}

#primary-nav li, #primary-nav li.menuparent {
	background-color: white;
	z-index: 99;
	position: relative;
	}

li.colb a img, li.cola a img, li.colc a img {
	height: 300px;
	z-index: 99;
	}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive {
	background-color: #808080;
	z-index: 99;
	}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh {
	background-color: #a6a6a6;
	z-index: 99;
	}

/* Styling the apperance of menu items on hover */

#primary-nav li a:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh {
	background-color: #929292;
	color: white;
	z-index: 99;
	}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/

#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul {
	display: none;
	z-index: 99;
	}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/

#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul {
	display: block;
	z-index: 99;
	}

/* @end */

/* @group nav sub */

.nav-sub ul {
	margin: 20px 0;
	list-style: none;
	}

.nav-sub ul li {
	margin-bottom: 5px;
	padding-bottom: 5px;
	/*background: transparent url(../../a/i/ruler.gif) no-repeat -648px 28px;*/
	}

.nav-sub ul li a {
	display: block;
	padding: 3px 0 4px 30px;
	color: #FFF;
	background: transparent url(../../a/i/bg-nav-products.gif) left top no-repeat;
	font-size: 90%;
	text-transform: uppercase;
	text-decoration: none;
	}

.nav-sub ul li a:hover {
	background-position: 0 -25px;
	}

.nav-sub ul li a.activeparent {
	background-position: 0 -51px;
	}

.nav-sub ul li ul {
	margin-top: 10px;
	}

.nav-sub ul li ul li a {
	background-position: 0 -26px;
	}

.nav-sub ul li ul li a:hover {
	background-position: 0 -75px;
	}

.nav-sub ul li ul li.currentpage a {
	background-position: 0 -76px;
	}

.headings {
	position: relative;
	z-index: -1000;
	}

.nav-sub-special {
	position: absolute;
	top: 5px;
	right: 0;
	z-index: 1;
	display: none;
	}

.nav-sub-special ul {
	list-style: none;
	}

.nav-sub-special ul li {
	float: left;
	margin-left: 10px;
	border-right: 1px solid #ccc;
	}

.nav-sub-special ul li a {
	display: block;
	padding: 0 5px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	}

.nav-supp ul {
	list-style: none;
	}

.nav-supp ul li {
	float: left;
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px solid #999;
	}

.nav-supp ul li a {
	padding: 2px 5px;
	display: block;
	color: #7D7D7D;
	font-size: 90%;
	text-decoration: none;
	}

/* @end */

/* @end */

/* @group footer */

#footer {
	padding: 10px 0;
	font-size: 10px;
	}

#site-info {
	margin-right: 10px;
	font-size: 90%;
	list-style: none;
	}

#site-info li {
	float: right;
	margin-right: 5px;
	color: #C1C1C1;
	}
#site-info .madeby {
	display: none;
	}
#site-info .madeby a {
	color: #CCC;
	}	
#site-info .sitemap {
	float: left;
	margin-left: 10px;
	}
/* @end */

/* @end */
/* @group components */
/* @group galleriffic */
div.navigation {
	width: 200px;
	float: right;
	}
div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:left;
	width:600px;
	text-align: center;
	border-right: 1px dashed #CCC;
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
	font-size: .9em;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: left;
}
 
div.loader {
	background-image: url(../i/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 100px;
	height: 100px;
	/*height: 350px*/
}
div.slideshow {
	clear: both;
	padding-top: 5px;
}
div.slideshow span.image-wrapper {
	/*float: left;*/
	padding-bottom: 12px;
}
div.slideshow a.advance-link {
	padding: 2px;
	display: block;
	/*border: 1px solid #ccc;*/
}
div.slideshow img {
	border: none;
	display: block;
	margin: 0 auto;
	/*
	width: 100%;
	max-width: 400px;
*/
}
div.download {
	float: right;
}
div.embox {
	clear: both;
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
 
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
ul.thumbs {
	overflow: hidden;
	width: 100%;
	/*clear: both;*/
	
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	/* height: 100px; */
	margin: 5px 10px 5px 0;
	list-style: none;
}

a.thumb {
	padding: 2px;
	display: block;
	/*border: 1px solid #ccc;*/
}
ul.thumbs li.selected a.thumb {
	/*background: #000;*/
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	/*width: 90%;*/
	border: none;
	display: block;
}
div.pagination {
	clear: both;
	font-size: 0.9em;
}
div.navigation div.top {
	margin-bottom: 20px;
	height: 11px;
}
div.navigation div.bottom {
	display: none;
	margin-top: 20px;
}
div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	/*border: 1px solid #ccc;*/
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
  
/* Minimal Gallery Styles */
#thumbs-min ul.thumbs li {
	float: none;
	padding: 0;
	margin: 0;
	list-style: none;
}
 
#thumbs-min a.thumb {
	padding: 0px;
	display: inline;
	border: none;
}
 
#thumbs-min ul.thumbs li.selected a.thumb {
	background: inherit;
	color: #000;
	font-weight: bold;
}/* @end */
/* @group ui tabs */
.nav-tabs {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	}
.nav-tabs li {
	float: left;
	margin-right: 20px;
	}
.nav-tabs li a {
	padding: 5px 10px;
	text-decoration: none;
	}	

.ui-tabs-selected a {
	color: #FFF;
	background-color: #666;
	} 		
.ui-tabs-hide {
	display: none;
	}	
/* @end */
/* @group .info */
.info {
	display: none;
	padding: 0;
	}

.info img {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	}	
/* @end */
/* @group .vcard */
.vcard .street-address{
	display: block;
	}
/* @end */
/* @group .search */
.search {
	text-align: right;
	position: relative; top: 20px; left: 670px;
	width: 250px;

	}
.search label {
	display: none;
	}	
	
.percent {
	color: #CCC;
	}	
/* @end */
/* @group .back-product */
.back-product {
	float: right;
	margin-right: 10px;
	}
/* @end */

/* @group .ver-galeria */
.ver-galeria {
	float: right;
}
.ver-galeria a {
	background-color: #929292;
	color: white;
	padding: 3px;
	border: 2px solid #a6a6a6;
	text-decoration: none;
	font-family: Georgia, serif;
	font-style: italic;
	}

.ver-galeria a:hover {
	background-color: #808080;
	color: white;
	padding: 3px;
	border: 2px solid #a6a6a6;
	}

/* @end */

/* @group breadcrumbs */

.breadcrumbs {
	padding: 5px;
	padding-left: 10px;
	border-bottom: 1px solid #999;
	font-size: .9em;
	color: #666;
	}

.breadcrumbs hr {
	display: none;
	}

/* @end */

/* @group catalog */
/* @group category-home */

/*.img3 ul li {
	float: left;
	width: 220px;
	list-style: none;
	}*/


.category-home p {
	display: block;
	margin: 0;
	font-family: Georgia, serif;
	font-style: italic;
	margin-right: 10px;
	}


.category-home h3 {
	display: none;
	} 
/* @end */
/* @group products-items */

ul.products-items {
	clear: both;
	list-style: none;

	}

ul.products-items li {
	display: block;
	float: left;
	width: 120px;
	/*margin: 10px 40px 20px 0;*/
	margin-top:10px;
	margin-right: 9px;
	margin-bottom: 15px;
	text-align: left;
	line-height: 1.1em;
	}

ul.products-items li img {
	display: block;
	margin-bottom: 5px;
	}
.galeria ul.products-items li {
	height: 120px;
	}

ul.products-items li a {
	width: 120px;
	display: block;
	margin-top: 5px;
	font-size: 1em;
	text-decoration: none;
	color: #333;
	}
.t ul.products-items li {
	width: 150px;
	height: 120px;
	}
.t5 ul.products-items li {
	width:170px;
	}
.t4 ul.products-items li {
	width: 155px;
	}
.t3a ul.products-items li {
	width: 155px;
	margin-right: 45px;
	}
.t3b ul.products-items li {	
	width: 140px;
	}
.t2 ul.products-items li {
	width: 216px;
	margin-left: 45px;
	} 
.t2b ul.products-items li {
	width: 180px;
	margin-left: 45px;	
	} 
.tnp .category-notes  {
	float: left;
	width: 200px;
	margin-right: 60px;
	}
.tnp ul.products-items {
	width: 390px;
	}	
.tnp p.ver-galeria {
	float: right;
	margin-right: 50px;
	}				
/* @end */

ul.item-attribute {
	margin: 20px 0;
	list-style: none;
	}

ul.item-attribute li {
	padding: 2px 5px;
	background-color: #E6E6E6;
	border-top: 1px solid #C1C1C1;
	border-bottom: 1px solid #C1C1C1;
	}

.catnav {
	display: none;
	clear: both;
	margin: 10px 0;
	}

/* @end */

/* @group album */

.albumname {
	margin-top: 5px;
	line-height: .9em;
	}

.albumpicturecount {
	font-size: .8em;
	color: #999;
	}

ul.products-items .albumcomment a {
	color: #712664;
	}

/* @end */
/* @group lightbox */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4000;
	width: 100%;
	height: 500px;
	}

#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 5000;
	text-align: center;
	line-height: 0;
	}

#jquery-lightbox a img {
	border: none;
	}

#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#lightbox-container-image {
	padding: 10px;
	}

#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}

#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}

#lightbox-container-image-box > #lightbox-nav {
	left: 0;
	}

#lightbox-nav a {
	outline: none;
	}

#lightbox-nav-btnPrev, 
#lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
	}

#lightbox-nav-btnPrev {
	left: 0;
	float: left;
	}

#lightbox-nav-btnNext {
	right: 0;
	float: right;
	}

#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
	}

#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
	}

#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
	}

#lightbox-image-details-caption {
	font-weight: bold;
	}

#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
	}

#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
	}

/* @end */
/* @group lightbox 2 */
/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

.pop .container {
	overflow: hidden;
	}
	
body.pop {
	overflow-y: hidden;
	margin:0px;
	
}

#page {
	margin-top: -15px;
	height: 490;
}

	div.light_rounded .pp_top .pp_left { background: url(../i/prettybox/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
	div.light_rounded .pp_top .pp_right { background: url(../i/prettybox/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.light_rounded .pp_content { background-color: #fff; } /* Content background */
	div.light_rounded .pp_next:hover { background: url(../i/prettybox/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_rounded .pp_previous:hover { background: url(../i/prettybox/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.light_rounded .pp_expand { display: none; background: url(../i/prettybox/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_rounded .pp_expand:hover { background: url(../i/prettybox/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_rounded .pp_contract { background: url(../i/prettybox/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_rounded .pp_contract:hover { background: url(../i/prettybox/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../i/prettybox/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */

	div.light_rounded .pp_arrow_previous { background: url(../i/prettybox/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_rounded .pp_arrow_next { background: url(../i/prettybox/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.light_rounded .pp_bottom .pp_left { background: url(../i/prettybox/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
	div.light_rounded .pp_bottom .pp_right { background: url(../i/prettybox/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.light_rounded .pp_loaderIcon { background: url(../i/prettybox/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	/* ----------------------------------
		Dark Rounded Theme
	----------------------------------- */
	
	div.dark_rounded .pp_top .pp_left { background: url(../i/prettybox/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.dark_rounded .pp_top .pp_middle { background: url(../i/prettybox/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
	div.dark_rounded .pp_top .pp_right { background: url(../i/prettybox/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.dark_rounded .pp_content { background: url(../i/prettybox/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
	div.dark_rounded .pp_next:hover { background: url(../i/prettybox/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_rounded .pp_previous:hover { background: url(../i/prettybox/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.dark_rounded .pp_expand { background: url(../i/prettybox/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_rounded .pp_expand:hover { background: url(../i/prettybox/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_rounded .pp_contract { background: url(../i/prettybox/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_rounded .pp_contract:hover { background: url(../i/prettybox/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../i/prettybox/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.dark_rounded .currentTextHolder { color: #c4c4c4; }
	div.dark_rounded .pp_description { color: #fff; }

	div.dark_rounded .pp_arrow_previous { background: url(../i/prettybox/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_rounded .pp_arrow_next { background: url(../i/prettybox/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.dark_rounded .pp_bottom .pp_left { background: url(../i/prettybox/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.dark_rounded .pp_bottom .pp_middle { background: url(../i/prettybox/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
	div.dark_rounded .pp_bottom .pp_right { background: url(../i/prettybox/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.dark_rounded .pp_loaderIcon { background: url(../i/prettybox/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	
	/* ----------------------------------
		Dark Square Theme
	----------------------------------- */
	
	div.dark_square .pp_left ,
	div.dark_square .pp_middle,
	div.dark_square .pp_right,
	div.dark_square .pp_content { background: url(../i/prettybox/prettyPhoto/dark_square/contentPattern.png) top left repeat; }
	div.dark_square .currentTextHolder { color: #c4c4c4; }
	div.dark_square .pp_description { color: #fff; }
	div.dark_square .pp_loaderIcon { background: url(../i/prettybox/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.dark_square .pp_expand {  display: none;background: url(../i/prettybox/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_square .pp_expand:hover { background: url(../i/prettybox/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_square .pp_contract { background: url(../i/prettybox/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_square .pp_contract:hover { background: url(../i/prettybox/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_square .pp_close { width: 75px; height: 22px; background: url(../i/prettybox/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	
	div.dark_square .pp_arrow_previous { background: url(../i/prettybox/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_square .pp_arrow_next { background: url(../i/prettybox/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.dark_square .pp_next:hover { background: url(../i/prettybox/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_square .pp_previous:hover { background: url(../i/prettybox/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


	/* ----------------------------------
		Light Square Theme
	----------------------------------- */
	
	div.light_square .pp_left ,
	div.light_square .pp_middle,
	div.light_square .pp_right,
	div.light_square .pp_content { background: #fff; }
	
	div.light_square .pp_expand { background: url(../i/prettybox/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_square .pp_expand:hover { background: url(../i/prettybox/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_square .pp_contract { background: url(../i/prettybox/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_square .pp_contract:hover { background: url(../i/prettybox/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_square .pp_close { width: 75px; height: 22px; background: url(../i/prettybox/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	
	div.light_square .pp_arrow_previous { background: url(../i/prettybox/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_square .pp_arrow_next { background: url(../i/prettybox/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.light_square .pp_next:hover { background: url(../i/prettybox/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_square .pp_previous:hover { background: url(../i/prettybox/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 9500;
	}
	
	div.pp_pic_holder {
		display: none;
		position: absolute;
		width: 100px;
		z-index: 10000;
	}
		
		.pp_top {
			height: 20px;
			position: relative;
		}
			* html .pp_top { padding: 0 20px; }
		
			.pp_top .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_top .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_top .pp_middle {
					left: 0;
					position: static;
				}
			
			.pp_top .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_content {
			height: 40px;
			position: relative;
			text-align: left;
			width: 100%;
		}
		
			.pp_content .pp_details {
				display: none;
				margin: 10px 15px 2px 20px;
			}
				.pp_description {
					display: none;
					float: left;
					margin: 0;
				}
				
				.pp_nav {
					float: left;
					margin: 3px 0 0 0;
				}
				
					.pp_nav p {
						float: left;
						margin: 2px 4px;
					}
				
					.pp_nav a.pp_arrow_previous,
					.pp_nav a.pp_arrow_next {
						display: block;
						float: left;
						height: 15px;
						margin-top: 3px;
						overflow: hidden;
						text-indent: -10000px;
						width: 14px;
					}
		
		.pp_hoverContainer {
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 2000;
		}
		
		a.pp_next {
			background: url(../i/prettybox/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: right;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
			
		a.pp_previous {
			background: url(../i/prettybox/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: left;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
		
		a.pp_expand,
		a.pp_contract {
	
			cursor: pointer;
			display: none;
			height: 20px;	
			position: absolute;
			right: 30px;
			text-indent: -10000px;
			top: 10px;
			width: 20px;
			z-index: 20000;
		}
			
		a.pp_close {
			display: block;
			float: right;
			text-indent: -10000px;
		}
		
		.pp_bottom {
			height: 20px;
			position: relative;
		}
			* html .pp_bottom { padding: 0 20px; }
			
			.pp_bottom .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_bottom .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_bottom .pp_middle {
					left: 0;
					position: static;
				}
				
			.pp_bottom .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_loaderIcon {
			display: none;
			height: 24px;
			left: 50%;
			margin: -12px 0 0 -12px;
			position: absolute;
			top: 50%;
			width: 24px;
		}
		
		#pp_full_res {
			display: none;
			line-height: 1 !important;
			margin: 0 auto;
			text-align: center;
			width: 100%;
		}
	
		div.ppt {
			color: #fff;
			display: none;
			font-size: 17px;
			left: 0;
			position: absolute;
			top: 0;
			z-index: 9999;
		}

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
/* @end */
/* @group popup */
/*.gallerypop .img {
	float: left;
	width: 600px;
	}
.gallerypop .thumbs {
	width: 300px;
	float: right;
	margin-top: 38px;
	}
.gallerypop .thumbs li {
	float: left;
	height: 150px;
	margin-left: 10px;
	}*/	
/* @end */

/* @end */
/* @group pages */

/* @group productos */

.productos .products-items {
	margin-left: 8px;
	}

/* @end */
/* @group news */

.hentry {
	list-style: none;
	}
.hentry li {
	padding-bottom: 10px;
	margin-bottom: 20px;
	}
.hentry .entry-image {
	width: 220px; height: 150px;
	background-repeat: no-repeat;
	}

.hentry .entry-content, 
.hentry .entry-summary, 
.hentry .entry-title, 
.hentry .entry-date {
	margin-left: 250px;
	}
.entry-title {
	font-size: 1.4em;
	margin-bottom: 10px;
	}	
.entry-date {
	color: #666;
	font-family: Georgia, serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	}	
.entry-image {
	float: left;
	}		
.entry-content, .entry-summary, .entry-title, .entry-date {
margin-left: 350px;
	}		
/* @end */
/* @group contact us */
.contact-us .col {
	width: 240px;
	margin-right: 50px;
	}
.contact-us .col.a {
	/*width: 200px;*/
	/*margin-right: 150px;*/
	}	
.email {
	display: block;
	}	
/* @end */
/* @group home */
.content-home {
	height: 329px;
	position: relative;
	}

.nav-home {
	/*display: none;*/
	/*position: relative;*/
	height: 215px;
	}

.nav-home ul {
	/*display: none;*/
	position: relative;
	padding-top: 26px;
	list-style: none;
	width: 400px;
	z-index: 100;
	}

.nav-home ul li {
	position: relative;
	z-index: 1000;
	margin-bottom: 5px;
	padding-bottom: 5px;
	width: 250px;
	}

.nav-home ul li a {
	display: block;
	height: 15px;
	padding: 3px 0 6px 30px;
	color: #712664;
	background-image: url(../../a/i/bg-nav-home.png);
	background-position: 0 -25px;
	background-repeat: no-repeat;
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	position: relative;
	z-index: 1000;
	width: 250px;
	}

.nav-home ul li a:hover {
	color: #FFF;
	background-position: 0 0;
	}
	
.banner {
	position: absolute; top: 0;
	width: 916px; height: 210px;
	}
.pic1, .pic2, .pic3 {
	background-repeat: no-repeat;
	}

.pic1 {
	background-image: url(../../a/i/img-home1.jpg);
	}
.pic2 {
	background-image: url(../../a/i/img-home2.jpg);
	}
.pic3 {
	background-image: url(../../a/i/img-home3.jpg);
	}	


ul#banners {
	position: relative;
	margin-top: 20px;
	list-style: none;
	}

#banners img {
	width: 905px;
	}

.slide {
	position: relative;
	height: 129px;
	}

.slide #nav {
	position: absolute;
	top: 150px;
	right: 20px;
	}

.slide #nav a {
	display: block;
	float: left;
	width: 8px;
	background: transparent url(../../a/i/bg-btn-nav.gif) left top no-repeat;
	text-indent: -9999px;
	}

.slide #nav a:hover,
.slide #nav a.activeSlide {
	background-position: -8px 0;
	}
/* @end */
/* @group gallery */
.gallery h3 {
	display: block;
	margin-top: 20px;
	}
.gallery .products-items {
	/*margin-left: 80px;*/
	}

/* @end */
/* @group sitemap */
.sitemap .col {
	width: 200px;
	}
.sitemap ul li {
	margin-bottom: 5px;
	font-weight: bold;
	}	

.sitemap ul li ul li {
	margin-left: 20px;
	font-weight: normal;
	}
.sitemap ul li ul	{
	margin-top: 5px;
	}
/* @end */
/* @end */