/* CSS Casa Mahatsa Ardoetxea en Navarra */

/* Estilos especificos del web */

* { margin:0px; padding:0px;}

body {
	margin:0px;
	padding:0px;
	color:#333;
	font:85% Tahoma, Arial, Verdana;		
	background:#fff url(../img/fondo.jpg) left top repeat-x;

}
h1 {
	margin:10px 0 0;
	padding:0px;
	float: left;
}
h3 {
	font:normal 115% Arial, Helvetica, sans-serif;
	border-bottom:1px dotted #9d0d15;
	color: #9d0d15;
	margin:10px 0px 10px 0px;
	padding:0px;	
}
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 {
	padding:0px;
	margin:0px 0 10px;
	line-height:130%;
}

a{
	color:#333;
	text-decoration:none;	
}

a:link{
	color:#333;	
}

a:visited{
	color:#333;	
}

a:active{
	color:#e8141e;	
}

a:focus{
	color:#9d0d15;	
}

a:hover {
	color:#9d0d15;
}

.rojo { color:#9d0d15; text-decoration:underline;}
img { border-style:none;}
.ocultar { display: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:959px;
	margin:0px auto;
}

#head {
	background:url(../img/menu-sup.jpg) right 42px no-repeat; height:110px;}

.top { float:right; width:440px; }

.menu-sup {
	margin:0px 10px 5px 0;
	padding:0px;
	float:left;
	border-right:1px dotted #666;
	width:90px;

}
.menu-sup li {
	margin:0px 2px;
	padding:5px 0;
	float:left;
	list-style-type:none;
	font:115% Tahoma, Arial, Verdana;
	color:#9d0d15;
}
.menu-sup li .idioma {
	color:#666;	
	font:70% Tahoma, Arial, Verdana;
	padding-top:4px;
	display:block;
}

.info {
	margin:0px 0px 5px 0;
	padding:4px 10px 5px 0;
	float:left;
	text-align:left;	
	border-right:1px dotted #666;
	width:195px;

}
.info  li {
	margin:0px 2px;
	padding:5px 0;
	float:left;
	list-style-type:none;
	font:80% Tahoma, Arial, Verdana;
	color:#666;
}


.tel {
	float:left;
	background:url(../img/ico-telefono.gif) 10px center no-repeat;
	display:block;
	font:bold 120% Arial, Helvetica, sans-serif;
	color:#000;
	padding:6px 0  5px 25px;
}
.linea {
	display:block;
	margin:0 5px 0 0;
	padding:5px;

}
.menu, .menu-eu { float:right; width:630px; margin-top:25px; text-transform:uppercase; }

.menu-eu { width:632px; }
.menu li, .menu-eu li {
	float:left;
	margin:0px;
	list-style-type:none;
	font:bold 95% "Trebuchet MS", Verdana, Tahoma, Arial;
	color:#dd8a00;
	margin:0px 20px 0 20px;
}
.menu-eu li {
	font-size:90%;
	margin:0px 20px 0 20px;
	display:block;
}
.menu li a, .menu-eu li a{	color:#fff;}
.menu li a:hover, .menu-eu li a:hover{ color:#dd8900;}

#head .current{
	color: #03005d;
	background:url(../img/boton-fondo2.gif) left top no-repeat;
}
.menu .margen { margin:0px 20px 0 35px; display:block;}
.menu .margen2 { margin:0 26px 0 23px; display:block;}
.menu-eu .margen3 { margin-left:35px; display:block;}
.menu-eu .margen4{ margin-left:28px; display:block;}
.menu-eu .margen5{ margin-right:0px; display:block;}

#contenido {
	margin:0px;
	padding:0px;
	clear:both;
}
.tit, .tit-no{
	font: normal 140% Arial, Helvetica, sans-serif;
	margin:3px 0 25px;
	padding:15px  10px;
	background-color:#000;
	color:#fff;
}
.tit span, .tit2 span {
	display:block;
	color:#dd8a00;
	font: normal 80% Arial, Helvetica, sans-serif;
}
.tit2{
	font: normal 140% Arial, Helvetica, sans-serif;
	margin:3px 0 0px;
	padding:15px  10px;
	background-color:#000;
	color:#fff;
}


