/*
-----------------------------------------------
Pixilate.com
designed by Kemie Guaida
Feel free to learn from this file,
but please do not copy it exactly.
----------------------------------------------- */
body{
	background-image: url(../_img/back_pg.gif);
	background-color: #EFF6DF;
	font: 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
}

* {
	margin: 0;
	padding: 0;
}

a {
	color: #666666;
	text-decoration: none;
	padding: 1px;
}

a:hover{
	color: #8BA657;
}

h2, h1{
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	margin: 3px;
	padding: 0;
	font: bold 11px Georgia,"Times New Roman", Times, serif;
}

h1 {
	color: #EFF6DF;
	background: url(../_img/back_title.gif) no-repeat center top;
	height: 18px;
	margin-bottom: 12px;
	padding: 2px 0;
}

.minih1{
	background-image: url(../_img/back_title2.gif) !important;
}

h2{
	color: #8BA657;
	height: 12px;
	border-bottom: 1px dotted #8BA657;
	padding-bottom: 2px;
	margin-bottom: 4px;
}

#home h2{
	margin-top: 12px;
	margin-bottom: 6px;
}

h3{
	font-size: 10px;
	margin: 0;
	text-transform: uppercase;
}

h4{
	font-weight: normal;
	font-size: 10px;
	margin: 0;
}

h5{
	font-size: 10px;
	margin: 5px 0;
}

p{
	margin: 5px 0;
}

ol{
	list-style-position: inside;
}

td, th{
	text-align: left;
	vertical-align: top;
}

/*layout*/
#pixilate{
	width: 620px;
	font: 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	background-color: White;
}

#header{
	position: relative;
	background-image: url(../_img/header.gif);
	background-repeat: no-repeat;
	background-position: bottom center; /* (4+8y) para que cuadre el pattern: 172, 180, 188, ... */
	height: 120px; /*height: 172px;*/
	margin: 0;
	background-color: #EFF7FE;
}

#content{
	background-image: url(../_img/back_content.gif);
	background-repeat: repeat-y;
	padding: 0;
	margin: 0;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

#footer{
	background-image: url(../_img/back_footer.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	font-size: 9px;
	padding: 2px 10px 0 14px;
	color: #888888;
	height: 24px;
}

#altmenu{
	text-align: center;
	font-size: 9px;
	padding: 12px;
	color: #ADC091;
}

#altmenu a{
	color: #8BA657;
}

#sidemenu{
	float: left;
	display: inline;
	width: 150px;
	margin: 10px;
	padding: 0;
}

#sidemenu ul{
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	line-height: 12px;
}

#sidemenu li{
	background-image: url(../_img/bullet_leaf.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 2px 0 2px 16px;
}

#submenu{
	border-bottom: 1px dotted #8BA657;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#submenu form{
	float: right;
	margin: 0px;
	padding: 1px 4px 1px 0;
}

#submenu input{
	font: bold 10px Georgia,"Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #8BA657;
	border: 3px double #8BA657;
	border-top-color: #B2C498;
	border-left-color: #B2C498;
	background-color: #EDF3E0;
	padding: 2px 2px 2px 22px!important;
	background-repeat: no-repeat;
	width: 120px;
	margin: 0;
}

#submenu input:hover{
	color: #788E4B;
	background-color: #F3F8E8;
}

#submenu ul{
	margin: 2px 0 0 0;
	padding: 4px;
	list-style: none;
	min-height: 22px;
	text-align: center;
	float: left;
}

#submenu li{
	display: inline;
	background-image: url(../_img/bullet_pot.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 4px 0 4px 18px;
	margin: 0px 4px;
	width: auto;
}

#help{
	background-image: url(../_img/bullet_help.gif)!important;
}

#maincontent{
	margin: 10px 10px 0px 170px;
	border-left: 1px dotted #ADC091;
	text-align: center;
}

#home{
	margin: 0px 10px 0px 220px;
	border-left: 1px dotted #ADC091;
	padding: 12px;
}

