@charset "utf-8";
/* CSS Document */
@import url(sinhtml.css);
body { font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#333; background-color:#333; margin-top:5px; margin-bottom:15px;}


#menu {width:940px; float:left; background:url(../img/menu.jpg) no-repeat; height:35px;}
	#menu a{ float:left; padding:9px 15px 9px 15px; width:120px; text-align:center; height:17px; color:#fff; font-size:13px; font-weight:bold;}
	#menu a:hover{ color:#fc0;}
	



#galeria { width:640px; height:200px; float:left;}
#mensaje{ position:absolute;z-index:1000; float:inherit; width:420px; padding:12px 00px 18px 0px; margin-top:150px; height:20px; font-size:22px; text-align:center; background:url(../img/mensaje.png) no-repeat; color:#000; margin-left:220px;}

.textos p{padding:5px 0px 5px 0px; text-align:justify;}
.textos p.margen{padding:5px 10px 5px 10px; text-align:justify;}
.textos p.margen1{padding:5px 10px 5px 10px; text-align:justify; font-size:14px; color:#06F;}
.textos p.titulo{ font-size:16px; font-weight:bold; color:#333;}
.telefono {font-size:28px; color:#900; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;}
.telefono2 {font-size:24px; color:#fff;}
.bantelefono {width:300px; height:250px; background:url(../img/telefono.jpg) no-repeat;}

.horario {width:620px; height:120px; background:url(../img/horario.jpg) no-repeat;}

.pie {margin-top:10px; padding-top:10px; border-top:1px dotted #ccc;}
.pie p a{font-size:12px; color:#333;}
.pie p a:hover{color:#333; text-decoration:underline;}
.pie p.copy {font-size:11px; color:#333; margin-top:10px; margin-bottom:15px;}
.pie p.copy a{color:#333; font-size:11px;}
.pie p.copy a:hover{ text-decoration:underline;}
/* FORMULARIO DE PEDIDOS */
 		#formulariopedidos{ width:290px; float:left;padding:5px 5px 5px 5px; height:425px; background:url(../img/fondo_formulario.jpg) no-repeat; margin-top:10px; }
		 #formulariopedidos p{ width:255px; float:left; margin:8px 25px 8px 20px; font-size:12px; color:#333; text-align:justify; }
		 * html #formulariopedidos p{ width:255px; float:left; margin:8px 5px 8px 5px; font-size:12px; color:#333; text-align:justify; }
		 #formulariopedidos .fila{ width:270px; float:left; margin:3px 0px 3px 20px;}
		 #formulariopedidos .fila label{ width:70px; float:left; font-size:12px; color:#333; font-weight:bold;font-family:Arial, Helvetica, sans-serif; font-size:11px;}
		  #formulariopedidos .fila label.descrip{ width:255px; float:left; font-size:12px; color:#333; font-weight:bold;font-family:Arial, Helvetica, sans-serif; font-size:11px;}
		 #formulariopedidos .fila input{ width:170px; float:left; margin-left:8px;  border: 1px solid #CCC;}
		 #formulariopedidos .fila textarea{ width:248px; float:left; border: 1px solid #CCC; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-left:0px;}
		
		 #formulariopedidos .fila .btn{ width:248px; float:left; border: 1px solid #999; font-family:Arial, Helvetica, sans-serif; text-align:center; font-weight:bold; margin:0px 0px 0px 0px; padding:5px 0px 5px 0px;}
		 #formulariopedidos .fila .btn:hover{border-color:#999;}

/* formulario de contacto */
#formulario{ width:630px; float:left; margin-top:10px; margin-bottom:30px;}
			
			#formulario .fila{ width:630px; float:left; margin:5px 0px 8px 0px;}
			
			#formulario .fila label{ width:120px; float:left; font-weight:bold; text-align:right; font-size:13px; }
			#formulario .fila input,textarea{ float:left; margin-left:10px; font-size:13px; border:1px solid #ccc;font-family:Arial, Helvetica, sans-serif;}
