/**
 * BODY
 * 
 */

body {
	border-top: 3px solid #fff;
	behavior: url("js/csshover.htc");
}

/**
 * HEADER
 * 
 */

div.acheuno{
 position:relative;
 top:0;
 left:0;
 height: 75px;
 width: 275px;
 /*background-color:#00FF00;*/
}
div.acheuno a{
 text-indent:-9999999px;
 display:block;
 height: 75px;
 width: 275px;
}

div.main div.header {
	width: 980px;
	height: 173px;
	background: url(../images/siteHeader.jpg);	
}

div.main div.header div.logo {
	position: relative;
	height: 75px;
	width: 275px;
	left: 29px;
	top: 10px;
	background: url(../images/logo.png) 0 0 no-repeat;
}

div.main div.header div.buttons {
	position: relative;
	height: 30px;
	top: 65px;
	left: 29px;
}

div.main div.header div.buttons ul {
	list-style: none;	
}

div.main div.header div.buttons ul li {
	float: left;	
	height: 30px;
	text-align: center;		
}

div.main div.header div.buttons ul li a {
	position: relative;
	top: 10px;
}

div.main div.header div.buttons ul li.latestDraws {
	width: 126px;
	padding-right: 2px;
	background: url(../images/tab_rosa.png);
}

div.main div.header div.buttons ul li.morePainted {
	width: 116px;
	padding-right: 2px;
	background: url(../images/tab_celeste.png);	
}

div.main div.header div.buttons ul li.bestDraws {
	width: 166px;
	padding-right: 1px;
	background: url(../images/tab_amarilla.png);	
}

div.main div.header div.buttons ul li.latestDraws:hover {
	width: 126px;
	padding-right: 2px;
	background: url(../images/tab_rosa.png);
	background-position:0 -30px;
}

div.main div.header div.buttons ul li.morePainted:hover {
	width: 116px;
	padding-right: 2px;
	background: url(../images/tab_celeste.png);	
	background-position:0 -30px;
}

div.main div.header div.buttons ul li.bestDraws:hover {
	width: 166px;
	padding-right: 1px;
	background: url(../images/tab_amarilla.png);
	background-position:0 -30px;
}



/**
 * CONTENT
 * 
 */

div.main div.content {
	padding-top: 20px;
}

/**
 * TOP BAR
 * 
 */

table.topBar {
	margin: auto;
	width: 100%;
}

table.topBar div.publicity {
	width: 726px;
	height: 88px;
	margin-right: 7px;	
	/*background-image: url(../images/728x90.jpg);*/
	float: left;
}

table.topBar div.buttons {
	float: left;
}

table.topBar div.buttons ul {
	list-style: none;
}

table.topBar div.buttons ul li {
	float: left;
	margin-left: 3px;
}

table.topBar div.buttons ul li:first-child {
	margin-left: 0;
}

table.topBar div.buttons ul li a {
	float: left;
	font-size: 0;
}

/**
 * SEND POPUP
 * 
 */

table.popup.send tr.middle td.center {
	height: 240px;
	width: 361px;
	vertical-align: top;
	background-repeat: no-repeat;
	background-image: url(../images/tellAFriend.png);	
}

table.popup.send tr.middle td.center div.closeButton {
	float: right;
	padding-bottom: 15px;
}

table.popup.send tr.middle td.center div.closeButton a {
	font-size: 0;
}

table.popup.send tr.middle td.center div.form {
	float: left;
	width: 339px;
	padding: 0 11px 0 11px;
}

table.popup.send tr.middle td.center div.blueMessage {
	margin-top: 50px;
}

table.popup.send li.label {
	padding-top: 14px;
	padding-bottom: 2px;
}

table.popup.send li.field div.roundedCornersInput {
	width: 339px;
	height: 39px;
}

table.popup.send li.field div.roundedCornersInput div.holder {
	width: 323px !important;
}

table.popup.send li.field div.roundedCornersInput input {
	height: 28px !important;
	font-size: 18px;
}

table.popup.send li.submit {
	padding-right: 0;
} 

table.popup.send label {
	color:  #fff;
	font-weight: bold;
}

/**
 * LEFT COLUMN
 * 
 */

div.leftColumn {
	float: left;
	padding-top: 16px;
}

/**
 * RIGHT COLUMN
 * 
 */

div.rightColumn {
	margin-top: 50px;
	width: 300px;
	float: right;
}

div.rightColumn div.publicity {
	height: 248px;
	width: 298px;
	/*background-image: url(../images/300x250.jpg);*/
}