#welcome{
	float: left;
	width: 200px;
	margin: 10px;
	padding: 0;
	display: inline;
}

.logo{
	position: absolute;
	bottom: 22px;
	left: 22px;
}

.clear{
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	color: #FFFFFF;
	border-color: #FFFFFF;
	margin: 0;
	padding: 0;
}

.purchase{
	line-height: 2 em;
	margin: 15px;
	border-top: 1px dotted #ABABAB;
	padding-top: 6px;
}

.purchase p{
	margin: 20px 0 !important;
}

.purchase a:link, .purchase a:visited{
	text-transform: uppercase;
	letter-spacing: 2px;
	text-decoration: none;
	padding: 2px 6px;
	margin: 5px;
	font: bold 9px Georgia,"Times New Roman", Times, serif;
	color: #8BA657;
	border: 3px double #8BA657;
	border-top-color: #B9CAA2;
	border-left-color: #B9CAA2;
	background-color: #EDF3E0;
}

.purchase a:hover, .purchase a:visited:hover{
	border: 3px double #788E4B;
	border-top-color: #B9CAA2;
	border-left-color: #B9CAA2;
	color: #788E4B;
	background-color: #F3F8E8;
}

a.boton:hover,  a.boton:visited:hover{
	color: white;
	background-color: #788E4B !important;
}

.boton{
	background-color: #8BA657!important;
	color: #EFF6DF !important;
	border: 3px double #566536!important;
	border-top-color: #778D49 !important;
	border-left-color: #778D49 !important;
	background-repeat: no-repeat;
	padding: 3px 6px 3px 22px!important;
	font-weight: bold;
}

input.boton{
	text-transform: uppercase;
	border: 1px outset #8BA657 !important;
	float: right;
	padding: 4px 4px 4px 20px!important;
	margin: 3px;
}

.buy{
	background-image: url(../_img/bullet_flower.gif);
	background-position: 5px center;
}

.basket{
	background-image: url(../_img/bullet_basket.gif);
	background-position: 3px center;
}

a img{
	border: 0;
}

/*||||||||||||||||||||||||||menu styles||||||||||||||||||||||*/
.menutxt{
	color: #3E4D28;
	text-align: center;
	border-bottom: 1px dotted #788E4B;
	position: relative;
	top: 22px;
}

input,textarea{
	font: 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.forminput{
	border: 1px solid #666666;
	margin: 2px;
	padding: 2px;
	background-color: #F9FCF3;
}

.forminput:focus{
	border: 1px solid #8BA657;
	background-color: White;
}

.form td{
	padding: 2px;
}

.form th{
	background-color: #EFF6DF;
	padding: 2px;
	font-weight: bold;
	border-bottom: 1px dotted #8BA657;
}

label{
	font-weight: bold;
	width: 80px;
	text-align: right;
}

#headersmall{
	background-image: url(../_img/back_header_small.gif);
	background-repeat: no-repeat;
	text-align: center;
}

#headersmall img{
	margin: 10px;
}

#small{
	background-image: url(../_img/back_pg_small.gif);
	background-repeat: repeat-y;
	width: 300px;
	font: 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -175px;
	margin-left: -150px;
}

#small p{
	margin: 10px 20px;
}

#footersmall{
	background-image: url(../_img/back_footer_small.gif);
	background-repeat: no-repeat;
	height: 26px;
}

#footersmall img{
	margin: 2px;
}

.smallprint{
	font-size: 9px;
}

.announce{
	width: 320px;
	text-align: center;
	margin: 0 auto;
}

.leftimg{
	float: left;
	margin: 5px;
}

.imgon{
	display: block;
}

.imgoff{
	display: none;
}

.taboff{
	border: 1px dotted #959595;
	padding: 2px 4px;
	text-decoration: none;
	color: #8BA657;
	font-weight: bold;
	border-bottom: none;
	margin: 0;
}

.tabon{
	border: 1px solid #ABABAB;
	padding: 2px 4px;
	color: #ABABAB;
	border-bottom: 1px solid white;
	margin: 0;
}