#publi {background:url(../img/fondo-home.jpg) right top no-repeat; margin-bottom:10px; height:276px;}

#img-home {
	float:left;
	width:435pxpx;
	height:274px;
	overflow:hidden;
	margin:0;
	border:1px solid #999;
}
#destac {
	background-color:#000;
	padding:30px 0px 0 40px;
	border-top:1px solid #fff;
}

#destacado {
	float:left;
	width:280px;
	background:url(../img/copa-de-vino.jpg) left top no-repeat;	
	height:269px;
	margin:5px 0 0 30px;
	padding-left:180px;
	font-size:80%;
}
#destacado h2{
	font: normal 200% Arial, Helvetica, sans-serif;
	margin:23px 0 20px;
	padding:0px;
	color:#000;
}
#destacado h2 span{
	margin:0px 0 8px;
	padding:0px;
	color:#9d0d15;
	display:block;
}
#destacado a{
	background: url(../img/ico.gif) 0px center no-repeat;
	padding:2px 10px 2px 15px;
	color:#9d0d15;
	font-size:110%;
	margin-top:20px;
	display:block;
	width:130px;
}
#destacado a:hover {
	border-bottom:1px dotted #9d0d15;}


.col-a, .col-b {
	float:left;
	width:400px;
	margin:0px;
	color:#fff;
	font-size:80%;
	padding:0 10px 0 0;
}
.col-b {
	border-left:1px solid #333;
	margin:0px 0px 15px 30px;
	padding:0 0px 0px 50px;
}

.col-a p a, .col-b p a{
	background: url(../img/ico.gif) 0px center no-repeat;
	padding:2px 10px 2px 15px;
	color:#fff;
	font-size:110%;
}
.col-a p a:hover, .col-b p a:hover {
	color:#e2001a;
}
.col-a p span {
	color:#fff;
}
.col-a h2, .col-b h2  {
	color:#e2001a;
	font:170% Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
}
.col-a img, .col-b img {
	float:left;
	margin-right:20px;
}

#imagen-int-v, #imagen-int-d, #imagen-int-dk, #imagen-int-acc, #imagen-int-cc  {
	width:952px;
	height:212px;
	padding:3px;
	border:1px solid #ccc;
	background: url(../img/vinoteca-mahatsa.jpg) 3px 3px no-repeat;
}
#imagen-int-d {	background: url(../img/degustacion-img.jpg) 3px 3px no-repeat;}
#imagen-int-dk {background: url(../img/delikatessen.jpg) 3px 3px no-repeat;}
#imagen-int-acc {background: url(../img/accesorios.jpg) 3px 3px no-repeat;}
#imagen-int-cc {background: url(../img/club-de-cata-02.jpg) 3px 3px no-repeat;}

.col-izq {
	float:left;
	width:550px;
	margin:0 0 20px 20px;
	font:80% Tahoma, Arial, Verdana;
	line-height:160%;
}

#col { width:600px; float:left;}

