/* CSS Casa Mauro Mobiliario */

/* Estilos especificos del web */

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

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

}
h1 {
	margin:12px 0 0px 20px;
	padding:0px;
	float: left;
}
h2 {
	font: normal 90% Arial, Helvetica, sans-serif;
	background:url(../img/amueblamos.hogar-tit.gif) left top no-repeat;
	margin:10px 0 0px;
	padding-top:35px;
	width:341px;
	height:15px;
	color:#86121c;
	float:right;
	text-align:center;
}

h3 {
	color: #8e8be5;
	margin:0px;
	padding:0px;	
}
h4 {
	font:bold 120% Arial, Helvetica, sans-serif;
	color: #000;
}
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:#03005d;
}


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%;
	margin:0px auto;
	background:url(../img/fondo-trama.gif) center 109px no-repeat;
}
#head { width:940px; height:108px; margin:0 auto;}
#head ul{
	margin:12px 0px 0px;
	background:url(../img/fondo-menu.gif) 0px top no-repeat;
	width:67%;
	height:29px;
	float:right;
	/*border:1px solid #ccc;*/
}

#head li {
	font: bold 90% Arial, Helvetica, sans-serif;
	margin:7px 20px 0;
	padding:0px 5px;
	/*border-left:1px solid #fff;*/
	float:left;
	text-align:center;
	list-style-type:none;
}

#head li a { color:#ccc;}
#head li a:hover { color:#fff;}

#head .current{
	background-color:#86121c;
	color: #fff;
}
#contenido {
	width:955px;
	background:url(../img/fondo-contenido.gif) 1px top repeat-y;
	margin:0px auto;
	clear:both;
}

.img-home {
	width:940px;
	height:318px;
	overflow:hidden;
	margin:0 auto;
}
#destac {
	width:940px;
	border-top:8px solid #dfdfdf;
	padding-top:15px;
	margin:0 auto;
}
.col-a, .col-b {
	float:left;
	width:265px;
	margin:0px;
	color:#666;
	font-size:85%;
}
.col-a { margin-left:30px;}

.col-a img, .col-b img {
	border:1px solid #666;
}
.col-b {
	border-left:1px dotted #999;
	border-right:1px dotted #999;
	margin:0px 0px 0 25px;
	padding:0 25px 0px;
	width:260px;
}

.col-a p a, .col-b p a{
	background: url(../img/flecha-ico.gif) 5px center no-repeat;
	padding:2px 10px 2px 20px;
	color:#86121c;
}
.col-a p a:hover, .col-b p a:hover {
	text-decoration:underline;
}
.col-a p span {
	color:#fff;
}
#destac h3  {
	color:#535353;
	font:normal 100% Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
}
#destac h3 span {
	color:#86121c;
	display:block;
	font-size:170%;
}

.col-a img, .col-b img {
	float:left;
	margin-right:10px;
}


/*--- Paginas interiores ---*/

.fondo { background:#dedede url(../img/fondo2.gif) left top repeat-x;}
#contenedor2 {
	width:100%;
	margin:0px auto;
	background:url(../img/fondo-trama2.gif) center 109px no-repeat;
}

.empresa, .servicios, .ubicacion, .contactar{ 
	background:url(../img/mobiliario-mauro.jpg) left top no-repeat;
	width:940px;
	height:205px;
	margin:0px auto;
}
.servicios{ 
	background:url(../img/servicios.jpg) left top no-repeat;
}
.ubicacion{ 
	background:url(../img/ubicacion.jpg) left top no-repeat;
}
.contactar{ 
	background:url(../img/contacto.jpg) left top no-repeat;
}

#destac-int {
	width:840px;
	border-top:8px solid #dfdfdf;
	padding:20px 50px;
	margin:0 auto;
}

#destac-int h3{ color:#86121c; font:normal 180% Arial, Helvetica, sans-serif;}