div.rightColumn div.searcherBox {
	margin-top: 18px;
	width: 300px;
	height: 115px;
	background: url(../images/searcherBox.png);
}

div.rightColumn div.searcherBox input[type="text"] {
	width: 170px;
	float: left;
	margin: 58px 0 0 27px;
	border: none;
	background: none;
}

div.rightColumn div.searcherBox input[type="submit"] {
	float: right;
	margin: 10px 10px 0 0;
	height: 98px;
	width: 88px;
	cursor: pointer;
	border: none;
	background: url(../images/magnifyingGlass.png) 0 -100px no-repeat;
}
div.rightColumn div.searcherBox input[type="submit"]:hover {
    background: url(../images/magnifyingGlass.png) no-repeat;
}

div.rightColumn div.bestDrawBox {
	padding-top: 42px;
	background: url(../images/bestDraw.png) no-repeat 2px 15px;
}

div.rightColumn div.bestDrawBox table.whiteBox > tbody > tr.top > td.left {
	background: url(../images/whiteBoxTopLeftCornerFixed.png);	
}

div.rightColumn div.bestDrawBox table.whiteBox table.borderLightGreenBox {
	width: 100%;
	height: 100%;
}

div.rightColumn div.bestDrawBox table.whiteBox table.borderLightGreenBox td.center {
	padding: 0 30px 0 30px;
}

div.rightColumn div.bestDrawBox table.whiteBox table.borderLightGreenBox tr.middle td.center { 
	padding: 20px 30px 0 30px;	
}

div.rightColumn div.bestDrawBox table.whiteBox table.borderLightGreenBox td.center div.borderWhiteBox div.holder {
	padding: 4px 0 4px 0;
	text-align: center;
}

div.rightColumn div.bestDrawBox table.whiteBox table.borderLightGreenBox td.center div.borderWhiteBox div.holder img {
	vertical-align: middle;	
}

div.rightColumn div.bestDrawBox table.whiteBox table.borderLightGreenBox td.center a.printButtonBig {
	float: right;
	margin-top: 7px;
}

div.rightColumn div.bestDrawBox table.whiteBox table.borderLightGreenBox td.center a.paintButtonBig {
	float: left;
	margin-top: 5px;	
}

div.rightColumn table.bottomBlueBar td.center {
	height: 32px;
	padding-bottom: 2px;
}

div.rightColumn table.bottomBlueBar td.center a {	
	color: #fff;
}

div.rightColumn table.bottomBlueBar td.center a:hover {
	text-decoration: underline;
	color: #333;
}

div.rightColumn div.rightColumnBox {
	clear: both;
	padding-top: 42px;	
}

div.rightColumn div.rightColumnBox table.borderLightGreenBox tr.middle td.center {
	padding: 15px 0 27px 18px;
}

div.rightColumn div.rightColumnBox ul {
	list-style: none;	
}

div.rightColumn div.rightColumnBox ul li {
	margin-top: 10px;
	padding-left: 20px;
	height: 14px;
	line-height: 12px;
}

div.rightColumn div.rightColumnBox ul li.n1 {
	background: url(../images/1.png) no-repeat;
}

div.rightColumn div.rightColumnBox ul li.n2 {
	background: url(../images/2.png) no-repeat;
}

div.rightColumn div.rightColumnBox ul li.n3 {
	background: url(../images/3.png) no-repeat;
}

div.rightColumn div.rightColumnBox ul li.n4 {
	background: url(../images/4.png) no-repeat;
}

div.rightColumn div.rightColumnBox ul li.n5 {
	background: url(../images/5.png) no-repeat;
}

div.rightColumn div.rightColumnBox ul li a {
	color: #84A501;
	font: normal 11px Verdana;
	text-decoration: underline; 
}

div.rightColumn div.rightColumnBox ul li a:hover {
	color: #425201;
	text-decoration: none;
}

div.rightColumn div.rightColumnBox ul li:first-child {
	margin-top: 0;
}

div.rightColumn div.bestDrawsBox {
	background: url(../images/bestDraws.png) no-repeat 1px 19px;
}

div.rightColumn div.morePaintedBox {
	background: url(../images/morePainted.png) no-repeat 1px 19px;
}
	
/**
 * LEFT COLUMN
 * 
 */
 

div.leftColumn.items {
	width: 623px;
	background: url(../images/letsPaint.png) no-repeat 0 21px;	
}

div.leftColumn.items.lastDraws {
	background: url(../images/latestDrawsTitle.png) no-repeat 0 14px;
}

