*, body { padding: 0; margin: 0; }
body { background: #fff url(/images/bg.jpg); color: #545454; font: 11px/1.4em Helvetica, Arial, sans-serif; text-align: center; }

p.clear { clear: both; margin: 0 !important; padding: 0 !important; }

a { font-weight: bold; text-decoration: none; outline: none; color: #910000; }
a:hover { text-decoration: underline; }

abbr, acronym { cursor: help; border-bottom: 1px dotted #666; }
ul { list-style: none; }

/* Imagenes */
img { border: 0; }
img.left { float: left; margin: 0 15px 15px 0; }
img.right { float: right; margin: 0 0 15px 15px; }
img.center { display: block; margin: 0 auto 15px auto; }

.wrap { width: 880px; margin: 0 auto; text-align: left; }

#header { margin: 0 0 60px 0; height: 496px; background: #000 url(/images/bg_header.jpg) center repeat-x; }
	#header .wrap { position: relative; width: 955px; height: 496px; background: url(/images/header.png) center no-repeat; }
		#header h1 { position: absolute; width: 190px; height: 120px; top: 140px; left: 35px; text-indent: -9999px; }
			#header h1 a { display: block; height: 120px; outline: none; text-decoration: none; }
		#header .menu { position: absolute; top: 65px; right: 50px; }
			#header .menu li { padding: 0 0 0 25px; display: inline; }
				#header .menu li a { text-transform: uppercase; font-size: 12px; color: #fff; }
		#header .botones { position: absolute; top: 307px; left: 64px; }
			#header .botones li { display: inline; }
				#header .botones li a { display: block; width: 35px; height: 35px; margin: 0 5px; float: left; text-indent: -9999px; }
		#header hr { z-index: 666; position: relative; margin: -37px 0 0 0; border: none; height: 67px; background: url(/images/rotura.png) repeat-x; }

#contenido {}
	#contenido .sec { margin: 0 0 60px 0; }
	#contenido h2 { width: 863px; padding: 0 0 0 20px; margin: 0 0 20px 0; line-height: 75px; font-size: 20px; text-transform: uppercase; color: #910000; background: url(/images/back_titulo.png) no-repeat; }
		#contenido .desc { margin: 10px 0 0 0; text-align: center; font-weight: bold; color: #666; font-size: 11px; }
		#contenido .menu { position: relative; width: 883px; height: 625px; background: url(/images/menu.png) no-repeat; }
			#contenido .menu a { position: absolute; bottom: 47px; right: 50px; display: block; width: 160px; height: 30px; text-indent: -9999px; }
		#contenido .vinos { position: relative; width: 883px; height: 614px; background: url(/images/vinos.png) no-repeat; }
			#contenido .vinos a { position: absolute; bottom: 90px; right: 190px; display: block; width: 170px; height: 20px; text-indent: -9999px; }
		#contenido .nosotros { padding: 40px 500px 0 30px; width: 353px; height: 275px; background: url(/images/back_nos.png) no-repeat; color: #000; font-size: 14px; line-height: 1.6em; }
		#contenido .comunidad { padding: 20px; width: 843px; height: 540px; background: url(/images/back_face.png) no-repeat; }
		#contenido .galeria, #contenido .novedades { text-align: center; padding: 20px; width: 843px; height: 360px; background: url(/images/back_img.png) no-repeat; }
			#contenido .galeria div { display: inline; }
				#contenido .galeria div a img { width: 170px; height: 125px; margin: 10px; background: #fff; padding: 5px; border: 1px #ccc solid; }
				#contenido .galeria div a:hover img { border-color: #910000; }
		#contenido .contacto { position: relative; width: 429px; height: 330px; float: left;  background: url(/images/back_contacto01.png) no-repeat; }
			#contenido .contacto .botones { position: absolute; top: 170px; left: 35px; height:132px; width:380px;}
			#contenido .contacto .botones li { display: inline; text-indent: -9999px; }
			#contenido .contacto .botones li a {display: block;float:left; margin:0 12px; width:100px; height:40px; margin-top:25px;}
			#contenido .contacto .botones li a.reservas { clear: both; width: 200px; margin-left:80px;}
			
		#contenido .mapa { padding: 20px; width: 390px; height: 290px; float: right; background: url(/images/back_mapa.png) no-repeat; }

	#carta { width: 900px; margin: 20px auto; text-align: left; font-size: 14px; line-height: 1.3em; }
		#carta .top { background: url(/images/carta-top.png) no-repeat; height: 43px; }
		#carta .mid { background: url(/images/carta-mid.png) repeat-y; padding: 0 40px; }
		#carta .bot { background: url(/images/carta-bot.png) no-repeat; height: 43px; }
		#carta .left { width: 390px; float: left; }
		#carta .right { width: 390px; float: right; }
		#carta h3 { font-size: 16px; text-transform: uppercase; color: #910000; margin: 0 0 10px 0; }
		#carta p { margin: 0 0 20px 0; }

	#footer { position: relative; z-index: 666; background: #eee; margin: 50px 0 0 0; padding: 10px 0; border-top: 1px #aaa solid; font-size: 12px; text-transform: uppercase; }
		#footer span { float: right; }
		#footer a { color: #000; }
	
	#arriba { position: fixed; bottom: 10px; right: 10px; font-size: 11px; line-height: 11px; color: #666; }
	#arriba:hover { color: #910000; }


	
	#recetas {width: 800px; height: 500px; }
	
.tipUser { display: inline-block; margin: 20px auto; height: 50px; line-height: 50px; font-size: 20px; background: #f7f7f7; padding: 2px 10px 2px 2px; border: 1px #aaa solid; }
	.tipUser img { float: left; margin: 0 10px 0 0; }
	
.tipForm { text-align: left; margin: auto; width: 510px; margin-bottom: 20px;}	
	.tipForm p { margin: 0 0 15px 0; }
	.tipForm label { font-size: 14px; padding: 2px 6px; font-weight: bold; background: #999; color: #fff; }	
	.tipForm input,textarea { font: 14px Arial, sans-serif; padding: 5px; width: 500px; border: 1px solid #999; }	
	.tipForm textarea {height: 200px;}	
	.tipForm input.boton { padding: 10px; border: none; display: block; margin: 0 auto; width: auto; font-weight: bold; background: #910000; color: #fff; cursor: pointer; }


.tipsItem { width: 600px; margin: auto; }
	.tipsItem li {clear:both; padding: 10px 0; border-bottom: 1px #ccc dotted; }
	.tipsItem .userInfo	{float: left; width: 150px; text-align: center; font-size: 11px; }
	.tipsItem .tipInfo{ float: left; width: 450px; text-align: left;}
	.tipsItem .tipInfo span{font-weight: bold; font-size: 13px; }
	.tipsItem .tipInfo p{font-weight: normal; font-size: 12px; }

