/* CSS Casa Jesus Mari en Pamplona */

/* Estilos especificos del web */

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

}
body {
	margin:0px;
	padding:0px;
	color:#666;
	font:80% Tahoma, Arial, Verdana;		
	background:#e60404 url(../img/fondo.gif) 3px top repeat-y;

}
h1 {
	margin:20px 0 20px 20px;
	padding:0px;
}
h2 {
	font: normal 190% Arial, Helvetica, sans-serif;
	margin:0px 0 8px;
	padding:0px;
	color:#a38b07;
}
h2 .tit{
	font: normal 65% Arial, Helvetica, sans-serif;
	display:block;
}
h3 {
	font:normal 150% Verdana, Arial, Helvetica, sans-serif;
	color: #a38b07;
	margin:10px 0px 20px 30px;
	padding:0px;	
}
h4 {
	padding:8px 5px 12px 15px;
	margin:10px 0px 0 0px;
	font:bold 120% Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform:uppercase;
	background: url(../img/casta-tit-fondogif.gif) left top no-repeat;
}
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:#e8141e;	
}

a:hover {
	color:#e8141e;
}


img {
	border-style:none;}
.ocultar {
	display:none;
}
.clear {clear: both; color:#999; text-align:right; font:0.7em tahoma, Verdana, Arial, Helvetica;}

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

#contenedor {
	width:100%;
	height:100%;
	background: url(../img/fondo-body.gif) 928px top no-repeat;


}
#col-izq {
	float:left;
	width:206px;
}
#contenido {
	margin:0px;
	float:left;
	width:722px;
	clear:right;
}
.idioma {
	float:right;
	color:#999;
	margin:8px;
	font:100% Arial, Helvetica, sans-serif;
}
.idioma span{
	color:#a38b07;
	font-size:130%;
	font-weight:bold;
}
.idioma a{
	color:#999;
}
.idioma a:hover {
	border-bottom:1px dashed #999;
}
#img-home {
	width:722px;
	height:411px;
	overflow:hidden;
	margin:0 auto;
}

.menu-home {
	height:193px;
	margin:0;
	background: url(../img/menu.gif) 3px top no-repeat;
}
.menu-home ul{
	margin:0px 0px 0 15px;
	padding:0px;
}