div.leftColumn.items.morePainted {
	background: url(../images/morePaintedTitle.png) no-repeat 0 20px;
}

div.leftColumn.items.related {
	background:none;
	width:100%;
	text-align:center:
}

div.leftColumn.items.bestDraws {
	background: url(../images/bestDrawsTitle.png) no-repeat 0 20px;
}

div.leftColumn.items div.itemsTab {
	width: 623px;
	float: left;	
}

div.leftColumn.items div.itemsTab table.whiteBox > tbody > tr.middle > td.center {
	padding-top: 15px;
	padding-bottom: 15px;
}

div.leftColumn.items div.itemsTab table.whiteBox ul {
	list-style: none;
}

div.leftColumn.items div.itemsTab table.whiteBox ul > li {
}

div.leftColumn.items div.itemsTab table.whiteBox ul > li > ul {
	list-style: none;	
}

div.leftColumn.items div.itemsTab table.whiteBox ul > li > ul > li {
	float: left;
	margin-left: 12px;
	margin-top: 16px;
}

div.leftColumn.items div.itemsTab table.whiteBox ul > li:first-child > ul li {
	margin-top: 0;
}

div.leftColumn.items div.itemsTab table.whiteBox ul > li > ul > li:first-child {
	margin-left: 0;
}

div.leftColumn.items div.itemsTab table.whiteBox ul > li > ul > li table tr.middle td.center {
	text-align: center;
	vertical-align: bottom;
	width: 128px;
}

div.leftColumn.items div.itemsTab table.whiteBox ul > li > ul > li table.categoryBox tr.middle td.center {
	height: 136px
}

div.leftColumn.items div.itemsTab table.whiteBox ul > li > ul > li table.categorybox tr.middle td.center > * {
	margin-bottom: 5px;
}

div.leftColumn.items div.itemsTab table.whiteBox ul > li > ul > li table.drawBox tr.middle td.center {
	vertical-align: top;	
	height: 166px;
	width: 120px;
	padding-left: 4px;
	padding-right: 4px; 
}

div.leftColumn.items div.itemsTab table.whiteBox ul > li > ul > li table.drawBox tr.middle td.center a.paintButtonSmall {
	margin-left: 1px;
	margin-top: 5px;
	float: left;	
}

div.leftColumn.items div.itemsTab table.whiteBox ul > li > ul > li table.drawBox tr.middle td.center a.printButtonSmall {
	margin-top: 7px;
	margin-left: 6px;
	float: left;
}

div.leftColumn.items div.itemsTab table.whiteBox ul > li > ul > li table.drawBox tr.middle td.center div.borderWhiteBox {
	width: 120px !important;	
}

div.leftColumn.items div.itemsTab table.whiteBox ul > li > ul > li table.drawBox tr.middle td.center div.borderWhiteBox div.holder {
	height: 126px !important;
	line-height: 126px;
	text-align: center;
}

div.leftColumn.items div.itemsTab table.whiteBox ul > li > ul > li table.drawBox tr.middle td.center div.borderWhiteBox div.holder img {
	vertical-align: middle;
}

div.leftColumn.items div.secondary {
	padding-top: 40px;
	background: url(../images/recentDraws.png) 0px 17px no-repeat;
}

div.leftColumn.items div.publicityWrapper {
	float: left;
	margin-top: 24px;
	width: 100%;
}

div.leftColumn.items div.publicityWrapper div.publicity {
	margin: auto;
	width: 466px;
	height: 58px;
	/*background-image: url(../images/468x60.jpg);*/
}


/**
 * APPLICATION
 * 
 */

div.application {
	padding-top: 16px;	
	width: 100%;
}

div.application div.tabBox {
	float: left;
	margin-bottom: 24px;
	background: url(../images/letsPaint.png) no-repeat 0 5px;
}

div.application div.publicity {
	clear: both;
	margin: auto;
	width: 726px;
	height: 88px; 
	/*background-image: url(../images/728x90.jpg);*/
}

div.application div span.separator {
	bottom: 1px;
}

div.application div.previous a {
	font: bold 11px Verdana;
	color: #fff; 
}

div.application div.previous a:hover {
	text-decoration: underline !important;
	color: #333;
}

div.application div.next a {
	font: bold 11px Verdana;
	color: #fff; 	
}

div.application div.next a:hover {
	text-decoration: underline !important;
	color: #333;	
}	
	
div.application div.previous {
	float: left;
	width: 100px;
	text-align: left;
}

div.application div.next {
	float: right;
	width: 100px;
	text-align: right;
}

#application {
	height: 780px;
}