.tit { color:#666666; font: italic 150% Georgia, "Times New Roman", Times, serif;}

.txt { background:url(../img/salon-destac.jpg) right center no-repeat; padding:20px 400px 0 0; height:300px; }
.txt p{ color:#333; line-height:170%; }

.hall {background:url(../img/hall-destac.jpg) right center no-repeat;}

.mapa { margin-top:25px;}
.map {background:url(../img/fachada.jpg) 610px 85px no-repeat; }
.pla { background:url(../img/mapa-navarra.gif) 610px 45px no-repeat; }

.mapa address { font:normal 110% Arial, Helvetica, sans-serif; padding-top:250px;}

.mapa a { 
	text-decoration:underline; 
	color:#86121c; 
	background:url(../img/flecha-ico.gif) left center no-repeat; 
	padding-left:15px; 
	display:block; 
	margin-top:15px;
	float:left;
}
.iframe {
	width:500px;
	height:350px;
	border:1px solid #ccc;
	float:left;
	margin:0px 60px 0 0;
}

.contacto { margin-top:30px; height:300px;}
.contacto address { font:normal 110% Arial, Helvetica, sans-serif; padding-top:200px; }


.negro { height:15px; background-color:#86121c; padding:5px; margin-top:15px;}
.negro li {color:#fff; float:left; list-style-type:none; padding:0 20px; border-right:1px dotted #ccc; text-transform:uppercase;}
.negro li a { color:#ecc6c9; font: bold 90% Arial, Verdana, Tahoma;}
.negro li a:hover { color:#fff;}
.negro .current2 { 
	font: bold 90% Arial, Verdana, Tahoma;
	color:#fff; 
	background:url(../img/ico-flecha-submenu.gif) center bottom no-repeat; 
	padding-bottom:5px;
}

.muebles { float:left; margin:0px 20px 0 0; width:100%;}
.muebles h4{ margin:0px 0 15px; background-color:#e7e7e7; color:#333; padding:10px; border-bottom:1px solid #ccc;}

.muebles ul { float:left; width:600px; margin:0 10px; border-right:1px solid #ccc; padding-right:40px;}
.muebles li { list-style-type:none; float:left;}
.muebles li img { border:1px solid #ccc; padding:3px; margin:10px;}

.logos { float:right; width:130px; margin-right:10px;}
.logos li { list-style-type:none; padding:0px 0 4px; text-align:center; }
.logos li img {border:1px solid #fff;}

.acc { margin:10px 0;}
.acc li { 
	background:url(../img/ico-flecha-gr.gif) left 7px no-repeat;
	padding-left:15px;
	line-height:160%; 
	margin-left:20px; 
	list-style-type:none;
}

/* -- Formulario -- */

/*estilos de formulario */

#formulario {
	padding:10px 0 0;
	color:#333;
	width:450px;
	float:left;
	margin:10px 110px 0 0;

}
.contacto h3{ margin:20px 0px; color:#0c04fc; font-size:110%; font-weight:bold;}
label { display:block; line-height:150%;;
}
input, textarea{
	border-style:none;
	border-bottom:1px solid #ccc;
	padding:2px;
	color:#333;
	font:100% Tahoma, "Trebuchet MS", Arial, Verdana;
	width:98%;
	background-color:#e5e5e5;
	margin-bottom:5px;	
	list-style-type:none
}
textarea{
	height:50px;
	margin-bottom:10px;	
}

.boton{
	width:80px;
	background-color:#333;
	color:#fff;
	margin:15px 0px 0px 0px;
	cursor:pointer;
	padding:3px 0;
	float:right;
}

.boton:hover{
	color:#fff;
	background-color:#86121c;
}
.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 {
	width:100%;
	background-color: #eaeaea;
	border:1px solid #ccc;
	font:90% Tahoma, Arial, Verdana;
	padding:60px 30px; line-height:180%;}

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



/* -- Pie -- */

#pie {
	width:955px;
	background:url(../img/fondo-pie.gif) 2px top no-repeat;
	margin:0 auto;
	font:85% Tahoma, Verdana, Arial, Helvetica;
	color:#666;
	clear:both;
	padding:25px 0 0;
}
#pie p {
	margin:0px 0px 0 10px;
	padding:0px;
}
#pie ul {
	margin:2px 0px 10px 15px;
	padding:0px;
}
#pie li {
	margin:0px;
	padding:0px;
	display:inline;
	color:#333;
}
#pie li a{
	color:#333;
}
#pie li a:hover{
	color:#86121c;
	border-bottom:1px dashed #86121c;
}

.direcc { float:right; width:330px; color:#333; margin:0px; font:normal 100% Tahoma, Arial, Verdana;}
.direcc address { font-style:normal; float:left; text-align:right; margin:1px 15px 0 0; }
.direcc p { float:left; border-left:1px dotted #999; width:125px; text-align:center;}
.direcc p strong{ color:#86121c; font-size:120%;}

/* -----------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;
}