/* Css originally by mejobloggs  Design by Aran @ stuio7designs.com  Please email me if you use this, as I would love to see how it is being used, also you can join my linkshare to help you with your google ranking */



body {
	font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 80%;
	color: #888;
	background-color: white;
	line-height: 180%;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* Set the page width */
#wrapper-menu-top, #header, #header_urquiola, #wrapper-content, #wrapper-footer {
	width: 80%;
	margin: 0 auto;
	text-align: left;
}

#wrapper-menu-top {
	background: white url('images/bg02-white-left.png') no-repeat left top;
}


#menu-top {
	background: transparent url('images/bg02-white-right.png') no-repeat right top;
	height: 50px;
	overflow: hidden; /* no idea why this works, but it fixes a FF problem */
	font-family:tahoma;
}

#menu-top ul {
	margin: 0 20px;
	padding: 1em 0 0 0;
	list-style: none;
	font-size: 100%;
	float: left;
}

#menu-top li {
	display: inline;
	float: left;
}

#menu-top a {
	float: left;
	background:url(images/menuleft.png) no-repeat left top;
	color:red;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	line-height: 2em;
}

#menu-top a span {
	/*background: transparent url(images/menuright.png) no-repeat right top;*/
	padding:5px 15px 4px 6px;
	color:#CD4977; /*#5b8fbe;*/
	display: block;
	float: left;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}


#menu-top a:hover { background-position:0% -42px}
#menu-top a:hover span {	background-position:100% -42px; color:red; 	line-height:1.2em}

body.nuestra_carta #menu-top li.op_nuestra_carta,
body.recetas #menu-top li.op_recetas,
body.fronton #menu-top li.op_fronton,
body.urquiola #menu-top li.op_urquiola,
body.eventos #menu-top li.op_eventos,
body.donde_estamos #menu-top li.op_donde_estamos,
body.imagenes #menu-top li.op_imagenes,
body.index #menu-top li.op_index {font-size:105%; background: transparent url(images/menuright.png) no-repeat right top}



#wrapper-header {
	/*background: transparent url('images/bg.png') top center repeat-x;*/

}

#header {
	background: #eee url('images/banner_usategui_rev.jpg') no-repeat left top;
	color:#B35002;

}

#header_urquiola {
	background: #eee url('images/banner_urquiola.png') no-repeat left top;
	color:#B35002;
}

#wrapper-header2 {
	background: transparent url('images/bg02-top-left.png') top left no-repeat;
}

#wrapper-header3 {
	background: transparent url('images/bg02-top-right.png') top right no-repeat;
}

#header h1 , #header_urquiola h1 
{
	margin: 0 20px;
	padding: 70px;

	color:#F7D165;
	/*color:#B35002;
	color: (100, 100, 100);*/
	font-size: 3em;
	font-family: bilbao, trebuchet ms, verdana, arial, tahoma;
}

#wrapper-content {
	background: white url('images/bg02-white-left.png') no-repeat left top;

}

* html #wrapper-content { height: 1%; }

#content {
	background: transparent url('images/bg02-white-right.png') no-repeat right top;
	padding: 5px 245px 5px 40px;
}

#wrapper-menu-page {
	float: right;
	width:180px;
	margin: 20px 20px 3em 2em;
	padding:5px 5px 5px 10px;
	background: transparent url('images/menu.png') no-repeat;
	text-align: left;
	line-height: 140%;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}

* html #wrapper-menu-page { margin-right: 15px; }

#content-right{
	background: transparent url('images/bg02-white-right.png') no-repeat right top;
	padding: 5px 40px 5px 285px;
}

#wrapper-menu-page-left {
	float: left;
	width:240px;
	margin: 20px 10px 3em 20px;
	padding:5px 5px 10px 5px;
	background: transparent url('images/menu240.png') no-repeat;
	text-align: left;
	line-height: 140%;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}

* html #wrapper-menu-page-left{ margin-left: 15px; }

#menu-page 
{ 
	padding-top: 5px;


}

#menu-page ul 
{
	margin: 5px 10px 5px 20px;
	padding: 0.5em;
	list-style-image:url(images/li.gif);
}
#menu-page li 
{
	margin: 5px 0px 5px 0px;

}


#menu-page p 
{
	margin: 5px 20px 5px 10px;
	padding: 0;
	font-size: 80%; 
}

#menu-page h3 {
	font-size: 75%;
	text-transform: uppercase;
	margin: 2em 0 0.3em 1em;
	color: #CD4977; /*#5b8fbe;*/
	font-weight: normal;
	letter-spacing: 0.15em;
}