.tabs{
	text-transform: uppercase;
	letter-spacing: 2px;
	font: bold 9px Georgia,"Times New Roman", Times, serif;
	margin: 0 0 5px 10px;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #ABABAB;
}

.platform{
	width: 190px;
	margin: 0 5px;
	float: left;
}

.caption{
	font-size: 9px;
	color: #888888;
}

.allfonts{
	padding: 0 10px 10px 10px;
	text-align: center;
}

.allfonts a img{
	margin: 5px;
	border: 0;
}

.text{
	padding: 10px 30px 10px 30px;
	margin: 0;
	font-size: 11px;
	line-height: 2em;
}

.text a, #home a, #small a, #thumbs a, #welcome a, .allfonts a{
	color: #788E4B;
}

.text a:hover, .text a:visited:hover,#home a:hover, #home a:visited:hover, #small a:hover{
	color: #8BA657;
	text-decoration: underline;
}

.text h2{
	margin: 10px;
}

.text ul{
	margin-left: 24px;
	list-style-image: url(../_img/bullet_leaf.gif);
}

.text ul ul{
	list-style-image: url(../_img/bullet_leaf2.gif);
}

.text ul ul ul {
	list-style-image: none;
	list-style-type: disc;
}

.text dl{
	margin: 6px;
	padding: 6px;
}

.text dt{
	background-image: url(../_img/bullet_leaf.gif);
	background-repeat: no-repeat;
	background-position: 0 19px;
	font-weight: bold;
	color: #888888;
	padding: 12px 0 0 12px;
	border-top: 1px dotted #B9CAA2;
}

.text dd{
	background-image: url(../_img/bullet_leaf2.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding-left: 12px;
	margin-left: 12px;
}

.thumbs{
	padding: 10px 25px;
	text-align: center;
}

.thumbs dl{
	float: left;
	width: 130px;
	margin: 5px;
}

.thumbs dt{
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	margin: 2px 4px 6px 4px;
	padding: 0;
	font: bold 11px Georgia,"Times New Roman", Times, serif;
	color: #8BA657;
	border-bottom: 1px dotted #8BA657;
	padding-bottom: 5px;
}

.thumbs a img{
	border: 1px solid white;
}

.thumbs a:hover img{
	border: 1px solid #ADC091;
}

.thumbs table, .allfonts table{
	margin: 6px auto;
}

.tutimg{
	float: right;
	margin-left: 10px;
}

.news{
	height: 150px;
	overflow: auto;
	margin: 0 5px 5px 0;
	padding: 6px;
}

.news p{
	background-image: url(../_img/back_hr.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 18px;
}

.date{
	font-size: 10px;
	color: #8BA657;
}

.preview{
	float: left;
	margin: 6px 12px 0 0;
	vertical-align: middle;
}

.links img{
	vertical-align: middle;
	margin-right: 6px;
	border: 1px solid #666666;
}

.links li{
	list-style: none;
	margin: 2px;
}

.links{
	text-align: left;
	margin-left: 36px;
	line-height: 1.8em;
}

code{
	border: 1px dotted #ABABAB;
	float: right;
	width: 310px;
	margin-bottom: 5px;
	color: #777777;
	line-height: 1.1em;
}

.shirt{
	float: left;
	width: 160px;
	height:85px;
	padding: 5px;
	border: 1px dotted #CDCDCD;
	margin: 6px;
}

.shirt img{
	border: none !important;
}

div.shirt:hover{
	border: 1px dotted #8BA657;
}

.shirt a:hover img{
	border: none !important;
}

.replacement{
	margin: 0;
}

.about{
	margin: 5px;
	border: 1px dotted #CDCDCD;
	color: #888888;
	padding: 5px;
	font-size: 9px;
}

.me{
	float: left;
	margin-right: 5px;
}

.featured{
	width: 358px;
}

#maincontent p{
	margin: 10px;
}
#maincontent a{
	color:#8BA657;
}
#maincontent a:hover{
	color:#788E4B;
	text-decoration: underline;
}