/*  
Theme Name: Fruta Floral
Theme URI: http://www.frutafloral.com/
Description: Theme para el sitio de Fruta Floral.
Version: 1.0
Author: Moises Kirsch
Author URI: http://www.moiblog.com/

*/

* {
	margin: 0;
	padding: 0;
}

body {
	color: #333333;
	font: 12px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	background: url(img/bg_body.jpg);
}

img {
	border-style: none;
}

#wrap {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	background: repeat-y url(img/bg_wrap.png) #ffffff;
}

#foot {
	clear: both;
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: center;
	padding-left: 190px;
}

#head {
	background: no-repeat right top url(img/header.jpg) #ffffff;
	width: 760px;
	height: 124px;
}

.clear {
	clear: both;
	height: 1px;
	font-size: 1px;
}

#content {
	float: right;
	width: 570px;
}

/*<group=Menu>*/

#menu {
	width: 570px;
	float: right;
	height: 110px;
}

#menu li {
	list-style: none;
	float: left;
}

#menu li a {
	width: 190px;
	height: 60px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}

#arreglos {
	background: no-repeat url(img/btn_arreglos_h.png);
}

#arreglos a {
	background: no-repeat url(img/btn_arreglos_a.png);
}

#arreglos a:hover {
	background: none;
}

#info {
	background: no-repeat url(img/btn_info_h.png);
}

#info a {
	background: no-repeat url(img/btn_info_a.png);
}

#info a:hover {
	background: none;
}

#pedidos {
	background: no-repeat url(img/btn_pedidos_h.png);
}

#pedidos a {
	background: no-repeat url(img/btn_pedidos_a.png);
}

#pedidos a:hover {
	background: none;
}
	
/*</group>*/

/*<group=Sidebar>*/

#sidebar {
	width: 190px;
	float: left;
}

#sidebarflash {
	width: 190px;
	height: 110px;
}

#sidebar ul {
	border-top: 4px solid #ffffff;
	padding-top: 10px;
}

#sidebar li {
	list-style: none;
	margin-left: 10px;
	margin-bottom: 2px;
}

#sidebar li a {
	height: 30px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	width: 170px;
}

#todaocasion {
	background: no-repeat url(img/btn_s_todaocasion_h.png);
}

#todaocasion a {
	background: no-repeat url(img/btn_s_todaocasion_a.png);
}

#todaocasion a:hover {
	background: none;
}

#cumpleanos {
	background: no-repeat url(img/btn_s_cumpleanos_h.png);
}

#cumpleanos a {
	background: no-repeat url(img/btn_s_cumpleanos_a.png);
}

#cumpleanos a:hover {
	background: none;
}

#nacimientodenina {
	background: no-repeat url(img/btn_s_nacimientodenina_h.png);
}

#nacimientodenina a {
	background: no-repeat url(img/btn_s_nacimientodenina_a.png);
}

#nacimientodenina a:hover {
	background: none;
}

#nacimientodenino {
	background: no-repeat url(img/btn_s_nacimientodenino_h.png);
}

#nacimientodenino a {
	background: no-repeat url(img/btn_s_nacimientodenino_a.png);
}

#nacimientodenino a:hover {
	background: none;
}

#amor {
	background: no-repeat url(img/btn_s_amor_h.png);
}

#amor a {
	background: no-repeat url(img/btn_s_amor_a.png);
}

#amor a:hover {
	background: none;
}

#graduacion {
	background: no-repeat url(img/btn_s_graduacion_h.png);
}

#graduacion a {
	background: no-repeat url(img/btn_s_graduacion_a.png);
}

#graduacion a:hover {
	background: none;
}

#diadelamadre {
	background: no-repeat url(img/btn_s_diadelamadre_h.png);
}

#diadelamadre a {
	background: no-repeat url(img/btn_s_diadelamadre_a.png);
}

#diadelamadre a:hover {
	background: none;
}

#diadelpadre {
	background: no-repeat url(img/btn_s_diadelpadre_h.png);
}

#diadelpadre a {
	background: no-repeat url(img/btn_s_diadelpadre_a.png);
}

#diadelpadre a:hover {
	background: none;
}

#dargracias {
	background: no-repeat url(img/btn_s_dargracias_h.png);
}

#dargracias a {
	background: no-repeat url(img/btn_s_dargracias_a.png);
}

#dargracias a:hover {
	background: none;
}

#navidad {
	background: no-repeat url(img/btn_s_navidad_h.png);
}

#navidad a {
	background: no-repeat url(img/btn_s_navidad_a.png);
}

#navidad a:hover {
	background: none;
}

ul#listcomentarios {
	border-style: none;
	padding-top: 0;
}

#comentarios {
	background: no-repeat url(img/btn_s_comentarios_h.png);
}

#comentarios a {
	background: no-repeat url(img/btn_s_comentarios_a.png);
}

#comentarios a:hover {
	background: none;
}
	
/*</group>*/

/*<group=Content>*/

#navcontent {
	background: repeat-y url(img/bg_nav_content.png) center;
	margin: 10px;
	padding-bottom: 10px;
}

#navcontent .separador {
	border-bottom: 1px solid #cccccc;
	height: 1px;
	font-size: 1px;
	clear: both;
	padding-top: 10px;
}

#navcontent .producto {
	width: 255px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	display: inline;
}

#navcontent .productoalt {
	margin-left: 20px;
	width: 255px;
	float: left;
	margin-top: 10px;
	display: inline;
}

#navcontent img {
	width: 120px;
	height: 120px;
	float: left;
	margin-right: 10px;
}

#navcontent h2 {
	color: #CC0000;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	float: right;
	width: 125px;
}

#navcontent .descripcion {
	font-size: 11px;
	width: 125px;
	float: left;
}

#navcontent p {
	margin-bottom: 11px;
}

#navcontent .precio {
	font-weight: bold;
	color: #336600;
	white-space: nowrap;
	padding: 3px 6px;
	background: #E0EACB;
	border-bottom: 1px solid #C4D89D;
	border-right: 1px solid #C4D89D;
}
	
/*</group>*/

/*<group=Single Product>*/

.singleproduct {
	margin: 20px;
}

.singleproduct img {
	float: left;
	width: 250px;
	height: 250px;
	margin-right: 20px;
}

.singleproduct h2 {
	color: #CC0000;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 6px;
	float: right;
	width: 260px;
}

.singleproduct .descripcion {
	font-size: 12px;
	width: 260px;
	float: left;
}

.singleproduct p {
	margin-bottom: 12px;
}

.singleproduct .precio {
	font-weight: bold;
	color: #336600;
	white-space: nowrap;
	padding: 4px 8px;
	background: #E0EACB;
	border-bottom: 1px solid #C4D89D;
	border-right: 1px solid #C4D89D;
}
	
/*</group>*/

/*<group=Page>*/

.page {
	background: no-repeat url(img/bg_page.jpg) center top;
	width: 566px;
	height: 636px;
	font-size: 14px;
	margin-top: 4px;
	margin-left: 4px;
}

.inpage {
	padding-top: 80px;
	padding-right: 100px;
	padding-left: 100px;
}

.page h2 {
	color: #CC0000;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 12px;
	text-align: center;
}

.page p {
	margin-bottom: 12px;
}
	
/*</group>*/