/* CSS Casa Vinoteca Murillo en Pamplona*/

/* Estilos especificos del web */

*, html { margin:0px; padding:0px;font: normal 98% Arial, Verdana, Tahoma;	}

body {
	margin:0px;
	padding:0px;
	color:#333;
	background:#fff url(../img/fondo.gif) left 0px repeat-x;
}

h1 { margin:10px 0 0px; float: left; width:270px; color:#999; text-align:center; position:relative;}
h1 span {
	font-size:90%;
	display:block;
	position:absolute;
	top: 48px;
	left: 44px;
	width: 220px;
}
h1 a {color:#999!important;}
h3 { font:normal 115% Arial, Helvetica, sans-serif;	}
h4 {
	padding:2px 5px;
	margin:10px 0px 0 0px;
	font:bold 120% Arial, Helvetica, sans-serif;
	color: #ccc;
	background-color: #161616;
}
h5 {
	padding:2px 5px;
	margin:10px 0px 0 0px;
	font:normal 120% Arial, Helvetica, sans-serif;
	color: #fff;
}
p {	margin:0px 0 10px; line-height:145%; font-size:100%;}

li { list-style-type:none; font-size:100%;}

a{ color:#333; text-decoration:none;}
a:link{	color:#333;	}
a:visited{ color:#333;}
a:active{ color:#e8141e;}
a:focus{color:#ac0040;}
a:hover {color:#ac0040;}

strong { font-weight:bold; font-size:100%;}
img { border-style:none;}
.clear {clear: both; color:#999; text-align:right; font:0.7em tahoma, Verdana, Arial, Helvetica;}
noscript p{ clear:both; margin: 20px auto; width:950px; display:block;}


/*-- Estilos para la Home --*/

#contenedor {width:980px; margin:0px auto;}

#head { padding:0px 0 5px; /*border-bottom:8px solid #ac0040;*/ margin-right:18px;}
	#head ul { float:right; background:url(../img/fondo-menu.gif) left top no-repeat; width:600px; height:28px; margin:30px 0 20px; padding:10px 0 0 25px;}
	#head li { float:left; margin-right:46px; font-weight:bold;}
	#head li a{ font-weight:bold;}
	#head li.sin { margin-right:5px;}
	#head .current{color: #ac0040; background:url(../img/ico-fl-bl.gif) center bottom no-repeat; font-weight:bold; padding-bottom:12px;}


#contenido {clear:both; background: url(../img/home-dest-navidad.gif) 677px 0px no-repeat; padding-top:5px;}
	#img-home {
		float:left;
		width:678px;
		height:343px;
		overflow:hidden;
	}
	#destacado {float:left;	width:280px;}
		#destacado h2{
			font-size: 100%;
			margin:30px 20px 10px 20px;
			padding:0px;
			color:#000;
			text-transform:uppercase;
		}
		#destacado h2 span{
			margin:5px 0 15px;
			font-size:80%;
			/*color:#ac0040;*/
			color:#000;
			display:block;
			text-transform:none;
			text-transform:uppercase;
		}
		#destacado h2 strong{
			margin:0 0 15px;
			font-size:150%;
			font-weight:normal;
			color:#ac0040;
			display:block;
			text-transform:uppercase;
		}
		#destacado ul { margin:40px 0px 15px 20px;}
		#destacado li { line-height:150%; font-size:95%;}
		#destacado li span { color:#ac0040;}
		#destacado p {
			font-size: 105%;
			margin:0px 20px 0px 20px;
			color:#ac0040;
			line-height:90%;}
		#destacado a {color: #36C;text-decoration:underline;}
		#destacado a:hover { color:#000;}
	
	#destac {padding:8px 20px 8px 0px;}


/*-------DESTACADO SUGERENCIAS HOME----*/
/*---------------NAVIDAD---------------*/

/*#destacado {float:left;	width:280px;}
		#destacado h2{
			font-size: 80%;
			margin:25px 20px 10px 20px;
			padding:0px;
			color:#ac0040;
			text-transform:uppercase;
		}
		#destacado h2 span{
			margin:0px 0 8px;
			font-size:160%;
			color:#ac0040;
			display:block;
			text-transform:none;
		}
		#destacado ul { margin:10px 0px 15px 20px;}
		#destacado li { line-height:135%; font-size:95%;}
		#destacado li span { color:#ac0040;}
		#destacado p {
			font-size: 105%;
			margin:0px 20px 0px 20px;
			color:#ac0040;
			line-height:90%;}
		#destacado a {color: #36C;text-decoration:underline;}
		#destacado a:hover { color:#000;}
	
	#destac {padding:8px 20px 8px 0px;}
*/

/**------------FIN DESTACADO SUGERENCIAS-----------**/
/*--------------------------------------------------*/

		.col-a{float:left;width:685px;}
			.col-1 { width:166px; background-color:#000; text-align:center; height:205px; margin-right:5px; float:left; padding-top:25px;}
			.col-1 h3 a{ color:#fff; font-size:120%;}
			.col-1 h3 a:hover{ color:#ac0040;}
			
			.vinos { background:#000 url(../img/botellas-cava.jpg) center bottom no-repeat;}
			.artesano { background:#000 url(../img/productos-artesanos.jpg) center bottom no-repeat;}
			.licores { background:#000 url(../img/patxaran-usua.jpg) center bottom no-repeat; padding-top:35px; height:195px;}
			.accesorios { background:#000 url(../img/bota-tres-zetas.jpg) center bottom no-repeat; padding-top:35px; height:195px;}
			
		.col-b { width:250px; float:right; background:url(../img/escaparate-vinoteca.jpg) left 3px no-repeat; padding:105px 0 0 16px; }
			.col-b h2  {color:#ac0040;font-size:80%;margin:5px 0 5px 0;}
			.col-b h2 strong {color:#000;	font-size:120%;	display:block;}
			.col-b p { line-height:130%; color:#000; font-size:90%;}
			.col-b p a{ background:url(../img/ico-cuadro-rosa.gif) left center no-repeat; color:#ac0040; padding-left:15px;}
			.col-b p a:hover{ text-decoration:underline;}


/* -- paginas interiores -- */
#contenido-int{clear:both; margin-right:18px; margin-top:8px;}
	.vinoteca { background:url(../img/vinoteca-murillo-pamplona.jpg) left top no-repeat; padding-top:227px;}
	.escaparate { background:url(../img/tienda-escaparate.jpg) left top no-repeat; padding-top:227px;}
	.acc { background:url(../img/vinos.jpg) left top no-repeat; padding-top:227px;}
	.cont { background: url(../img/vinoteca-murillo-mostrador.jpg)left top no-repeat; padding-top:227px;}

	#contenido-int h2 { 
		background-color:#eee; 
		border-bottom:1px solid #ccc;
		padding:10px;
		margin-bottom:25px;
		display:block; 
		font:140% Georgia, "Times New Roman", Times, serif!important; 
		color:#666;
	}
	.txt { width:500px; float:left; margin:0 0 20px 40px;}
		#contenido-int h3 { color:#ac0040; font: italic 120% Georgia, "Times New Roman", Times, serif; margin:10px 0 20px 0px;}
		#contenido-int .foto { 
			float:right;
			width:320px;
			margin-top:40px;
		}
			#contenido-int .foto h3 { color:#666; font-size:125%;}
			#contenido-int .foto li { padding-bottom:5px;}
		#contenido-int .foto-vinoteca { 
			background:url(../img/tienda-vinoteca.jpg) left top no-repeat;
			float:right;
			width:340px;
			height:389px;
		}
		#contenido-int .foto-bota { 
			background:url(../img/vinoteca-bota-tres-zetas.jpg) left top no-repeat;
			float:right;
			width:340px;
			height:389px;
		}
		#contenido-int #galeria { 
			float:right;
			width:288px;
			background:url(../img/vino-tinto.jpg) center top no-repeat;
			padding:39px 0 0 42px;
		}
		#galeria ul { margin:70px 10px 0 0; height:35px;}
		#galeria li a{ color:#666; float:left; padding:10px 0px; width:21px; text-align:center;margin-right:2px;background-color:#ccc;}
		#galeria li a:hover { background-color:#ac0040; color:#fff;}
		#img { height:226px;}
		.txt li { background:url(../img/ico-flecha2.gif) left 7px no-repeat; padding-left:12px; line-height:150%; padding-bottom:7px;}
		
	.txt2 { width:600px; float:left; margin:0 0 20px 0px;}
		.caja { width:195px; float:left; margin-right:5px;}
			.caja h3 { font-style:normal!important; margin:1px 0!important; padding-bottom:1px;}
			.caja ul { padding:10px 10px;}
			.caja li { color:#fff; line-height:140%; padding:0px; background:none; color:#fff; font-size:105%;}
		.rojo { background:#ac0040;}
		.morado { background:#69085a;}
			.caja h3.m {color:#69085a!important;}
		.verde { background:#b4a500;}
			.caja h3.v {color:#b4a500!important;}
		.azul { background:#8e9ac9;}
			.caja h3.az {color:#8e9ac9!important;}
		.marron { background:#a86804;}
			.caja h3.m {color:#a86804!important;}
		.gris-osc { background:#313131;}
			.caja h3.gr-o{color:#313131!important;}
		.gris-cl { background:#707070;}
			.caja h3.gr-c{color:#707070!important;}
				
	iframe { width:500px; height:300px; border:1px solid #ccc; padding:3px; margin-bottom:20px;}

	.foto2 { width:350px; float:right; padding-left:40px; border-left:1px dotted #999; min-height:370px;}

	
/*estilos de formulario */

#formulario {
	margin:0 40px;
	color:#333;
}
.gracias {
	width:88%;
	background-color: #eaeaea;
	border:1px solid #ccc;
	font:90% Tahoma, Arial, Verdana;
}
label { display:block; line-height:120%; font-size:90%;
}
input, textarea{
	border-style:none;
	border-bottom:1px solid #999;
	padding:2px;
	color:#333;
	font:95% Tahoma, "Trebuchet MS", Arial, Verdana;
	width:98%;
	background-color:#eee;
	margin-bottom:3px;	
	list-style-type:none
}
textarea{
	height:50px;
	margin-bottom:10px;	
}

.boton{
	width:80px;
	background-color:#999;
	color:#000;
	display:block;
	margin:35px 0px 0px 200px;
	cursor:pointer;
	padding:3px 0;
}

.boton:hover{
	color:#fff;
	background-color:#ac0040;
}
.check {
	margin-right:5px;
	clear:both;
	width:15px;
	border-style:none;
	float:left;
	color:#ccc;
}
#formulario a {
	color:#666;
	border-bottom:1px dotted #666;
}
#formulario a:hover {
	border-bottom:1px solid #666;
}
.gracias { padding:60px 30px; line-height:180%;}

.gracias a { display:block;	margin:10px 0; text-decoration:underline;}
.gracias a:hover { color:#cc0000;}



/* -- Pie -- */

#pie {
	background-color:#ac0040;
	height:70px;
	padding:10px 10px;
	font-size:85%;
	margin:0 18px 5px 0;
}
#pie p {
	margin:0px 10px 0 0px;
	padding:0px;
	float:left;
	color:#fff;
}
#pie ul {
	margin:50px 0px 0px 0px;
	float:right;
	width:180px;
	text-align:right;
}
	#pie li {margin:0px;display:inline;	color:#fff;	}
	#pie a{ color:#fff;}
	#pie a:hover{ text-decoration:underline;}

address { font-style:normal; float:left; margin:1px 0px 0 0; border-left:1px solid #fff; padding-left:10px; color:#fff; }