#menu-page a:link, #menu-page a:visited { color: #888; }
#menu-page a:hover { 	color: #CD4977; /*#5b8fbe;*/ }

ul 
{
	margin: 15px 10px 5px 20px;
	padding: 0;
	list-style-image:url(images/li.gif);
}

li 
{
	margin: 5px 0px 5px 0px;
	font-size: 85%;
}

#wrapper-footer {

	margin-top: 1em;
	text-align: center;
}

#footer {
	margin: 0 20px;
	background-color: #FDAA49 ; /*#7CABCA;*/
	color:white;
	border: 1px solid #ccc;
	border-bottom: 0;
	clear: both;
}

h1 { font-size: 130%; color:#FC6B0A;}
h2 { font-size: 110%; color:#FC6B0A;}
h3 { font-size: 100%; }

a:link, a:visited { color: #CD4977 ;  text-decoration: none; }
a:hover{ color: #666; text-decoration: none; }
a:active{ background-color: white; color:red; text-decoration:none; }


#map
{
	margin: 30px 10px 0px  ;
	width:90%;
	height:400px;
}
#mapurquiola
{
	margin: 0px 0px 0px  ;
	width:100%;
	height:450px;
}
/*
Para la galeria de fotos
*/

#tres_columnas 
{
	height:200px;
	page-break-before: auto ;

	background: transparent url('images/bg02-white-right.png') no-repeat right top;
	padding: 30px 30px 15px 30px;
	color:white;
}	
	.left 
	{
		float:left;
		width:28%;
		height:95%;
		padding:1%;
		background: transparent url('images/foto1.jpg') no-repeat center;
	}
	
	.right 
	{
		float:right;
		width:28%;
		height:95%;
		padding:1%;
		background: transparent url('images/foto3.jpg') no-repeat center;
	}
	
	.middle 
	{
		margin:0% 33%;
		height:95%;
		padding:1%;
		background: transparent url('images/foto2.jpg') no-repeat center;
	}
	
#tres_columnas_2
{
	height:200px;
	page-break-before: auto ;

	background: transparent url('images/bg02-white-right.png') no-repeat right top;
	padding: 10px 30px 10px 30px;
	color:white;
}

#tres_columnas_2 .left 
	{

		background: transparent url('images/foto4.jpg') no-repeat center;

	}
	
#tres_columnas_2 .right 
	{

		background: transparent url('images/foto6.jpg') no-repeat center;
	}
	
#tres_columnas_2 .middle 
	{

		background: transparent url('images/foto5.jpg') no-repeat center;
	}
.cleaner 
	{
		clear:both;
		height:0px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
	}
	
#two-column-container 
{ 
	/*padding: 1% 1% 1% 2%; */
	padding: 30px 30px 15px 30px;
    height: 700px;
    /*text-align: justify;*/
}

#two-column-left 
{
	float: left;
    width: 45%;
    height:98%;
	background: transparent url('images/menu12.png') no-repeat;
	padding:1%;
}

#two-column-right 
{ 
	float: right;
    width: 45%;
    height:98%;
	background: transparent url('images/menu12.png') no-repeat;
	padding:1%;
}

#two-column-lefturquiola
{
	float: left;
    width: 47%;
    height:35%;
	background: transparent url('images/menu12.png') no-repeat;
	padding:1%;

}
#two-column-righturquiola
{ 
	float: right;
    width: 45%;
    height:35%;
	color:white;
	background: transparent url('images/vaca.jpg') no-repeat left;
	padding:1%;

}

#two-column-leftmapa
{
	float: left;
    width: 47%;
    height:60%;
	color:white;
	padding:20px;

}

#two-column-rightmapa 
{ 
	float: right;
    width: 44%;
    height:60%;
	color:white;	
	background-color:#F7D165;
	padding:10px;
	margin: 20px 0 0 0;

}


#chincheta
{
	font-size: 80%; 
	color:#FC6B0A;
}

.noticia
{
	background: transparent url('images/menu12.png') no-repeat;
	padding: 1% 1% 2%;
}
.rss-box
{


}

.rss-items
{
	padding:0.5em 1em;
	
}
p.rss-title {padding:1em; margin: 2em;}

.rss-item
{
	padding-top:30px;
}

.rss-item a 
{
	font-size:120% ;
	text-align: right;
	color:black;
}

.rss-date 
{
	font-size: 85%;
	font-weight : normal;
	color: #666;
}