.prod {width:250px; float:left; margin:0 25px 20px;}
.prod ul, .col-izq ul { margin:0 0 10px 15px; padding:0px; }
.prod li { margin:0px; padding:3px 0px 3px 1px; list-style:url(../img/ico-flecha.gif); font-size:80%;}
.col-izq li { margin:0px; padding:0px 0px 0px 1px; list-style:url(../img/ico-flecha.gif); color:#333; }

.prod li span{ display:block; color:#666;}

#col-foto { float:right; margin:0px 0px 20px 0; width:290px; }
#col-foto2 { float:right; margin:0px 0px 20px 0; width:350px; text-align:right; }
#col-foto ul, #col-foto2 ul{ margin:0px; padding:0px; }
#col-foto li, #col-foto2 li { float:left; margin:0 2px 3px; padding:0px; list-style:none;  }
#col-foto li img, #col-foto2 li img{ border:1px solid #fff; padding:2px; }
#col-foto img:hover, #col-foto2 img:hover{ border:1px solid #9d0d15; }

.col-izq2{ 	float:left;	width:310px; margin:0 0 20px 20px; font:80% Tahoma, Arial, Verdana;	line-height:160%;}
.col-izq2 a{ background-color:#dd8a00; color:#000; font-size:110%; padding:3px 5px; margin-top:20px; display:block; width:80%;}
.col-izq2 a:hover{ background-color:#000; color:#dd8a00; }

.col-dcha { float:right; width:430px;}

.texto{ margin:0 20px; font-size:80%; }
.texto p{ line-height:150%;}

.texto ul{ margin:10px 10px 10px 20px; padding:0px; }
.texto li{ list-style:url(../img/ico-flecha.gif); margin:0px; padding:5px 0; }

.iframe { float:right; margin:0 30px 20px 0; padding:3px; border:1px solid #ccc; width:520px; height:300px;}

#vinos table { width:95%; background-color:#fff; padding:0px; margin:0px 20px 20px; empty-cells:hide; border-spacing:5px; border-collapse:separate; }
#vinos table caption{ border:1px solid #333; text-align:right; padding:22px 0; padding-right:10px; color: #000; margin:10px 5px 0;}
#vinos table .navarra{ background:url(../img/do-navarra.gif) 10px center no-repeat; }
#vinos table .rioja{ background:url(../img/do-la-rioja.gif) 10px center no-repeat; }

#vinos table th{ background-color:#333; color: #fff; padding:5px; font-size:90%}
#vinos table td{ color:#333; font-size:80%; padding:2px; border-top:1px dotted #999; vertical-align:top;}
#vinos table .backg th{ background-color:#fff; border:1px solid #999; color:#333;}

.banner { float:right; margin-right:20px;}

.catas-tit{ background-color:#e5e5e5; color:#333; padding:10px; font-size:90%; margin-bottom:10px;}
.cata-gr{ padding:20px 20px 0px 0; border:5px solid #ccc; margin-bottom:20px;}
.fecha { font-size:120%; color:#000; }
.fecha span { font:130% Arial, Helvetica, sans-serif; color:#fff; background-color:#9d0d15; padding:2px 5px; margin-right:5px;}

.catas-subt { font:normal 150% Arial, Helvetica, sans-serif; color:#999; border-style:none;}

.foto {margin-bottom:10px; padding:3px; border:1px solid #ccc;}

.ft { float:right; margin:10px 0; background-color:#e5e5e5; padding:8px;}
.ft a { display:block; background:url(../img/ico.gif) left center no-repeat; padding-left:15px; margin-top:8px; font-size:80%;}

/* -- Formulario -- */

/*estilos de formulario */

/*#formulario {
	padding:20px;
	border:1px solid #999;
	color:#333;
	margin-right:50px;
}*/
.gracias {
	width:88%;
	background-color: #eaeaea;
	border:1px solid #ccc;
	font:90% Tahoma, Arial, Verdana;
}
label { display:block; line-height:120%; font-size:80%;
}
input, textarea{
	border-style:none;
	border-bottom:1px solid #999;
	padding:1px;
	color:#000;
	font:90% 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:#9d0d15;
}
.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 {
	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 {	
	font:80% Tahoma, Verdana, Arial, Helvetica;
	color:#000;
	clear:both;
	height:30px;
	padding:5px 0;
	border-top:1px dotted #666;
}
#pie p {
	margin:0px 10px 0 0px;
	padding:0px;
	float:left;
}
#pie ul {
	margin:2px 0px 10px 15px;
	padding:0px;
	float:right;
	width:270px;
	text-align:right;
}
#pie li {
	margin:0px;
	padding:4px 0 5px;
	float:left;
	display:block;
	list-style-type:none;
	color:#03005d;
	vertical-align:middle;
}
#pie img{
	padding:0px 0 0 6px;
	border-left:1px dotted #999;
	margin-left:6px;
}

#pie li a{
	color:#000;
}
#pie li a:hover{
	color:#9d0d15;
	border-bottom:1px dashed #9d0d15;
}

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


.texto-no { font-size:110%;}
.tit-no { font-size:190%;}