/* CSS Casa Tapicerias Garayalde */

/* Estilos especificos del web */

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

body {
	margin:0px;
	padding:0px;
	color:#333;
	font:80% Tahoma, Arial, Verdana;		
	background:#74a9db url(../img/fondo-agua2.jpg) center 0px repeat-x;

}
h1 {
	margin:10px 0 10px 20px;
	float: left;
	width:227px;
	font:bold 90% "Trebuchet MS", Verdana, Tahoma, Arial;
	text-align:center;
}
h1 img { margin-bottom:5px;}
h2 {
	font: normal 200% Arial, Helvetica, sans-serif;
	margin:0px 0 8px;
	padding:0px;
	color:#000;
}
h3 {
	font:normal 130% Verdana, Arial, Helvetica, sans-serif;
	color: #1a48c5;
	margin:10px 0px 20px 0px;
	padding:0px;	
}

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:899px;
	margin:0px auto;
}

#head { margin-top:5px;}
.tel { float: right; color:#063bb7; text-align:center; font:bold 100% "Trebuchet MS", Verdana, Tahoma, Arial; margin:8px 20px 0 0;}
.tel strong { color:#000; display:block; font:bold 180% Arial, Helvetica, sans-serif;}
.menu {
	background:url(../img/fondo-menu.gif) left top no-repeat;
	height:35px;
	clear:both;
	width:895px;
	margin:0 auto;
}

.menu ul{
	padding:10px 0px 0;
	float:right;
	width:82%;
}

#head li {
	font:bold 100% Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px 10px 0;
	float:left;
	list-style-type:none;
	color:#fff;
	border-left:1px solid #fff;
}

#head li a{padding:0px 10px 0;	color:#fff;}
#head li a:hover{
	color: #66CCFF;
}
#head .current{
	color: #014387;
	background-color:#fff;padding:0px 10px 0;
}
#contenido {
	background:url(../img/fondo-cont.gif) center repeat-y;
	margin:0px;
	padding:0px;
	clear:both;
}

#img-home {
	width:895px;
	overflow:hidden;
	margin:0 auto;
}
#destac {
	padding:20px 10px 0px 20px;
}

.col-b{
	float:left;
	width:250px;
	margin:0px;
	color:#333;
	font-size:90%;
	padding:0 25px 5px;

}
.col-0 {
	float:left;
	width:180px;
	margin:20px 0 0 10px;
	height:80px;
}
.col-0 h2{
	font-size:160%;
	color:#1a48c5;
}
.a {
	border-left:1px dotted #1a48c5;
	border-right:1px dotted #1a48c5;
	margin:0px 20px;
}

.col-b ul { float:left;}
.col-b li { list-style-type:none; background:url(../img/ico-flecha-gris.gif) left 4px no-repeat; padding:0 0 3px 8px; }

.col-b a{
	background: url(../img/ico-flecha-azul.gif) left 2px no-repeat;
	color:#1a48c5;;
	padding:2px 0 2px 18px;
}
.col-b a:hover {
	text-decoration:underline;
}
.col-b h2  {
	color:#1a48c5;
	font:bold 140% Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
}
.col-b p { font-size:95%;}
.col-b img {
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #666;
}


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

.contenido { margin:20px 40px 0; padding-bottom:10px;}
.i { margin-left:3px;}

.txt, .txt-rep {
	display:block;
	margin:0px 0px 0 20px; 
	padding:20px 430px 20px 0;
	background:url(../img/mampara-hidromasaje.jpg) right 10px no-repeat;
}
.txt-rep {
	background:url(../img/reparaciones.jpg) right 20px no-repeat;
}
.txt-rep li, .txt2 li {
	list-style-type:none;
	background:url(../img/ico-flecha-azul.gif) left 9px no-repeat;
	padding:5px 0 5px 18px;
	line-height:140%;
}
.txt2 {
	display:block;
	margin:0px 0px 0 20px; 
	padding:0px 300px 20px 0;
	background:url(../img/grifo.jpg) right top no-repeat;
}

.txt1 {
	width:400px; 
	float:left;
}	

.mapa { float:right; margin-top:50px;}
.mapa iframe { border:8px solid #e5e5e5; width:350px; height:220px;}
	
/* -- Formulario -- */

/*estilos de formulario */

#formulario { color:#333;}
#formulario h4 { 
	font:130% Arial, Helvetica, sans-serif;
	color:#000;
	margin-bottom:20px;
}

label { display:block; line-height:150%; margin:0 20px;
}
input, textarea{
	border-style:none;
	border-bottom:1px solid #ccc;
	color:#0c04fc;
	font:100% Tahoma, "Trebuchet MS", Arial, Verdana;
	width:85%;
	background-color:#e5e5e5;
	margin:0 20px 5px 20px;	
	list-style-type:none
}
textarea{
	height:50px;
	margin-bottom:10px;	
}

.boton{
	width:80px;
	background-color:#1a48c5;
	color:#fff;
	margin:15px 0px 0px 150px;
	cursor:pointer;
	padding:2px 0;
}

.boton:hover{
	color:#fff;
	background-color:#000;
}

.check {
	margin-right:5px;
	clear:both;
	width:15px;
	border-style:none;
	float:left;
	color:#fff;
}
#formulario a {
	border-bottom:1px dotted #999;
}
#formulario a:hover {
	border-bottom:1px solid #000;
}

.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 {
	background:url(../img/fondo-pie.gif) center top no-repeat;
	font:85% Tahoma, Verdana, Arial, Helvetica;
	color:#000;
	clear:both;
	padding-top:15px;
}
#pie p {
	margin:0px 0px 0 0px;
	padding:0px;
}
#pie ul {
	margin:2px 0px 10px 15px;
	padding:0px;
}
#pie li {
	margin:0px;
	padding:0px;
	display:inline;
	color:#03005d;
}
#pie li a{ color:#000;}
#pie li a:hover{ text-decoration:underline;}

address { float:right; font-style:normal; color:#000; text-align:right; margin:1px 15px; line-height:150%; }

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