#homeButton{
background-image:url(../images/inicio.png);
}
#recommendButton{
background-image:url(../images/enviar.png);
}
#favoritesButton{
background-image:url(../images/favoritos.png);
}
#homeButton:hover{
background-image:url(../images/inicio.png);
background-position:0 -89px;
}
#recommendButton:hover{
background-image:url(../images/enviar.png);
background-position:0 -89px;
}
#favoritesButton:hover{
background-image:url(../images/favoritos.png);
background-position:0 -89px;
}


a.paintButtonSmall{
 display:block;
 width:81px;
 height:31px;
 background-image:url(../images/buttonPintarSmall.png);
 background-position:0 -31px;
}
a.paintButtonSmall:hover{
 background-position:0 0;
}
a.paintButtonBig{
 display:block;
 width:147px;
 height:51px;
 background-image:url(../images/buttonPintarBig.png);
 background-position:0 -51px;
}
a.paintButtonBig:hover{
 background-position:0 0;
}

a.printButtonSmall{
 display:block;
 width:29px;
 height:29px;
 background-image:url(../images/buttonImprimirSmall.png);
 background-position:0 -29px;
}
a.printButtonSmall:hover{
 background-position:0 0;
}
a.printButtonBig{
 display:block;
 width:49px;
 height:43px;
 background-image:url(../images/buttonImprimirBig.png);
 background-position:0 -43px;
}
a.printButtonBig:hover{
 background-position:0 0;
}

span.textoFooter{
 color:#CCCCCC;
}

/* Relacionados */

div.leftColumn.items div.itemsTabRelated {
	width: 100%;	
}

div.leftColumn.items div.itemsTabRelated table.whiteBox > tbody > tr.middle > td.center {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left:12px;
}

div.leftColumn.items div.itemsTabRelated table.whiteBox ul {
	list-style: none;
}

div.leftColumn.items div.itemsTabRelated table.whiteBox ul > li {
}

div.leftColumn.items div.itemsTabRelated table.whiteBox ul > li > ul {
	list-style: none;	
}

div.leftColumn.items div.itemsTabRelated table.whiteBox ul > li > ul > li {
	float: left;
	margin-left: 12px;
	margin-top: 16px;
}

div.leftColumn.items div.itemsTabRelated table.whiteBox ul > li:first-child > ul li {
	margin-top: 0;
}

div.leftColumn.items div.itemsTabRelated table.whiteBox ul > li > ul > li:first-child {
	margin-left: 0;
}

div.leftColumn.items div.itemsTabRelated table.whiteBox ul > li > ul > li table tr.middle td.center {
	text-align: center;
	vertical-align: bottom;
	width: 128px;
}

div.leftColumn.items div.itemsTabRelated table.whiteBox ul > li > ul > li table.categoryBox tr.middle td.center {
	height: 136px
}

div.leftColumn.items div.itemsTabRelated table.whiteBox ul > li > ul > li table.categorybox tr.middle td.center > * {
	margin-bottom: 5px;
}

div.leftColumn.items div.itemsTabRelated table.whiteBox ul > li > ul > li table.drawBox tr.middle td.center {
	vertical-align: top;	
	height: 166px;
	width: 120px;
	padding-left: 4px;
	padding-right: 4px; 
}

div.leftColumn.items div.itemsTabRelated table.whiteBox ul > li > ul > li table.drawBox tr.middle td.center a.paintButtonSmall {
	margin-left: 1px;
	margin-top: 5px;
	float: left;	
}

div.leftColumn.items div.itemsTabRelated table.whiteBox ul > li > ul > li table.drawBox tr.middle td.center a.printButtonSmall {
	margin-top: 7px;
	margin-left: 6px;
	float: left;
}

div.leftColumn.items div.itemsTabRelated table.whiteBox ul > li > ul > li table.drawBox tr.middle td.center div.borderWhiteBox {
	width: 120px !important;	
}

div.leftColumn.items div.itemsTabRelated table.whiteBox ul > li > ul > li table.drawBox tr.middle td.center div.borderWhiteBox div.holder {
	height: 126px !important;
	line-height: 126px;
	text-align: center;
}

div.leftColumn.items div.itemsTabRelated table.whiteBox ul > li > ul > li table.drawBox tr.middle td.center div.borderWhiteBox div.holder img {
	vertical-align: middle;
}
div.logoRelated{
	 background-image:url(../images/moreDraws.png);
     background-position:10px 0;
	 background-repeat:no-repeat;
	 height:25px;
}
.appPublicity{
    margin-bottom:20px;
}