/*
Theme Name: Pellegrin_2009
Theme URI: http://pellegrin.com.uy/
Description: Plantilla original para el sitio de PELLEGRIN BOUTIQUE GOURMET
Version: 1.0
Author: Gonzalo Linares
Tags: fixed width, two columns

Pellegrin_2009 by Gonzalo Linares || http://cebra.com.uy
Modified by Camilo Rivero || http://cebra.com.uy
*/

html {font-size: 100%;}

body{
	background: #ffffff url("images/bg_image.gif");
	font-family:"Times New Roman", Times, serif;
	text-align: center;
	margin-top:0;
	margin-bottom:0;
}
p	{color:#333333; size: 13px; text-align: left;}
a:link				{color: #E95117; text-decoration:none}
a:visited			{color: #F9977D; text-decoration:none}
a:focus, a:hover 	{color: #F9977D; text-decoration:none}
a:active			{color: #E95117; text-decoration:none}
h1	{font-size:13px;} /*logo*/
h2	{font-size: 14px; color: #E95117} /*títulos*/
h3	{font-size: 12px; color: #999999} /*pie*/

#wrapper{
	background-color:#FFFFFF;
	width: 800px;
	text-align: left;
	margin: 0 auto;
	position: relative;
	}
	
/* ------------------------------------- CABEZAL */

#header	{
	width: 800px;
	height: 270px;
	margin:0;
	background-color:#FFFFFF;
	position:relative;
}

/* ------------------------------------- BARRA DE NAVEGACIÓN */
.nav{
	width: 530px;
	height:25px;
	margin-left:270px;
	background-color: #E95117;
	text-align: center;
	position:relative;
	}
	.nav ul{
	margin:0;
	font-size:13px;
	padding-left:0;
	list-style:none;
	}
	.nav li{
	float: left;
	margin: 0 0;
	padding: 0;
	text-transform:uppercase;
	}
		.nav ul li.current_page_item a, .nav ul li.current_page_item a:link  { color:#F9977D; }
	.nav a {
	float:left;
	display:block;
	padding: 5px;
	text-decoration:none;
	color:#FFFFFF;
	}
	/* Commented Backslash Hack
	hides rule from IE5-Mac */
	.nav a {float:none;}
	/* End IE5-Mac hack */
	.nav li:hover {padding:0; color:#E95117;}
	.nav a:hover {color:#F9977D;}

/* ------------------------------------- CONTENIDO */

.content{
	width:260px;
	float:left;
	position:relative;
	}
h1		{
		height: 149px;
		width: 210px;
		position: relative;
		margin-left: 35px;
		overflow: hidden;
		background: url(images/logo_pellegrin.gif) no-repeat;
	}

h1 a:link, h1 a:hover, h1 a:visited, h1 a:active{
		display: block;
		height:149px;
		width:210px;
		text-indent: -100000px;
	}

.content small { color: #EFEFEF; float: right; padding: 20px 20px 0 0; }

div#promocion { position: absolute; right: 40px; top: 360px; }
div#menu { position: absolute; right: 300px; top: 360px; }

/* ------------------------------------- TITULOS */

.title{
	width: 210px;
	height:26px;
	margin-left:35px;
	background-color: #000000;
	text-align: center;
	position:relative;
	}
	.title ul{
	margin:0;
	font-size:13px;
	padding-left:0;
	list-style:none;
	}
	.title li{
	float: right;
	margin: 0 0;
	padding-left:0;
	text-transform:uppercase;
	text-decoration:none;
	}
	.title a {
	float:right;
	display:block;
	padding: 5px;
	text-decoration:none;
	color:#FFFFFF;
	}
	/* Commented Backslash Hack
	hides rule from IE5-Mac */
	.title a {float:none;}
	/* End IE5-Mac hack */
	.title li:hover {padding:0; }
	.title a:hover {background-color:#000000; color:#666666; text-decoration:none;}

/* ------------------------------------- COLUMNA 2 y 3 */

.col_right{
	width:260px;
	background-color:#FFFFFF;
	margin-top:166px;
	float:left;
	position:relative;
	}
	
.images{
	width:150px;
	height:150px;
	margin: 3px 0 3px 95px;
	}
	
/* ------------------------------------- COLUMNAS TEXTO */

.col_texto{
	width: 520px;
	padding: 0 10px;
	margin-top:102px;
	margin-bottom:5px;
	float: left;
	position:relative;
	overflow:auto; height:240px;
	}
#clear	{clear:both;}
.hide {position:absolute;left:-99999px;top:-99999px;display:none;font-size:0%;}

/* ------------------------------------- PRODUCTOS */
.productos{
	width: 230px;
	margin:0 20px 20px 0;
	display:block;
	float:left;
	position:relative;
	}

.menu{
	width: 230px;
	margin:0 20px 20px 0;
	display:block;
	float:left;
	position:relative;
	}

dd.gallery-caption {
	background-color: #000000;
	color: #FFFFFF;
	font-size: 13px;
	margin: 0 26px 15px 26px;
	padding: 5px 10px 5px 0;
	text-align: right;
	text-transform: uppercase;
	height:40px;
}
	
dt.gallery-icon	{
margin:0;
padding:0;
height:205px;
}

/* ------------------------------------- BOTONES DE PRODUCTOS */

.botones{
	width:100px;
	margin:3px 0 0 3px;
	float:left;
	position:relative;
	}

.botones2{
	width:100px;
	margin:3px 0 0 106px;
	float:left;
	position:relative;
	}

/* ------------------------------------- BARRA SECUNDARIA */

.nav2{
	width: 530px;
	height:25px;
	margin-left:270px;
	background-color: #000000;
	text-align: center;
	position:relative;
	}
	.nav2 ul{
	margin:0;
	font-size:11px;
	padding-left:0;
	list-style:none;
	}
	.nav2 li{
	float: left;
	margin: 0 0;
	padding: 0;
	text-transform:uppercase;
	}
		.nav2 ul li.current_page_item a, .nav2 ul li.current_page_item a:link  { color:#999; }
	.nav2 a {
	float:left;
	display:block;
	padding: 5px;
	text-decoration:none;
	color:#FFFFFF;
	}
	/* Commented Backslash Hack
	hides rule from IE5-Mac */
	.nav2 a {float:none;}
	/* End IE5-Mac hack */
	.nav2 li:hover {padding:0;}
	.nav2 a:hover {color:#666666;}
	
.space{
	width:800px;
	height:25px;
	display:block;
	}

/* ------------------------------------- PIE */
.footer	{
	width:790px;
	height:60px;
	border-top:1px  solid #CCCCCC;
	margin:0 5px;
	text-align:center;
	position:relative;
}
	.footer a, .footer a:link { color: #999999; }