.menu-home li {
	font:bold 105% "Trebuchet MS", Verdana, Tahoma, Arial;
	margin:0px;
	padding:10px 10px 10px;	
	list-style-type:none;
	text-transform:uppercase;
	color:#e60404;
}
.menu-home li a{
	color:#fff;
}
.menu-home li a:hover{
	color: #CC0000;
}
.direcc { color:#000; margin:20px 0 20px 20px; font:bold 105% Arial, "Trebuchet MS", Verdana, Tahoma;}
.direcc address { font-style:normal;}
.direcc strong {font:bold 125% Arial, Verdana, Tahoma; margin-top:8px; display:block;}

.col-a {
	float:left;
	width:255px;
	height:121px;
	background:url(../img/destac-fondo-home.gif) left top no-repeat;
	margin:10px 20px 10px 30px;
	padding:40px 45px 40px 35px;
	color:#fff;
	font:105% Arial, Helvetica, sans-serif;
}
.col-a strong{
	font-size:130%;
	font-weight:normal;
}
.col-a span {
	color:#a38b07;
	font-size:140%;
	display:block;
	margin-top:8px;
}

.col-b {
	float:right;
	width:250px;
	height:100px;
	color:#fff;
	font:110% Arial, Helvetica, sans-serif;
	margin:40px 40px 0 0px;
}
.llamanos{
	background-color:#a38b07;
	padding:5px;
	color:#fff;
	font-size:140%;
}
/*--- Paginas interiores ---*/

.seccion {
	background-color:#a38b07;
	/*border-bottom:1px solid #666;*/
	padding:0px 0;
	color:#000;
	height:40px;
}
.seccion a:hover {
	color:#000;
	text-decoration:underline;
}
.seccion h2 {
	color:#000;
	float:left;
	margin:12px 0 0 35px;
	background:url(../img/icono.gif) left center no-repeat;
	padding-left:25px;
	font:140% Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

.dest { margin:10px 30px; color:#ccc; padding:28px 10px 0; height:226px; background:url(../img/carta-destacado.gif) left top no-repeat; }
.dest h4 { color:#fff; background:none; margin:0px 20px 0; width:250px; padding:0px 0 0px;}
.dest ul { color:#a38b07; margin:10px 15px 3px; text-transform:uppercase; width:260px; float:left;}
.dest li, .cont-boc li, .cont-d li { margin:0px 0 0 20px; padding:8px 0 0px 3px; list-style-type:none; list-style-type:none;}
.sub li{ margin:0px 0 0 45px; padding:5px 0 0 1px; list-style-image: url(../img/flecha-gr.gif); color:#ccc; text-transform:none;}

.cont { margin:10px 30px; color:#ccc; width:290px; float:left; }
.cont h3, .cont-boc h3, .cont-d h3 { margin:0px 0 20px;}
.cont dl, .cont-boc dl { margin:10px;}
.cont dt, .cont-boc dt, .list-tit { color:#a38b07; margin:10px 0 3px; text-transform:uppercase; list-style-type:none;}
.cont dd, .cont-boc dd{ line-height:140%;}

.cont-boc { margin:10px 30px; color:#ccc;  }
.cont-boc ul { color:#a38b07; margin:10px 1px 3px; text-transform:uppercase; width:320px; float:left;}

.cont-a { margin:10px 40px 10px 30px; width:320px; float:left; color:#ccc;}
.cont-a strong { color:#a38b07; font-weight:normal;}
.cont-a a{ color:#999; border-bottom:1px dotted #999;}
.cont-a a:hover{ border-bottom:1px solid #999;}

.cont-b { margin:15px 20px 10px 0; width:280px; float:right;}
.cont-b ul, .cont ul, .cont-d ul { margin:0px 0 10px 15px; padding:0px;}
.cont-b li { float:left; margin:0 10px 10px 0; list-style-type:none;}
.cont-b li img, .cont-g li img{ border:1px solid #333; padding:3px;}
.cont-b img:hover, .cont-g img:hover{ border:1px solid #a38b07;}

.cont-c { margin:10px 40px 10px 0; width:260px; float:right; color:#999;}
.cont-c h3{ margin:0px 0 20px; font-size:110%;}

.cont-d { margin:10px 30px; color:#ccc; }

.cont-g { margin:15px 0px 10px 25px; width:692px; height:449px; background: url(../img/fondo-galeria.gif) left top no-repeat;}
.cont-g h3 { float:right; text-transform:uppercase; margin:40px 60px 20px 0px; font-size:120%;}
.cont-g h3 span { color:#e5e5e5; font-size:130%;}
.cont-g ul { margin:0px 35px 0 60px; padding:0px; clear:both;}
.cont-g li{ float:left; margin:0 15px 15px 0; list-style-type:none;}

.cont-g a{ color:#a38b07; }

.gr { font-size:125%; font-weight:bold;}

.llamar, .deitu { 
	float:left; border-style:none; 
	background:url(../img/llamanos-img.jpg) left top no-repeat;
	width:329px;
	height:195px;
	margin:0px;
	padding:0px;
}
.deitu { 
	background: url(../img/deitu-img.gif) left top no-repeat;
}
.llamar p, .deitu p { display:none;}

.txt { clear:both; color:#fff; font-size:110%; margin:0 60px 0 50px;}
.foto { float:right; margin-right:20px; background:url(../img/camara-fotos.gif) right center no-repeat; padding:12px 45px 10px 0;}

.fl {
	margin:0 330px;
}
.mapa {
	width:300px;
	height:300px;
	border-style:none;
	overflow:hidden;
	margin:0px;
}
/* -- Formulario -- */

/*estilos de formulario */


label { display:block; line-height:150%;}
input, textarea{
	border-style:none;
	border-bottom:1px solid #333;
	padding:2px;
	color:#fff;
	font:100% Tahoma, "Trebuchet MS", Arial, Verdana;
	width:98%;
	background-color:#000;
	margin-bottom:5px;
}
textarea{
	height:50px;
	margin-bottom:10px;	
}

.boton{
	width:70px;
	background-color:#121212;
	border:1px solid #666666;
	color:#666666;
	margin:15px 0px 0px 0px;
	cursor:pointer;
	padding:3px;
	float:right;
}

.boton:hover{
	color:#a38b07;
	border-color:#a38b07;
}
.check {
	margin-right:3px;
	clear:both;
	width:15px;
	border-style:none;
	float:left;
	color:#ccc;
}
#formulario a {
	color:#999999;
	border-bottom:1px dotted #999;
}

.gracias {
	width:75%;
	color:#fff;
	background-color: #191919;
	border:1px solid #333;
	font:90% Tahoma, Arial, Verdana;
	padding:60px 30px; 
	line-height:180%;
}
.gracias a { display:block;	margin:10px 0; text-decoration:underline; color:#999;}
.gracias a:hover { color:#fff;}



/* -- Pie -- */

#pie {	
	font:85% Tahoma, Verdana, Arial, Helvetica;
	color:#000;
	clear:both;
	border-top:1px dotted #000;
	padding-top:20px;
}
#pie p {
	margin:0px 0px 0 20px;
	padding:0px;
	color:#000;
}
#pie ul {
	margin:8px 0px 0 33px;
	padding:0px;
}
#pie li {
	margin:0px;
	padding:0px;
	display:inline;
	color:#fff;
}
#pie li a{
	color:#fff;
}
#pie li a:hover{
	color:#fff;
	border-bottom:1px dashed #fff;
}



/* -----------accesibilidad ---------------- */

.atajos {
	float:left;
	width:520px;
	margin-top:20px;
	border-right:1px dotted #999;	
	padding: 8px 20px 5px 20px;
	background-color:#e5e5e5;
	height:220px;

}
.teclas {
	float:left;
	width:250px;
	background-color:#ccc;
	padding:8px 5px 5px 30px;
	height:220px;
	margin-top:20px;

}

.atajos ul, .teclas ul {
	margin:10px 0 0 20px;
	padding:0px;
	color:#333;
}
.atajos li, .teclas li {
	margin:0px;
	padding:0px;
	list-style-type:none;
}